From 7d2efc38c61cdf14eebbef2184a128fd4efd9283 Mon Sep 17 00:00:00 2001 From: nmerget Date: Thu, 11 Apr 2024 06:57:16 +0000 Subject: [PATCH] deploy: 6c433ce06ec1f69cff6805f454833b3d4a2a711e --- review/main/404.html | 2 +- .../_buildManifest.js | 2 +- .../_ssgManifest.js | 0 ...26134abfa8bdf615.js => 11803-caf6ff8ce5b1addc.js} | 2 +- ...33e45af85bb3d4e5.js => 16288-419cd86e34be4537.js} | 2 +- ...5571a38636d2fce9.js => 24514-404caa73befd87b2.js} | 2 +- .../accordion/properties-0313ccab01a05106.js | 1 + .../accordion/properties-56b766d5c7918733.js | 1 - .../components/alert/properties-133f74759fb552ca.js | 1 - .../components/alert/properties-8ce18bbc452bf2c0.js | 1 + .../components/button/properties-1d1e49e09cbb8d8d.js | 1 + .../components/button/properties-2a2e078d7e5d98f8.js | 1 - .../components/card/properties-8e67bd2fc92759e7.js | 1 - .../components/card/properties-c2914e134fa31d1d.js | 1 + .../components/icon/properties-785c2b6f9eafe636.js | 1 - .../components/icon/properties-f496f0059f745a92.js | 1 + .../infotext/properties-1e4a21ffd41e9ba8.js | 1 - .../infotext/properties-3b554a92f9350767.js | 1 + .../components/input/properties-ab38ec93a800efff.js | 1 + .../components/input/properties-f163bb9b78a9bf9b.js | 1 - .../components/link/properties-c4a759f15ff91ec9.js | 1 + .../components/link/properties-da75dfd42c4d906f.js | 1 - .../code/Tonality-b2ff5b6c1ee7efc8.js | 1 + .../code/Tonality-fa24557a7c994a99.js | 1 - ...13cccd027aa910d1.js => Width-7426a3cbbe6a0860.js} | 2 +- .../navigation-item/properties-4fb90774d9904446.js | 1 - .../navigation-item/properties-fe105e70f3cc887c.js | 1 + .../components/select/properties-cdbad0a6fc942f73.js | 1 + .../components/select/properties-f1608857b73be5ae.js | 1 - .../components/tab/properties-21356e7ad1dd439d.js | 1 + .../components/tab/properties-a7445dbc6a9a44d1.js | 1 - .../components/tabs/properties-6020c90ad7b47f59.js | 1 - .../components/tabs/properties-ae59773583e89cb2.js | 1 + .../components/tag/properties-91d4244df8da3786.js | 1 - .../components/tag/properties-d28b5411096059d7.js | 1 + .../textarea/properties-4ab6176c2722bd4f.js | 1 - .../textarea/properties-dfee7c7f2b111b0a.js | 1 + review/main/assets/images/db_logo.svg | 4 ++++ review/main/base64.html | 2 +- review/main/components/accordion-item.html | 2 +- .../accordion-item/code/ContentStates.html | 4 ++-- .../accordion-item/code/InteractionStates.html | 4 ++-- .../components/accordion-item/code/Tonality.html | 4 ++-- .../main/components/accordion-item/docs/Angular.html | 4 ++-- review/main/components/accordion-item/docs/HTML.html | 4 ++-- .../components/accordion-item/docs/Migration.html | 4 ++-- .../main/components/accordion-item/docs/React.html | 4 ++-- review/main/components/accordion-item/docs/Vue.html | 4 ++-- .../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 +- .../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/code/Variant.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/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/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 | 2 +- review/main/components/badge/code/Placement.html | 4 ++-- review/main/components/badge/code/Semantic.html | 4 ++-- review/main/components/badge/code/Size.html | 4 ++-- review/main/components/badge/code/Tonality.html | 2 +- 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/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.html | 2 +- review/main/components/brand/code/Tonality.html | 4 ++-- 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/how-to-use.html | 2 +- review/main/components/brand/migration.html | 2 +- review/main/components/brand/overview.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 | 2 +- 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/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/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 +- .../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 ++-- .../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/Migration.html | 4 ++-- review/main/components/checkbox/docs/React.html | 4 ++-- review/main/components/checkbox/docs/Vue.html | 4 ++-- 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/divider.html | 2 +- review/main/components/divider/code/Emphasis.html | 2 +- review/main/components/divider/code/Tonality.html | 2 +- review/main/components/divider/code/Variant.html | 2 +- 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/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/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.html | 2 +- review/main/components/header/code/Behaviour.html | 4 ++-- review/main/components/header/code/Tonality.html | 4 ++-- review/main/components/header/docs/Angular.html | 4 ++-- review/main/components/header/docs/HTML.html | 4 ++-- review/main/components/header/docs/Migration.html | 4 ++-- review/main/components/header/docs/React.html | 4 ++-- review/main/components/header/docs/Vue.html | 4 ++-- review/main/components/header/how-to-use.html | 2 +- review/main/components/header/migration.html | 2 +- review/main/components/header/overview.html | 2 +- review/main/components/header/properties.html | 2 +- review/main/components/icon.html | 2 +- review/main/components/icon/code/Tonality.html | 4 ++-- review/main/components/icon/docs/Angular.html | 4 ++-- review/main/components/icon/docs/HTML.html | 4 ++-- review/main/components/icon/docs/Migration.html | 4 ++-- review/main/components/icon/docs/React.html | 4 ++-- review/main/components/icon/docs/Vue.html | 4 ++-- review/main/components/icon/how-to-use.html | 2 +- review/main/components/icon/migration.html | 2 +- review/main/components/icon/overview.html | 2 +- review/main/components/icon/properties.html | 2 +- review/main/components/infotext.html | 2 +- review/main/components/infotext/code/Semantic.html | 4 ++-- review/main/components/infotext/code/Size.html | 4 ++-- review/main/components/infotext/code/Tonality.html | 2 +- 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/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 ++-- .../input/code/ExampleTypesFloatingLabel.html | 4 ++-- review/main/components/input/code/Requirement.html | 4 ++-- review/main/components/input/code/Semantic.html | 4 ++-- .../components/input/code/StatesFloatingLabel.html | 4 ++-- .../main/components/input/code/StatesLabelAbove.html | 4 ++-- review/main/components/input/code/Tonality.html | 4 ++-- .../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/Migration.html | 4 ++-- review/main/components/input/docs/React.html | 4 ++-- review/main/components/input/docs/Vue.html | 4 ++-- 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 ++-- .../main/components/link/code/InteractionStates.html | 4 ++-- review/main/components/link/code/Semantic.html | 4 ++-- review/main/components/link/code/Size.html | 4 ++-- review/main/components/link/code/Tonality.html | 4 ++-- review/main/components/link/docs/Angular.html | 4 ++-- review/main/components/link/docs/HTML.html | 4 ++-- review/main/components/link/docs/Migration.html | 4 ++-- review/main/components/link/docs/React.html | 4 ++-- review/main/components/link/docs/Vue.html | 4 ++-- 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 +- .../components/main-navigation/code/Tonality.html | 4 ++-- .../components/main-navigation/docs/Angular.html | 4 ++-- .../main/components/main-navigation/docs/HTML.html | 4 ++-- .../components/main-navigation/docs/Migration.html | 4 ++-- .../main/components/main-navigation/docs/React.html | 4 ++-- review/main/components/main-navigation/docs/Vue.html | 4 ++-- .../main/components/main-navigation/how-to-use.html | 2 +- .../main/components/main-navigation/migration.html | 2 +- review/main/components/main-navigation/overview.html | 2 +- .../main/components/main-navigation/properties.html | 2 +- review/main/components/navigation-item.html | 2 +- .../components/navigation-item/code/Content.html | 12 ++++++------ .../navigation-item/code/InteractionStates.html | 4 ++-- .../components/navigation-item/code/Tonality.html | 10 +++++----- .../main/components/navigation-item/code/Width.html | 8 ++++---- .../components/navigation-item/docs/Angular.html | 4 ++-- .../main/components/navigation-item/docs/HTML.html | 4 ++-- .../components/navigation-item/docs/Migration.html | 4 ++-- .../main/components/navigation-item/docs/React.html | 4 ++-- review/main/components/navigation-item/docs/Vue.html | 4 ++-- .../main/components/navigation-item/how-to-use.html | 2 +- .../main/components/navigation-item/migration.html | 2 +- review/main/components/navigation-item/overview.html | 2 +- .../main/components/navigation-item/properties.html | 2 +- review/main/components/page.html | 2 +- review/main/components/page/code/Tonality.html | 4 ++-- review/main/components/page/docs/Angular.html | 4 ++-- review/main/components/page/docs/HTML.html | 4 ++-- review/main/components/page/docs/Migration.html | 4 ++-- review/main/components/page/docs/React.html | 4 ++-- review/main/components/page/docs/Vue.html | 4 ++-- review/main/components/page/how-to-use.html | 2 +- review/main/components/page/migration.html | 2 +- review/main/components/page/overview.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/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/Migration.html | 4 ++-- review/main/components/radio/docs/React.html | 4 ++-- review/main/components/radio/docs/Vue.html | 4 ++-- 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/router-usage.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/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 ++-- .../components/select/code/StatesFloatingLabel.html | 4 ++-- .../components/select/code/StatesLabelAbove.html | 4 ++-- review/main/components/select/code/Tonality.html | 4 ++-- .../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/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-list/docs/Angular.html | 4 ++-- review/main/components/tab-list/docs/HTML.html | 4 ++-- review/main/components/tab-list/docs/Migration.html | 4 ++-- review/main/components/tab-list/docs/React.html | 4 ++-- review/main/components/tab-list/docs/Vue.html | 4 ++-- review/main/components/tab-list/how-to-use.html | 2 +- review/main/components/tab-list/migration.html | 2 +- review/main/components/tab-list/properties.html | 2 +- review/main/components/tab-panel/docs/Angular.html | 4 ++-- review/main/components/tab-panel/docs/HTML.html | 4 ++-- review/main/components/tab-panel/docs/Migration.html | 4 ++-- review/main/components/tab-panel/docs/React.html | 4 ++-- review/main/components/tab-panel/docs/Vue.html | 4 ++-- review/main/components/tab-panel/how-to-use.html | 2 +- review/main/components/tab-panel/migration.html | 2 +- review/main/components/tab-panel/properties.html | 2 +- review/main/components/tab.html | 2 +- review/main/components/tab/code/Behaviour.html | 4 ++-- review/main/components/tab/code/Content.html | 4 ++-- .../tab/code/ContentAlignmentFullWidth.html | 4 ++-- review/main/components/tab/code/States.html | 4 ++-- review/main/components/tab/code/Tonality.html | 2 +- review/main/components/tab/docs/Angular.html | 4 ++-- review/main/components/tab/docs/HTML.html | 4 ++-- review/main/components/tab/docs/Migration.html | 4 ++-- review/main/components/tab/docs/React.html | 4 ++-- review/main/components/tab/docs/Vue.html | 4 ++-- review/main/components/tab/how-to-use.html | 2 +- review/main/components/tab/migration.html | 2 +- review/main/components/tab/overview.html | 2 +- review/main/components/tab/properties.html | 2 +- review/main/components/tabs.html | 2 +- review/main/components/tabs/code/Examples.html | 4 ++-- review/main/components/tabs/code/Orientation.html | 4 ++-- review/main/components/tabs/code/Overflow.html | 4 ++-- review/main/components/tabs/code/Tonality.html | 4 ++-- review/main/components/tabs/code/Width.html | 4 ++-- review/main/components/tabs/docs/Angular.html | 4 ++-- review/main/components/tabs/docs/HTML.html | 4 ++-- review/main/components/tabs/docs/Migration.html | 4 ++-- review/main/components/tabs/docs/React.html | 4 ++-- review/main/components/tabs/docs/Vue.html | 4 ++-- review/main/components/tabs/how-to-use.html | 2 +- review/main/components/tabs/migration.html | 2 +- review/main/components/tabs/overview.html | 2 +- review/main/components/tabs/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 | 2 +- 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/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 +- .../main/components/textarea/code/Requirement.html | 4 ++-- review/main/components/textarea/code/Rows.html | 4 ++-- review/main/components/textarea/code/Semantic.html | 4 ++-- .../textarea/code/StatesFloatingLabel.html | 4 ++-- .../components/textarea/code/StatesLabelAbove.html | 4 ++-- review/main/components/textarea/code/Tonality.html | 4 ++-- .../textarea/code/VariantHelperMessage.html | 4 ++-- .../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/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/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 +- .../images/download/tagnamelabelnpmcolored1c24.svg | 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/font-sizes/overview.html | 2 +- review/main/foundations/font-sizes/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/images/db_logo.svg | 1 - review/main/index.html | 2 +- review/main/site.webmanifest | 2 +- 468 files changed, 722 insertions(+), 719 deletions(-) rename review/main/_next/static/{GDClzaas3wPewimlfpUfj => 1EV4bWdvxTSwDLsSHicwA}/_buildManifest.js (97%) rename review/main/_next/static/{GDClzaas3wPewimlfpUfj => 1EV4bWdvxTSwDLsSHicwA}/_ssgManifest.js (100%) rename review/main/_next/static/chunks/{11803-26134abfa8bdf615.js => 11803-caf6ff8ce5b1addc.js} (79%) rename review/main/_next/static/chunks/{16288-33e45af85bb3d4e5.js => 16288-419cd86e34be4537.js} (56%) rename review/main/_next/static/chunks/{24514-5571a38636d2fce9.js => 24514-404caa73befd87b2.js} (82%) create mode 100644 review/main/_next/static/chunks/pages/components/accordion/properties-0313ccab01a05106.js delete mode 100644 review/main/_next/static/chunks/pages/components/accordion/properties-56b766d5c7918733.js delete mode 100644 review/main/_next/static/chunks/pages/components/alert/properties-133f74759fb552ca.js create mode 100644 review/main/_next/static/chunks/pages/components/alert/properties-8ce18bbc452bf2c0.js create mode 100644 review/main/_next/static/chunks/pages/components/button/properties-1d1e49e09cbb8d8d.js delete mode 100644 review/main/_next/static/chunks/pages/components/button/properties-2a2e078d7e5d98f8.js delete mode 100644 review/main/_next/static/chunks/pages/components/card/properties-8e67bd2fc92759e7.js create mode 100644 review/main/_next/static/chunks/pages/components/card/properties-c2914e134fa31d1d.js delete mode 100644 review/main/_next/static/chunks/pages/components/icon/properties-785c2b6f9eafe636.js create mode 100644 review/main/_next/static/chunks/pages/components/icon/properties-f496f0059f745a92.js delete mode 100644 review/main/_next/static/chunks/pages/components/infotext/properties-1e4a21ffd41e9ba8.js create mode 100644 review/main/_next/static/chunks/pages/components/infotext/properties-3b554a92f9350767.js create mode 100644 review/main/_next/static/chunks/pages/components/input/properties-ab38ec93a800efff.js delete mode 100644 review/main/_next/static/chunks/pages/components/input/properties-f163bb9b78a9bf9b.js create mode 100644 review/main/_next/static/chunks/pages/components/link/properties-c4a759f15ff91ec9.js delete mode 100644 review/main/_next/static/chunks/pages/components/link/properties-da75dfd42c4d906f.js create mode 100644 review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-b2ff5b6c1ee7efc8.js delete mode 100644 review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-fa24557a7c994a99.js rename review/main/_next/static/chunks/pages/components/navigation-item/code/{Width-13cccd027aa910d1.js => Width-7426a3cbbe6a0860.js} (70%) delete mode 100644 review/main/_next/static/chunks/pages/components/navigation-item/properties-4fb90774d9904446.js create mode 100644 review/main/_next/static/chunks/pages/components/navigation-item/properties-fe105e70f3cc887c.js create mode 100644 review/main/_next/static/chunks/pages/components/select/properties-cdbad0a6fc942f73.js delete mode 100644 review/main/_next/static/chunks/pages/components/select/properties-f1608857b73be5ae.js create mode 100644 review/main/_next/static/chunks/pages/components/tab/properties-21356e7ad1dd439d.js delete mode 100644 review/main/_next/static/chunks/pages/components/tab/properties-a7445dbc6a9a44d1.js delete mode 100644 review/main/_next/static/chunks/pages/components/tabs/properties-6020c90ad7b47f59.js create mode 100644 review/main/_next/static/chunks/pages/components/tabs/properties-ae59773583e89cb2.js delete mode 100644 review/main/_next/static/chunks/pages/components/tag/properties-91d4244df8da3786.js create mode 100644 review/main/_next/static/chunks/pages/components/tag/properties-d28b5411096059d7.js delete mode 100644 review/main/_next/static/chunks/pages/components/textarea/properties-4ab6176c2722bd4f.js create mode 100644 review/main/_next/static/chunks/pages/components/textarea/properties-dfee7c7f2b111b0a.js create mode 100644 review/main/assets/images/db_logo.svg delete mode 100644 review/main/images/db_logo.svg diff --git a/review/main/404.html b/review/main/404.html index 111382856e0..cba7441d1de 100644 --- a/review/main/404.html +++ b/review/main/404.html @@ -1 +1 @@ -DB UI Mono
\ No newline at end of file +DB UI Mono
\ No newline at end of file diff --git a/review/main/_next/static/GDClzaas3wPewimlfpUfj/_buildManifest.js b/review/main/_next/static/1EV4bWdvxTSwDLsSHicwA/_buildManifest.js similarity index 97% rename from review/main/_next/static/GDClzaas3wPewimlfpUfj/_buildManifest.js rename to review/main/_next/static/1EV4bWdvxTSwDLsSHicwA/_buildManifest.js index 9dd53a6f090..b2204ad65c8 100644 --- a/review/main/_next/static/GDClzaas3wPewimlfpUfj/_buildManifest.js +++ b/review/main/_next/static/1EV4bWdvxTSwDLsSHicwA/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST=function(o,e,n,s,c,t,a,p,i,d,m,r,u,g,b,h,f,k,l,j,v,w,M,T,x,V,L,A,R,S,H,y,C,z,E,B,F,_,q,I,W,P,O,D,G,N,U,J,K,Q,X,Y,Z,$,oo,oe,on,os,oc,ot,oa,op,oi,od,om,or,ou,og,ob,oh,of,ok,ol,oj,ov,ow,oM,oT){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[e,n,"static/chunks/pages/index-d1bbe4c471f067c6.js"],"/404":["static/chunks/pages/404-9f2937cbcf5b4059.js"],"/_error":["static/chunks/pages/_error-e5cf24d4066ff2f8.js"],"/base64":[X,"static/chunks/pages/base64-b7f582041a92d59d.js"],"/components/accordion":[e,o,n,s,c,Y,"static/chunks/pages/components/accordion-5ab2a95746501b67.js"],"/components/accordion/code/Behaviour":[o,"static/chunks/pages/components/accordion/code/Behaviour-3d0e596e1ba0c711.js"],"/components/accordion/code/Tonality":[o,c,"static/chunks/pages/components/accordion/code/Tonality-b6642a569750f917.js"],"/components/accordion/code/Variant":[o,"static/chunks/pages/components/accordion/code/Variant-320f8ea6efadfda9.js"],"/components/accordion/docs/Angular":["static/chunks/pages/components/accordion/docs/Angular-f694b720959ce422.js"],"/components/accordion/docs/HTML":["static/chunks/pages/components/accordion/docs/HTML-20fe8be067c27fc4.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-ebd2f8240ffa67b1.js"],"/components/accordion/docs/React":["static/chunks/pages/components/accordion/docs/React-760557676b7fb986.js"],"/components/accordion/docs/Vue":["static/chunks/pages/components/accordion/docs/Vue-4598196eae5368af.js"],"/components/accordion/how-to-use":[e,n,"static/chunks/pages/components/accordion/how-to-use-c938cb361dc60be8.js"],"/components/accordion/migration":[e,n,"static/chunks/pages/components/accordion/migration-9f64f6f6a234bab5.js"],"/components/accordion/overview":[e,o,n,s,c,Y,"static/chunks/pages/components/accordion/overview-d492a12be440dc73.js"],"/components/accordion/properties":[e,n,"static/chunks/pages/components/accordion/properties-56b766d5c7918733.js"],"/components/accordion-item":[e,o,n,s,"static/chunks/pages/components/accordion-item-b2c9e927b95c3334.js"],"/components/accordion-item/code/ContentStates":[o,"static/chunks/pages/components/accordion-item/code/ContentStates-3f4d0ab8d4fd2e85.js"],"/components/accordion-item/code/InteractionStates":[o,"static/chunks/pages/components/accordion-item/code/InteractionStates-abc5608b381ad452.js"],"/components/accordion-item/code/Tonality":[o,"static/chunks/pages/components/accordion-item/code/Tonality-c15babdac4dab16d.js"],"/components/accordion-item/docs/Angular":["static/chunks/pages/components/accordion-item/docs/Angular-65488da332f1526a.js"],"/components/accordion-item/docs/HTML":["static/chunks/pages/components/accordion-item/docs/HTML-6ad46184212dcb71.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-a64135b3ae827eec.js"],"/components/accordion-item/docs/React":["static/chunks/pages/components/accordion-item/docs/React-b3343d8366a28891.js"],"/components/accordion-item/docs/Vue":["static/chunks/pages/components/accordion-item/docs/Vue-7641a29498ebe640.js"],"/components/accordion-item/how-to-use":[e,n,"static/chunks/pages/components/accordion-item/how-to-use-31632c9c86bf3ad6.js"],"/components/accordion-item/migration":[e,n,"static/chunks/pages/components/accordion-item/migration-5a5425c464173adf.js"],"/components/accordion-item/overview":[e,o,n,s,"static/chunks/pages/components/accordion-item/overview-ca9b03361b065ba1.js"],"/components/accordion-item/properties":[e,n,"static/chunks/pages/components/accordion-item/properties-e5c262f8977f0d74.js"],"/components/alert":[e,o,n,t,a,p,Z,"static/chunks/pages/components/alert-759ac8aa099e58af.js"],"/components/alert/code/Behaviour":[o,"static/chunks/pages/components/alert/code/Behaviour-bf0a99a99e40d304.js"],"/components/alert/code/Content":[o,a,"static/chunks/pages/components/alert/code/Content-8e99517332808d93.js"],"/components/alert/code/Tonality":[o,p,"static/chunks/pages/components/alert/code/Tonality-ab83deb50367c3ed.js"],"/components/alert/code/Type":[o,"static/chunks/pages/components/alert/code/Type-30bf6a2ea2227c2d.js"],"/components/alert/code/Variant":[o,t,"static/chunks/pages/components/alert/code/Variant-9088e64ef367d1f0.js"],"/components/alert/docs/Angular":["static/chunks/pages/components/alert/docs/Angular-43d7ed93c1610f08.js"],"/components/alert/docs/HTML":["static/chunks/pages/components/alert/docs/HTML-3dc5412302b54ba7.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-0eaac974895e2138.js"],"/components/alert/docs/React":["static/chunks/pages/components/alert/docs/React-35cce3eb194eede0.js"],"/components/alert/docs/Vue":["static/chunks/pages/components/alert/docs/Vue-6179c218d806ad23.js"],"/components/alert/how-to-use":[e,n,"static/chunks/pages/components/alert/how-to-use-f87f6fd0fd40ed54.js"],"/components/alert/migration":[e,n,"static/chunks/pages/components/alert/migration-a69aceb699633fda.js"],"/components/alert/overview":[e,o,n,t,a,p,Z,"static/chunks/pages/components/alert/overview-07d3aa062d96425f.js"],"/components/alert/properties":[e,n,"static/chunks/pages/components/alert/properties-133f74759fb552ca.js"],"/components/badge":[e,o,n,i,d,m,$,"static/chunks/pages/components/badge-5e6fb83a04f1d5e6.js"],"/components/badge/code/Content":[o,m,"static/chunks/pages/components/badge/code/Content-3401bc4e2a9f9c26.js"],"/components/badge/code/Emphasis":[o,"static/chunks/pages/components/badge/code/Emphasis-f457220cfa495c35.js"],"/components/badge/code/Examples":[o,"static/chunks/pages/components/badge/code/Examples-ae806837dde3d8e7.js"],"/components/badge/code/Placement":[o,d,"static/chunks/pages/components/badge/code/Placement-3f763b844c74d2ce.js"],"/components/badge/code/Semantic":[o,i,"static/chunks/pages/components/badge/code/Semantic-1a52d927b7e24708.js"],"/components/badge/code/Size":[o,"static/chunks/pages/components/badge/code/Size-13928fc433944bd4.js"],"/components/badge/code/Tonality":[o,"static/chunks/pages/components/badge/code/Tonality-cfa8d753c8fbda8f.js"],"/components/badge/docs/Angular":["static/chunks/pages/components/badge/docs/Angular-af45cdc5b118c728.js"],"/components/badge/docs/HTML":["static/chunks/pages/components/badge/docs/HTML-402d67949eab8068.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-38308ed3cd436aad.js"],"/components/badge/docs/React":["static/chunks/pages/components/badge/docs/React-ae8e47b108795b04.js"],"/components/badge/docs/Vue":["static/chunks/pages/components/badge/docs/Vue-9ffc6930cba3c026.js"],"/components/badge/how-to-use":[e,n,"static/chunks/pages/components/badge/how-to-use-dc898dc221e8b76d.js"],"/components/badge/migration":[e,n,"static/chunks/pages/components/badge/migration-ea2bc7caa2e15628.js"],"/components/badge/overview":[e,o,n,i,d,m,$,"static/chunks/pages/components/badge/overview-c52189f9af2b506a.js"],"/components/badge/properties":[e,n,"static/chunks/pages/components/badge/properties-2bfa3360d8f54bfd.js"],"/components/brand":[e,o,n,oo,"static/chunks/pages/components/brand-4dee45769361f9c7.js"],"/components/brand/code/Tonality":[o,"static/chunks/pages/components/brand/code/Tonality-799e7f0dcec64617.js"],"/components/brand/docs/Angular":["static/chunks/pages/components/brand/docs/Angular-9fc8cf064ebb2b9d.js"],"/components/brand/docs/HTML":["static/chunks/pages/components/brand/docs/HTML-894adc2378f4da38.js"],"/components/brand/docs/React":["static/chunks/pages/components/brand/docs/React-7febe8076559bbd0.js"],"/components/brand/docs/Vue":["static/chunks/pages/components/brand/docs/Vue-b75dcc1855bbc2dd.js"],"/components/brand/how-to-use":[e,n,"static/chunks/pages/components/brand/how-to-use-72770499dccfd0d8.js"],"/components/brand/migration":[e,n,"static/chunks/pages/components/brand/migration-f9cec2c39d803a5c.js"],"/components/brand/overview":[e,o,n,oo,"static/chunks/pages/components/brand/overview-16dd28bfc37bd35d.js"],"/components/brand/properties":[e,n,"static/chunks/pages/components/brand/properties-e87679e4d9de23ee.js"],"/components/button":[e,o,n,r,oe,"static/chunks/pages/components/button-c1f845bdfafb7469.js"],"/components/button/code/Behaviour":[o,"static/chunks/pages/components/button/code/Behaviour-8b44eb237b16cdc8.js"],"/components/button/code/Content":[o,"static/chunks/pages/components/button/code/Content-bfe280d903156a63.js"],"/components/button/code/Size":[o,"static/chunks/pages/components/button/code/Size-ae1c0a96c8e96538.js"],"/components/button/code/State":[o,"static/chunks/pages/components/button/code/State-89412aa92e172f1e.js"],"/components/button/code/Tonality":[o,"static/chunks/pages/components/button/code/Tonality-f5830e8f0b5d0541.js"],"/components/button/code/Variant":[o,r,"static/chunks/pages/components/button/code/Variant-f5cf55ced11f6891.js"],"/components/button/docs/Angular":["static/chunks/pages/components/button/docs/Angular-9eb8d811de0cbf04.js"],"/components/button/docs/HTML":["static/chunks/pages/components/button/docs/HTML-4a97807ece6669e9.js"],"/components/button/docs/Migration":[on,"static/chunks/pages/components/button/docs/Migration-c3e32206e04fd7ad.js"],"/components/button/docs/React":["static/chunks/pages/components/button/docs/React-4baedb3dfd733c98.js"],"/components/button/docs/Vue":["static/chunks/pages/components/button/docs/Vue-05d62c6d50da3322.js"],"/components/button/how-to-use":[e,n,"static/chunks/pages/components/button/how-to-use-3878a2edf7c92d04.js"],"/components/button/migration":[e,n,on,"static/chunks/pages/components/button/migration-15f705b198e53ec2.js"],"/components/button/overview":[e,o,n,r,oe,"static/chunks/pages/components/button/overview-b4abcdceb11da342.js"],"/components/button/properties":[e,n,"static/chunks/pages/components/button/properties-2a2e078d7e5d98f8.js"],"/components/card":[e,o,n,u,os,"static/chunks/pages/components/card-f941be86f9713017.js"],"/components/card/code/Colorvariant":[o,u,"static/chunks/pages/components/card/code/Colorvariant-916e4774a3bd1c45.js"],"/components/card/code/Spacing":[o,"static/chunks/pages/components/card/code/Spacing-df2661412f584512.js"],"/components/card/code/Tonality":[o,"static/chunks/pages/components/card/code/Tonality-056a38d153a4bd70.js"],"/components/card/code/Variant":[o,"static/chunks/pages/components/card/code/Variant-29b0feb2a376c222.js"],"/components/card/docs/Angular":["static/chunks/pages/components/card/docs/Angular-558f2f9d383f867e.js"],"/components/card/docs/HTML":["static/chunks/pages/components/card/docs/HTML-eaf34f731ecae08a.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-346c2e9c25a5c717.js"],"/components/card/docs/React":["static/chunks/pages/components/card/docs/React-9ce19c239444f4b5.js"],"/components/card/docs/Vue":["static/chunks/pages/components/card/docs/Vue-f2c1b216d3ebb00b.js"],"/components/card/how-to-use":[e,n,"static/chunks/pages/components/card/how-to-use-09d1d143cdef35a4.js"],"/components/card/migration":[e,n,"static/chunks/pages/components/card/migration-c188246c5330ecd4.js"],"/components/card/overview":[e,o,n,u,os,"static/chunks/pages/components/card/overview-3013408b09afea49.js"],"/components/card/properties":[e,n,"static/chunks/pages/components/card/properties-8e67bd2fc92759e7.js"],"/components/checkbox":[e,o,n,g,oc,"static/chunks/pages/components/checkbox-2108bf641e090823.js"],"/components/checkbox/code/Requirement":[o,"static/chunks/pages/components/checkbox/code/Requirement-c5efea26fe3e1a29.js"],"/components/checkbox/code/Size":[o,"static/chunks/pages/components/checkbox/code/Size-c1e9df9f6ea926bc.js"],"/components/checkbox/code/States":[o,g,"static/chunks/pages/components/checkbox/code/States-2b36b233b97a43ff.js"],"/components/checkbox/code/Tonality":[o,"static/chunks/pages/components/checkbox/code/Tonality-b570f5cdf05a05c1.js"],"/components/checkbox/code/VariantLabel":[o,"static/chunks/pages/components/checkbox/code/VariantLabel-2390a7cf445b09d2.js"],"/components/checkbox/docs/Angular":["static/chunks/pages/components/checkbox/docs/Angular-0cd3fa607ef99835.js"],"/components/checkbox/docs/HTML":["static/chunks/pages/components/checkbox/docs/HTML-75abcca331c552fe.js"],"/components/checkbox/docs/Migration":["static/chunks/pages/components/checkbox/docs/Migration-c1b252b5d9c1eaa7.js"],"/components/checkbox/docs/React":["static/chunks/pages/components/checkbox/docs/React-526d05c69c782809.js"],"/components/checkbox/docs/Vue":["static/chunks/pages/components/checkbox/docs/Vue-c04178a18f923111.js"],"/components/checkbox/how-to-use":[e,n,"static/chunks/pages/components/checkbox/how-to-use-af96626a48a6b46e.js"],"/components/checkbox/migration":[e,n,"static/chunks/pages/components/checkbox/migration-baf1e12d6cdfed08.js"],"/components/checkbox/overview":[e,o,n,g,oc,"static/chunks/pages/components/checkbox/overview-2cd514757e2b708d.js"],"/components/checkbox/properties":[e,n,"static/chunks/pages/components/checkbox/properties-bae72fb278c73796.js"],"/components/divider":[e,o,n,ot,"static/chunks/pages/components/divider-622ada3b653d3226.js"],"/components/divider/code/Emphasis":[o,"static/chunks/pages/components/divider/code/Emphasis-0e02896ff32f2fc4.js"],"/components/divider/code/Tonality":[o,"static/chunks/pages/components/divider/code/Tonality-f5cbd9ad6c4509ba.js"],"/components/divider/code/Variant":[o,"static/chunks/pages/components/divider/code/Variant-e847259007117741.js"],"/components/divider/docs/Angular":["static/chunks/pages/components/divider/docs/Angular-0729ded645daf460.js"],"/components/divider/docs/HTML":["static/chunks/pages/components/divider/docs/HTML-a05f1dae8de773fa.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-780b04c134ad4b5e.js"],"/components/divider/docs/React":["static/chunks/pages/components/divider/docs/React-f9d81c51f8f4ddba.js"],"/components/divider/docs/Vue":["static/chunks/pages/components/divider/docs/Vue-78047658003c550e.js"],"/components/divider/how-to-use":[e,n,"static/chunks/pages/components/divider/how-to-use-288696840476dbd6.js"],"/components/divider/migration":[e,n,"static/chunks/pages/components/divider/migration-13b62d2e6d2dc968.js"],"/components/divider/overview":[e,o,n,ot,"static/chunks/pages/components/divider/overview-d68d61cd1b285c2a.js"],"/components/divider/properties":[e,n,"static/chunks/pages/components/divider/properties-71f55ac4a1e3ceb6.js"],"/components/drawer":[e,o,n,b,h,f,k,oa,"static/chunks/pages/components/drawer-36a51cef36de4700.js"],"/components/drawer/code/Backdrop":[o,f,"static/chunks/pages/components/drawer/code/Backdrop-269f1da6ce86d17f.js"],"/components/drawer/code/Directions":[o,h,"static/chunks/pages/components/drawer/code/Directions-4017a943c40a5418.js"],"/components/drawer/code/Rounded":[o,"static/chunks/pages/components/drawer/code/Rounded-9feb8d504a453d7c.js"],"/components/drawer/code/Size":[o,"static/chunks/pages/components/drawer/code/Size-9b09e3e0b0e9eb81.js"],"/components/drawer/code/Spacing":[o,b,"static/chunks/pages/components/drawer/code/Spacing-d1e758d4c26e4305.js"],"/components/drawer/code/Tonality":[o,k,"static/chunks/pages/components/drawer/code/Tonality-847029a227d2e68a.js"],"/components/drawer/docs/Angular":["static/chunks/pages/components/drawer/docs/Angular-87b7c373680d67db.js"],"/components/drawer/docs/HTML":["static/chunks/pages/components/drawer/docs/HTML-1942a9c8699e4867.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-fb4d3545efced4ff.js"],"/components/drawer/docs/React":["static/chunks/pages/components/drawer/docs/React-dbc5a37febda7c62.js"],"/components/drawer/docs/Vue":["static/chunks/pages/components/drawer/docs/Vue-5fb8835f6a8f6634.js"],"/components/drawer/how-to-use":[e,n,"static/chunks/pages/components/drawer/how-to-use-76c94c2a2dc7d998.js"],"/components/drawer/migration":[e,n,"static/chunks/pages/components/drawer/migration-483086188ea865ef.js"],"/components/drawer/overview":[e,o,n,b,h,f,k,oa,"static/chunks/pages/components/drawer/overview-7a2c85765bd76adc.js"],"/components/drawer/properties":[e,n,"static/chunks/pages/components/drawer/properties-b4ad849246cba007.js"],"/components/header":[e,o,n,l,j,op,"static/chunks/pages/components/header-186fe6e60817d80d.js"],"/components/header/code/Behaviour":[o,j,"static/chunks/pages/components/header/code/Behaviour-161185f3b92b10b6.js"],"/components/header/code/Tonality":[o,l,"static/chunks/pages/components/header/code/Tonality-63475eaa2fb19eba.js"],"/components/header/docs/Angular":["static/chunks/pages/components/header/docs/Angular-2be2a78409282936.js"],"/components/header/docs/HTML":["static/chunks/pages/components/header/docs/HTML-1e32b3f4656a8f65.js"],"/components/header/docs/Migration":["static/chunks/pages/components/header/docs/Migration-506d7317166778f2.js"],"/components/header/docs/React":["static/chunks/pages/components/header/docs/React-6ddef7dd78bcb5c0.js"],"/components/header/docs/Vue":["static/chunks/pages/components/header/docs/Vue-e048d307600e1f0f.js"],"/components/header/how-to-use":[e,n,"static/chunks/pages/components/header/how-to-use-567601c8bcc57a2e.js"],"/components/header/migration":[e,n,"static/chunks/pages/components/header/migration-0c01ffe7b53c2254.js"],"/components/header/overview":[e,o,n,l,j,op,"static/chunks/pages/components/header/overview-18cb89e7c9e620ac.js"],"/components/header/properties":[e,n,"static/chunks/pages/components/header/properties-42baf8d2bc2fcc09.js"],"/components/icon":[e,o,n,oi,"static/chunks/pages/components/icon-bc7e4b1d265ca642.js"],"/components/icon/code/Tonality":[o,"static/chunks/pages/components/icon/code/Tonality-f526b4b0e0c67f4e.js"],"/components/icon/docs/Angular":["static/chunks/pages/components/icon/docs/Angular-7ec6a4f9da1bcd65.js"],"/components/icon/docs/HTML":["static/chunks/pages/components/icon/docs/HTML-84ea008b64fc8010.js"],"/components/icon/docs/Migration":["static/chunks/pages/components/icon/docs/Migration-9d6f3e76392c7116.js"],"/components/icon/docs/React":["static/chunks/pages/components/icon/docs/React-215c3a7b973ff7c2.js"],"/components/icon/docs/Vue":["static/chunks/pages/components/icon/docs/Vue-4983af81d0cc8304.js"],"/components/icon/how-to-use":[e,n,"static/chunks/pages/components/icon/how-to-use-dac42843d95626bd.js"],"/components/icon/migration":[e,n,"static/chunks/pages/components/icon/migration-cbe7424006b7ca55.js"],"/components/icon/overview":[e,o,n,oi,"static/chunks/pages/components/icon/overview-7486ccf8142cc6b9.js"],"/components/icon/properties":[e,n,"static/chunks/pages/components/icon/properties-785c2b6f9eafe636.js"],"/components/infotext":[e,o,n,v,od,"static/chunks/pages/components/infotext-c0df1afe2c8cc5c2.js"],"/components/infotext/code/Semantic":[o,v,"static/chunks/pages/components/infotext/code/Semantic-c31bbbed6815b30e.js"],"/components/infotext/code/Size":[o,"static/chunks/pages/components/infotext/code/Size-e5d41759dd542ade.js"],"/components/infotext/code/Tonality":[o,"static/chunks/pages/components/infotext/code/Tonality-208e53a6f6aebea9.js"],"/components/infotext/docs/Angular":["static/chunks/pages/components/infotext/docs/Angular-82e0508c7521d559.js"],"/components/infotext/docs/HTML":["static/chunks/pages/components/infotext/docs/HTML-0f3572412657e262.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-4659ea76f2f1b97e.js"],"/components/infotext/docs/React":["static/chunks/pages/components/infotext/docs/React-9c58faee3b791956.js"],"/components/infotext/docs/Vue":["static/chunks/pages/components/infotext/docs/Vue-cf85cc42b5568693.js"],"/components/infotext/how-to-use":[e,n,"static/chunks/pages/components/infotext/how-to-use-a6769b6a443d0963.js"],"/components/infotext/migration":[e,n,"static/chunks/pages/components/infotext/migration-e3c9a2fadc00770b.js"],"/components/infotext/overview":[e,o,n,v,od,"static/chunks/pages/components/infotext/overview-f1de9e7aeda48741.js"],"/components/infotext/properties":[e,n,"static/chunks/pages/components/infotext/properties-1e4a21ffd41e9ba8.js"],"/components/input":[e,o,n,w,M,T,x,V,L,om,"static/chunks/pages/components/input-a73c4084e0b43c48.js"],"/components/input/code/Content":[o,L,"static/chunks/pages/components/input/code/Content-5a7b789a5cadf4e6.js"],"/components/input/code/ExampleTypes":[o,M,"static/chunks/pages/components/input/code/ExampleTypes-96afc2d96c32e7e0.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,w,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-ac3b4a4c34d6c1c6.js"],"/components/input/code/Requirement":[o,"static/chunks/pages/components/input/code/Requirement-2917bce0a456192e.js"],"/components/input/code/Semantic":[o,V,"static/chunks/pages/components/input/code/Semantic-d41e228cf1f01b3e.js"],"/components/input/code/StatesFloatingLabel":[o,T,"static/chunks/pages/components/input/code/StatesFloatingLabel-3a0fd283e3a761a5.js"],"/components/input/code/StatesLabelAbove":[o,x,"static/chunks/pages/components/input/code/StatesLabelAbove-7e64ae3e89ebda73.js"],"/components/input/code/Tonality":[o,"static/chunks/pages/components/input/code/Tonality-0eda14f07a7acb46.js"],"/components/input/code/VariantHelperMessage":[o,"static/chunks/pages/components/input/code/VariantHelperMessage-209f5514e9c9127a.js"],"/components/input/code/VariantLabel":[o,"static/chunks/pages/components/input/code/VariantLabel-0862226b522ce203.js"],"/components/input/docs/Angular":["static/chunks/pages/components/input/docs/Angular-72828d4e713a34d9.js"],"/components/input/docs/HTML":["static/chunks/pages/components/input/docs/HTML-e51635d9e15b7679.js"],"/components/input/docs/Migration":["static/chunks/pages/components/input/docs/Migration-3b47a5a3b8d6249b.js"],"/components/input/docs/React":["static/chunks/pages/components/input/docs/React-1fba57b0bedb4140.js"],"/components/input/docs/Vue":["static/chunks/pages/components/input/docs/Vue-b87ef7d3f92ffe1d.js"],"/components/input/how-to-use":[e,n,"static/chunks/pages/components/input/how-to-use-70c5f521b2a7279b.js"],"/components/input/migration":[e,n,"static/chunks/pages/components/input/migration-e39b3dbf4940bf59.js"],"/components/input/overview":[e,o,n,w,M,T,x,V,L,om,"static/chunks/pages/components/input/overview-053e04ef49fb8457.js"],"/components/input/properties":[e,n,"static/chunks/pages/components/input/properties-f163bb9b78a9bf9b.js"],"/components/link":[e,o,n,or,"static/chunks/pages/components/link-f01eb2dc0f4e724b.js"],"/components/link/code/Content":[o,"static/chunks/pages/components/link/code/Content-b7cadf2b42fe4965.js"],"/components/link/code/InteractionStates":[o,"static/chunks/pages/components/link/code/InteractionStates-0898b42a96a97466.js"],"/components/link/code/Semantic":[o,"static/chunks/pages/components/link/code/Semantic-1cb55f0a986a79bc.js"],"/components/link/code/Size":[o,"static/chunks/pages/components/link/code/Size-91512af8aaea76a8.js"],"/components/link/code/Tonality":[o,"static/chunks/pages/components/link/code/Tonality-76867352b2fea941.js"],"/components/link/docs/Angular":["static/chunks/pages/components/link/docs/Angular-ac89aa8e5f133297.js"],"/components/link/docs/HTML":["static/chunks/pages/components/link/docs/HTML-c633804a4d5c6884.js"],"/components/link/docs/Migration":["static/chunks/pages/components/link/docs/Migration-06950c36e1c45f07.js"],"/components/link/docs/React":["static/chunks/pages/components/link/docs/React-b453daca1de21a6b.js"],"/components/link/docs/Vue":["static/chunks/pages/components/link/docs/Vue-cc9b6ce6b8cf2865.js"],"/components/link/how-to-use":[e,n,"static/chunks/pages/components/link/how-to-use-79c2d9dc434569ef.js"],"/components/link/migration":[e,n,"static/chunks/pages/components/link/migration-076c31705de51639.js"],"/components/link/overview":[e,o,n,or,"static/chunks/pages/components/link/overview-2b14917a5b419d82.js"],"/components/link/properties":[e,n,"static/chunks/pages/components/link/properties-da75dfd42c4d906f.js"],"/components/main-navigation":[e,o,n,A,ou,"static/chunks/pages/components/main-navigation-1e2067485f6d5f57.js"],"/components/main-navigation/code/Tonality":[o,A,"static/chunks/pages/components/main-navigation/code/Tonality-adef80902f76b722.js"],"/components/main-navigation/docs/Angular":["static/chunks/pages/components/main-navigation/docs/Angular-8caf35d3f6c1b55e.js"],"/components/main-navigation/docs/HTML":["static/chunks/pages/components/main-navigation/docs/HTML-479efae4a31a1461.js"],"/components/main-navigation/docs/Migration":["static/chunks/pages/components/main-navigation/docs/Migration-54e536b4b5166dd1.js"],"/components/main-navigation/docs/React":["static/chunks/pages/components/main-navigation/docs/React-de9c7c34d176ce95.js"],"/components/main-navigation/docs/Vue":["static/chunks/pages/components/main-navigation/docs/Vue-790a0050148a0dbc.js"],"/components/main-navigation/how-to-use":[e,n,"static/chunks/pages/components/main-navigation/how-to-use-c1b052420f60a43a.js"],"/components/main-navigation/migration":[e,n,"static/chunks/pages/components/main-navigation/migration-0049ad332060fd0b.js"],"/components/main-navigation/overview":[e,o,n,A,ou,"static/chunks/pages/components/main-navigation/overview-e8b78352553c591a.js"],"/components/main-navigation/properties":[e,n,"static/chunks/pages/components/main-navigation/properties-6127d7391fb94cf5.js"],"/components/navigation-item":[e,o,n,R,og,"static/chunks/pages/components/navigation-item-bee6782c54ee3899.js"],"/components/navigation-item/code/Content":[o,R,"static/chunks/pages/components/navigation-item/code/Content-38d44a9b6da7edc9.js"],"/components/navigation-item/code/InteractionStates":[o,"static/chunks/pages/components/navigation-item/code/InteractionStates-4e15308b3dacd780.js"],"/components/navigation-item/code/Tonality":[o,"static/chunks/pages/components/navigation-item/code/Tonality-fa24557a7c994a99.js"],"/components/navigation-item/code/Width":[o,"static/chunks/pages/components/navigation-item/code/Width-13cccd027aa910d1.js"],"/components/navigation-item/docs/Angular":["static/chunks/pages/components/navigation-item/docs/Angular-d7dc1e6b12e8ee5b.js"],"/components/navigation-item/docs/HTML":["static/chunks/pages/components/navigation-item/docs/HTML-eb3ae7ad29dab828.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-49f625757e973380.js"],"/components/navigation-item/docs/React":["static/chunks/pages/components/navigation-item/docs/React-a91349e6aaf335cd.js"],"/components/navigation-item/docs/Vue":["static/chunks/pages/components/navigation-item/docs/Vue-ee85fe78d3b40131.js"],"/components/navigation-item/how-to-use":[e,n,"static/chunks/pages/components/navigation-item/how-to-use-8e264473c4e4384d.js"],"/components/navigation-item/migration":[e,n,"static/chunks/pages/components/navigation-item/migration-caa0437df47f9058.js"],"/components/navigation-item/overview":[e,o,n,R,og,"static/chunks/pages/components/navigation-item/overview-bc3b5e1b8bd8a29d.js"],"/components/navigation-item/properties":[e,n,"static/chunks/pages/components/navigation-item/properties-4fb90774d9904446.js"],"/components/page":[e,o,n,ob,"static/chunks/pages/components/page-b8c9f94e4963090f.js"],"/components/page/code/Tonality":[o,"static/chunks/pages/components/page/code/Tonality-70f23967dcea9019.js"],"/components/page/docs/Angular":["static/chunks/pages/components/page/docs/Angular-b3304712b6087533.js"],"/components/page/docs/HTML":["static/chunks/pages/components/page/docs/HTML-c7ac4c84ebad9ca6.js"],"/components/page/docs/Migration":["static/chunks/pages/components/page/docs/Migration-dc70d55f8717e44b.js"],"/components/page/docs/React":["static/chunks/pages/components/page/docs/React-1cc48c265eba16a7.js"],"/components/page/docs/Vue":["static/chunks/pages/components/page/docs/Vue-a92651521325bdd3.js"],"/components/page/how-to-use":[e,n,"static/chunks/pages/components/page/how-to-use-723da777ea21f057.js"],"/components/page/migration":[e,n,"static/chunks/pages/components/page/migration-5a957d722eec3aef.js"],"/components/page/overview":[e,o,n,ob,"static/chunks/pages/components/page/overview-09fe6a8ce299108d.js"],"/components/page/properties":[e,n,"static/chunks/pages/components/page/properties-d2b7ac1ec649230d.js"],"/components/popover":[e,o,n,S,H,oh,"static/chunks/pages/components/popover-f8a3c34a99c82df7.js"],"/components/popover/code/Animations":[o,H,"static/chunks/pages/components/popover/code/Animations-4f2d9dcc6957d4d2.js"],"/components/popover/code/Gap":[o,"static/chunks/pages/components/popover/code/Gap-6a13b2b30b5769bf.js"],"/components/popover/code/Placement":[o,S,"static/chunks/pages/components/popover/code/Placement-57300e6db6244414.js"],"/components/popover/code/Spacing":[o,"static/chunks/pages/components/popover/code/Spacing-98aeb92690989986.js"],"/components/popover/code/Tonality":[o,"static/chunks/pages/components/popover/code/Tonality-571021ace8146164.js"],"/components/popover/code/Width":[o,"static/chunks/pages/components/popover/code/Width-cae04800a17e8175.js"],"/components/popover/docs/Angular":["static/chunks/pages/components/popover/docs/Angular-a8e4c477721827ce.js"],"/components/popover/docs/HTML":["static/chunks/pages/components/popover/docs/HTML-3a010add83fb4122.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-ed4f9fca1548b211.js"],"/components/popover/docs/React":["static/chunks/pages/components/popover/docs/React-51e161fc82964269.js"],"/components/popover/docs/Vue":["static/chunks/pages/components/popover/docs/Vue-c452da4058d65d78.js"],"/components/popover/how-to-use":[e,n,"static/chunks/pages/components/popover/how-to-use-10e22fbe423b1fb3.js"],"/components/popover/migration":[e,n,"static/chunks/pages/components/popover/migration-f8904bb1c9456cd4.js"],"/components/popover/overview":[e,o,n,S,H,oh,"static/chunks/pages/components/popover/overview-05208ca5f065f559.js"],"/components/popover/properties":[e,n,"static/chunks/pages/components/popover/properties-40629ea3e3f9aeb7.js"],"/components/radio":[e,o,n,of,"static/chunks/pages/components/radio-307dd16ea915605e.js"],"/components/radio/code/Requirement":[o,"static/chunks/pages/components/radio/code/Requirement-f8621e35e29ee663.js"],"/components/radio/code/Size":[o,"static/chunks/pages/components/radio/code/Size-ca156ba340a7e292.js"],"/components/radio/code/States":[o,"static/chunks/pages/components/radio/code/States-ec4b934280791d4b.js"],"/components/radio/code/Tonality":[o,"static/chunks/pages/components/radio/code/Tonality-bc4dc6aa1561a9f0.js"],"/components/radio/code/VariantLabel":[o,"static/chunks/pages/components/radio/code/VariantLabel-bbe2974a91f33971.js"],"/components/radio/docs/Angular":["static/chunks/pages/components/radio/docs/Angular-6f33f2325331947f.js"],"/components/radio/docs/HTML":["static/chunks/pages/components/radio/docs/HTML-6efe2abe3fe82751.js"],"/components/radio/docs/Migration":["static/chunks/pages/components/radio/docs/Migration-0526ef276ff76442.js"],"/components/radio/docs/React":["static/chunks/pages/components/radio/docs/React-02286d448a6d71ee.js"],"/components/radio/docs/Vue":["static/chunks/pages/components/radio/docs/Vue-d42dd40c9e4d0042.js"],"/components/radio/how-to-use":[e,n,"static/chunks/pages/components/radio/how-to-use-c9decc938362fc6e.js"],"/components/radio/migration":[e,n,"static/chunks/pages/components/radio/migration-18732914acdd96b1.js"],"/components/radio/overview":[e,o,n,of,"static/chunks/pages/components/radio/overview-1069abc2863baaee.js"],"/components/radio/properties":[e,n,"static/chunks/pages/components/radio/properties-84ba741e9e4eb53c.js"],"/components/readme":[e,n,"static/chunks/pages/components/readme-76791db27016a728.js"],"/components/router-usage":[e,n,"static/chunks/pages/components/router-usage-34975d1ec259ece2.js"],"/components/section":[e,o,n,ok,"static/chunks/pages/components/section-dc6db42077ee3c42.js"],"/components/section/code/Size":[o,"static/chunks/pages/components/section/code/Size-d949ef843ce9ecef.js"],"/components/section/code/Tonality":[o,"static/chunks/pages/components/section/code/Tonality-ada86bda6627dc6e.js"],"/components/section/code/Variant":[o,"static/chunks/pages/components/section/code/Variant-7847cf371959fa87.js"],"/components/section/docs/Angular":["static/chunks/pages/components/section/docs/Angular-4f82440081c6ce1d.js"],"/components/section/docs/HTML":["static/chunks/pages/components/section/docs/HTML-23f1a3bcc6c9c45f.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-2b1e65b48ece1342.js"],"/components/section/docs/React":["static/chunks/pages/components/section/docs/React-d8edceeef2c09fc5.js"],"/components/section/docs/Vue":["static/chunks/pages/components/section/docs/Vue-bfac60ddd12906ba.js"],"/components/section/how-to-use":[e,n,"static/chunks/pages/components/section/how-to-use-559fd43bb62fffdf.js"],"/components/section/migration":[e,n,"static/chunks/pages/components/section/migration-3a0961bdd81c7aba.js"],"/components/section/overview":[e,o,n,ok,"static/chunks/pages/components/section/overview-fd1c08ddbd37bc90.js"],"/components/section/properties":[e,n,"static/chunks/pages/components/section/properties-528d5e9b272039e1.js"],"/components/select":[e,o,n,y,C,z,E,B,ol,"static/chunks/pages/components/select-4589c837ae7e32c0.js"],"/components/select/code/Content":[o,"static/chunks/pages/components/select/code/Content-48f7ee850ba618c9.js"],"/components/select/code/Requirement":[o,E,"static/chunks/pages/components/select/code/Requirement-2c55a2d96cd59743.js"],"/components/select/code/Semantic":[o,y,"static/chunks/pages/components/select/code/Semantic-c30a788980e41299.js"],"/components/select/code/StatesFloatingLabel":[o,C,"static/chunks/pages/components/select/code/StatesFloatingLabel-0cb06fd8c2d3b446.js"],"/components/select/code/StatesLabelAbove":[o,z,"static/chunks/pages/components/select/code/StatesLabelAbove-8132b2b8743d5746.js"],"/components/select/code/Tonality":[o,B,"static/chunks/pages/components/select/code/Tonality-5691a6e788c6bf6f.js"],"/components/select/code/VariantHelperMessage":[o,"static/chunks/pages/components/select/code/VariantHelperMessage-42c24582a75fb002.js"],"/components/select/code/VariantLabel":[o,"static/chunks/pages/components/select/code/VariantLabel-b258037867b10d92.js"],"/components/select/docs/Angular":["static/chunks/pages/components/select/docs/Angular-36f30dcae03bb11d.js"],"/components/select/docs/HTML":["static/chunks/pages/components/select/docs/HTML-fadc3d73394d4c37.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-74c9a0b2d9db7b3c.js"],"/components/select/docs/React":["static/chunks/pages/components/select/docs/React-24a0886d49017b6a.js"],"/components/select/docs/Vue":["static/chunks/pages/components/select/docs/Vue-43aaa491494ffb93.js"],"/components/select/how-to-use":[e,n,"static/chunks/pages/components/select/how-to-use-4aabc4da2581017b.js"],"/components/select/migration":[e,n,"static/chunks/pages/components/select/migration-fc8abfe02b9a783d.js"],"/components/select/overview":[e,o,n,y,C,z,E,B,ol,"static/chunks/pages/components/select/overview-3ad9e3a851345ef5.js"],"/components/select/properties":[e,n,"static/chunks/pages/components/select/properties-f1608857b73be5ae.js"],"/components/tab":[e,o,n,F,oj,"static/chunks/pages/components/tab-e789780d017a124a.js"],"/components/tab/code/Behaviour":[o,"static/chunks/pages/components/tab/code/Behaviour-32555edc437892ca.js"],"/components/tab/code/Content":[o,F,"static/chunks/pages/components/tab/code/Content-6dd2271f2d1e94c9.js"],"/components/tab/code/ContentAlignmentFullWidth":[o,"static/chunks/pages/components/tab/code/ContentAlignmentFullWidth-78331a4b6547b34e.js"],"/components/tab/code/States":[o,"static/chunks/pages/components/tab/code/States-ce07baba4c814a60.js"],"/components/tab/code/Tonality":[o,"static/chunks/pages/components/tab/code/Tonality-093906b74d5f76dc.js"],"/components/tab/docs/Angular":["static/chunks/pages/components/tab/docs/Angular-3e89d5151e957b26.js"],"/components/tab/docs/HTML":["static/chunks/pages/components/tab/docs/HTML-62d4449c58e42980.js"],"/components/tab/docs/Migration":["static/chunks/pages/components/tab/docs/Migration-62f04303a9343cda.js"],"/components/tab/docs/React":["static/chunks/pages/components/tab/docs/React-1acd022a589226c0.js"],"/components/tab/docs/Vue":["static/chunks/pages/components/tab/docs/Vue-8e6b51624a413494.js"],"/components/tab/how-to-use":[e,n,"static/chunks/pages/components/tab/how-to-use-81942cbe690e31c7.js"],"/components/tab/migration":[e,n,"static/chunks/pages/components/tab/migration-4ae2c474969f313b.js"],"/components/tab/overview":[e,o,n,F,oj,"static/chunks/pages/components/tab/overview-14475da1906e942d.js"],"/components/tab/properties":[e,n,"static/chunks/pages/components/tab/properties-a7445dbc6a9a44d1.js"],"/components/tab-list/docs/Angular":["static/chunks/pages/components/tab-list/docs/Angular-5b12e222b9fefd4a.js"],"/components/tab-list/docs/HTML":["static/chunks/pages/components/tab-list/docs/HTML-ab4c7b9024ff5293.js"],"/components/tab-list/docs/Migration":["static/chunks/pages/components/tab-list/docs/Migration-96dbabbe94c58942.js"],"/components/tab-list/docs/React":["static/chunks/pages/components/tab-list/docs/React-46e8d9193650f74e.js"],"/components/tab-list/docs/Vue":["static/chunks/pages/components/tab-list/docs/Vue-323603d69037b800.js"],"/components/tab-list/how-to-use":[e,n,"static/chunks/pages/components/tab-list/how-to-use-f76e99a3caf757a4.js"],"/components/tab-list/migration":[e,n,"static/chunks/pages/components/tab-list/migration-71e8385c9cf8dec9.js"],"/components/tab-list/properties":[e,n,"static/chunks/pages/components/tab-list/properties-47513e800932c7ae.js"],"/components/tab-panel/docs/Angular":["static/chunks/pages/components/tab-panel/docs/Angular-df67f8f52a544d2d.js"],"/components/tab-panel/docs/HTML":["static/chunks/pages/components/tab-panel/docs/HTML-96fcf0a8663de065.js"],"/components/tab-panel/docs/Migration":["static/chunks/pages/components/tab-panel/docs/Migration-47840376f2b60695.js"],"/components/tab-panel/docs/React":["static/chunks/pages/components/tab-panel/docs/React-ae82e38b13783d9a.js"],"/components/tab-panel/docs/Vue":["static/chunks/pages/components/tab-panel/docs/Vue-b1d13866dad1df78.js"],"/components/tab-panel/how-to-use":[e,n,"static/chunks/pages/components/tab-panel/how-to-use-7e8f96be4addf3f4.js"],"/components/tab-panel/migration":[e,n,"static/chunks/pages/components/tab-panel/migration-342ab71921a26c32.js"],"/components/tab-panel/properties":[e,n,"static/chunks/pages/components/tab-panel/properties-f7b77057252235eb.js"],"/components/tabs":[e,o,n,_,q,I,W,P,ov,"static/chunks/pages/components/tabs-2aca8227a0247d29.js"],"/components/tabs/code/Examples":[o,W,"static/chunks/pages/components/tabs/code/Examples-03683eeaaee7b643.js"],"/components/tabs/code/Orientation":[o,P,"static/chunks/pages/components/tabs/code/Orientation-01ff05fc8f7bacc7.js"],"/components/tabs/code/Overflow":[o,q,"static/chunks/pages/components/tabs/code/Overflow-e49b9c7f21aaef22.js"],"/components/tabs/code/Tonality":[o,I,"static/chunks/pages/components/tabs/code/Tonality-a76db19b95c83d1c.js"],"/components/tabs/code/Width":[o,_,"static/chunks/pages/components/tabs/code/Width-952350697d83033a.js"],"/components/tabs/docs/Angular":["static/chunks/pages/components/tabs/docs/Angular-26f5e74232341bd3.js"],"/components/tabs/docs/HTML":["static/chunks/pages/components/tabs/docs/HTML-c4ce1159e4dcc504.js"],"/components/tabs/docs/Migration":["static/chunks/pages/components/tabs/docs/Migration-2f7053ec7c649f9d.js"],"/components/tabs/docs/React":["static/chunks/pages/components/tabs/docs/React-0d334a784faf896f.js"],"/components/tabs/docs/Vue":["static/chunks/pages/components/tabs/docs/Vue-0cada1511d9f4a0e.js"],"/components/tabs/how-to-use":[e,n,"static/chunks/pages/components/tabs/how-to-use-7a5653336057130b.js"],"/components/tabs/migration":[e,n,"static/chunks/pages/components/tabs/migration-739032f7d24fac09.js"],"/components/tabs/overview":[e,o,n,_,q,I,W,P,ov,"static/chunks/pages/components/tabs/overview-f999799a315ccdb6.js"],"/components/tabs/properties":[e,n,"static/chunks/pages/components/tabs/properties-6020c90ad7b47f59.js"],"/components/tag":[e,o,n,O,D,G,ow,"static/chunks/pages/components/tag-c7528e227f1e7cb5.js"],"/components/tag/code/Behaviour":[o,D,"static/chunks/pages/components/tag/code/Behaviour-bfb7c2103ce5af51.js"],"/components/tag/code/Content":[o,"static/chunks/pages/components/tag/code/Content-2e20c3650348e525.js"],"/components/tag/code/Emphasis":[o,"static/chunks/pages/components/tag/code/Emphasis-4d7138c37b6a6c59.js"],"/components/tag/code/Example":[o,G,"static/chunks/pages/components/tag/code/Example-317a66aa7caea139.js"],"/components/tag/code/Overflow":[o,"static/chunks/pages/components/tag/code/Overflow-f7d48ab7beb11ae3.js"],"/components/tag/code/State":[o,"static/chunks/pages/components/tag/code/State-e06dcaafe592433b.js"],"/components/tag/code/Tonality":[o,"static/chunks/pages/components/tag/code/Tonality-256d17b7d62c31d4.js"],"/components/tag/code/Variant":[o,O,"static/chunks/pages/components/tag/code/Variant-f28c52bdb8e888ab.js"],"/components/tag/docs/Angular":["static/chunks/pages/components/tag/docs/Angular-6679f69e7a4e8a6f.js"],"/components/tag/docs/HTML":["static/chunks/pages/components/tag/docs/HTML-65ca8e169208795e.js"],"/components/tag/docs/Migration":["static/chunks/pages/components/tag/docs/Migration-1f41b9322867504f.js"],"/components/tag/docs/React":["static/chunks/pages/components/tag/docs/React-bcff51597dccf7b7.js"],"/components/tag/docs/Vue":["static/chunks/pages/components/tag/docs/Vue-d7ff329d4dd1e941.js"],"/components/tag/how-to-use":[e,n,"static/chunks/pages/components/tag/how-to-use-bd0c83943c3e1981.js"],"/components/tag/migration":[e,n,"static/chunks/pages/components/tag/migration-66907c12875bef0b.js"],"/components/tag/overview":[e,o,n,O,D,G,ow,"static/chunks/pages/components/tag/overview-7a7429ccbf3a3d3b.js"],"/components/tag/properties":[e,n,"static/chunks/pages/components/tag/properties-91d4244df8da3786.js"],"/components/textarea":[e,o,n,N,U,J,oM,"static/chunks/pages/components/textarea-c18b2a1cfdd2d236.js"],"/components/textarea/code/Requirement":[o,"static/chunks/pages/components/textarea/code/Requirement-d58f5d197a4b4bd2.js"],"/components/textarea/code/Rows":[o,"static/chunks/pages/components/textarea/code/Rows-624af9a10ea796b5.js"],"/components/textarea/code/Semantic":[o,J,"static/chunks/pages/components/textarea/code/Semantic-03921b4a5df393f6.js"],"/components/textarea/code/StatesFloatingLabel":[o,N,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-92eb6dcb8963256e.js"],"/components/textarea/code/StatesLabelAbove":[o,U,"static/chunks/pages/components/textarea/code/StatesLabelAbove-3a70c83455a5e7f3.js"],"/components/textarea/code/Tonality":[o,"static/chunks/pages/components/textarea/code/Tonality-39c77c3d9da1a56c.js"],"/components/textarea/code/VariantHelperMessage":[o,"static/chunks/pages/components/textarea/code/VariantHelperMessage-5e208c2c53b6bb6a.js"],"/components/textarea/code/VariantLabel":[o,"static/chunks/pages/components/textarea/code/VariantLabel-e33f87960727f9be.js"],"/components/textarea/docs/Angular":["static/chunks/pages/components/textarea/docs/Angular-7700857ec304b748.js"],"/components/textarea/docs/HTML":["static/chunks/pages/components/textarea/docs/HTML-d0338db4c513f97a.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-80f990bd82fc113c.js"],"/components/textarea/docs/React":["static/chunks/pages/components/textarea/docs/React-8842c1cdabbeac53.js"],"/components/textarea/docs/Vue":["static/chunks/pages/components/textarea/docs/Vue-225b1b83ad7e389d.js"],"/components/textarea/how-to-use":[e,n,"static/chunks/pages/components/textarea/how-to-use-d64865b1d73d2b8a.js"],"/components/textarea/migration":[e,n,"static/chunks/pages/components/textarea/migration-c99032ce2dafbbd9.js"],"/components/textarea/overview":[e,o,n,N,U,J,oM,"static/chunks/pages/components/textarea/overview-34cf96994bee9c52.js"],"/components/textarea/properties":[e,n,"static/chunks/pages/components/textarea/properties-4ab6176c2722bd4f.js"],"/components/tooltip":[e,o,n,K,Q,oT,"static/chunks/pages/components/tooltip-70252f52a11ea59c.js"],"/components/tooltip/code/Animations":[o,Q,"static/chunks/pages/components/tooltip/code/Animations-310aef83608b883a.js"],"/components/tooltip/code/Emphasis":[o,"static/chunks/pages/components/tooltip/code/Emphasis-7f7261b526fd4a75.js"],"/components/tooltip/code/Placement":[o,K,"static/chunks/pages/components/tooltip/code/Placement-82691ddabf074bd9.js"],"/components/tooltip/code/Tonality":[o,"static/chunks/pages/components/tooltip/code/Tonality-ce23a1c4e7c0759b.js"],"/components/tooltip/code/Variant":[o,"static/chunks/pages/components/tooltip/code/Variant-409632ec111175d8.js"],"/components/tooltip/code/Width":[o,"static/chunks/pages/components/tooltip/code/Width-32ab004cde44ade5.js"],"/components/tooltip/docs/Angular":["static/chunks/pages/components/tooltip/docs/Angular-bf5aa6ac5b64c0db.js"],"/components/tooltip/docs/HTML":["static/chunks/pages/components/tooltip/docs/HTML-00335081d19486bc.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-41d359dcad20ea9e.js"],"/components/tooltip/docs/React":["static/chunks/pages/components/tooltip/docs/React-162742c92a0a9c5f.js"],"/components/tooltip/docs/Vue":["static/chunks/pages/components/tooltip/docs/Vue-407ebaf0930c73d8.js"],"/components/tooltip/how-to-use":[e,n,"static/chunks/pages/components/tooltip/how-to-use-4ff0b16e4bf91ab5.js"],"/components/tooltip/migration":[e,n,"static/chunks/pages/components/tooltip/migration-2620d181aa12d7ce.js"],"/components/tooltip/overview":[e,o,n,K,Q,oT,"static/chunks/pages/components/tooltip/overview-80b8a8ec8c2af43f.js"],"/components/tooltip/properties":[e,n,"static/chunks/pages/components/tooltip/properties-898caed90a3be8bc.js"],"/foundations/colors/color-schemes":[e,n,"static/chunks/pages/foundations/colors/color-schemes-c1f6c1c8c65b1d7d.js"],"/foundations/colors/overview":[e,n,"static/chunks/pages/foundations/colors/overview-1d49d942f0e3d50f.js"],"/foundations/colors/readme":[e,n,"static/chunks/pages/foundations/colors/readme-8fc69dbb5d9c0773.js"],"/foundations/font-sizes/overview":[e,n,"static/chunks/pages/foundations/font-sizes/overview-7a7e588afc002a19.js"],"/foundations/font-sizes/readme":[e,n,"static/chunks/pages/foundations/font-sizes/readme-e36a7809f19de0e0.js"],"/foundations/icons/custom-icons":[e,n,"static/chunks/pages/foundations/icons/custom-icons-e560b29c8bd8ec71.js"],"/foundations/icons/overview":[e,n,"static/chunks/pages/foundations/icons/overview-fd94575548bff464.js"],"/foundations/icons/readme":[e,n,"static/chunks/pages/foundations/icons/readme-badc5f25002e00d5.js"],"/foundations/readme":[e,n,"static/chunks/pages/foundations/readme-eb8010c3a5727c19.js"],"/foundations/tonalities/examples":[e,n,"static/chunks/pages/foundations/tonalities/examples-565ea2352ad6b763.js"],"/foundations/tonalities/readme":[e,n,"static/chunks/pages/foundations/tonalities/readme-89c3e9e2f0321e57.js"],"/foundations/variables/examples":[e,n,"static/chunks/pages/foundations/variables/examples-d3332042179329eb.js"],"/foundations/variables/readme":[e,n,"static/chunks/pages/foundations/variables/readme-7ffaf23667b6a360.js"],"/iframe":[X,"static/chunks/pages/iframe-34ad93b3c04cfdee.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/code/Variant","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/ContentStates","/components/accordion-item/code/InteractionStates","/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/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/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/Semantic","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand","/components/brand/code/Tonality","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/how-to-use","/components/brand/migration","/components/brand/overview","/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/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/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/Migration","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/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/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/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header","/components/header/code/Behaviour","/components/header/code/Tonality","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/Migration","/components/header/docs/React","/components/header/docs/Vue","/components/header/how-to-use","/components/header/migration","/components/header/overview","/components/header/properties","/components/icon","/components/icon/code/Tonality","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/Migration","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/how-to-use","/components/icon/migration","/components/icon/overview","/components/icon/properties","/components/infotext","/components/infotext/code/Semantic","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/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/Migration","/components/input/docs/React","/components/input/docs/Vue","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/InteractionStates","/components/link/code/Semantic","/components/link/code/Size","/components/link/code/Tonality","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/Migration","/components/link/docs/React","/components/link/docs/Vue","/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/Migration","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/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/InteractionStates","/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/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page","/components/page/code/Tonality","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/Migration","/components/page/docs/React","/components/page/docs/Vue","/components/page/how-to-use","/components/page/migration","/components/page/overview","/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/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/Migration","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/router-usage","/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/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/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab","/components/tab/code/Behaviour","/components/tab/code/Content","/components/tab/code/ContentAlignmentFullWidth","/components/tab/code/States","/components/tab/code/Tonality","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/Migration","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/how-to-use","/components/tab/migration","/components/tab/overview","/components/tab/properties","/components/tab-list/docs/Angular","/components/tab-list/docs/HTML","/components/tab-list/docs/Migration","/components/tab-list/docs/React","/components/tab-list/docs/Vue","/components/tab-list/how-to-use","/components/tab-list/migration","/components/tab-list/properties","/components/tab-panel/docs/Angular","/components/tab-panel/docs/HTML","/components/tab-panel/docs/Migration","/components/tab-panel/docs/React","/components/tab-panel/docs/Vue","/components/tab-panel/how-to-use","/components/tab-panel/migration","/components/tab-panel/properties","/components/tabs","/components/tabs/code/Examples","/components/tabs/code/Orientation","/components/tabs/code/Overflow","/components/tabs/code/Tonality","/components/tabs/code/Width","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/Migration","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/how-to-use","/components/tabs/migration","/components/tabs/overview","/components/tabs/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/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/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/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/foundations/colors/color-schemes","/foundations/colors/overview","/foundations/colors/readme","/foundations/font-sizes/overview","/foundations/font-sizes/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/14863-9b25a0065a4cd21e.js","static/chunks/49710-e3073ff3ccc96335.js","static/chunks/11803-26134abfa8bdf615.js","static/chunks/94218-d4e6a6e3e60f2caf.js","static/chunks/75942-f288690b060f0766.js","static/chunks/24414-6189c93786bff39b.js","static/chunks/35584-7ed35e71aabf12e2.js","static/chunks/42679-809859124132ae87.js","static/chunks/1964-af18252dbad94db1.js","static/chunks/27469-d897e5ab88e719c8.js","static/chunks/59609-bf0631bca31ca3e4.js","static/chunks/78688-a75f2ce3a658d809.js","static/chunks/55763-a91f104a898129f0.js","static/chunks/64861-1434c44682a81b44.js","static/chunks/17563-e4c9afba8a70aa7d.js","static/chunks/87417-008d91f06c55107c.js","static/chunks/44882-9a9c4b9246fdf2db.js","static/chunks/9413-d487c7f56bff67c5.js","static/chunks/97795-4d5a291c7287e93f.js","static/chunks/79167-4f73ea46446bddc7.js","static/chunks/17558-61637ca9153b8bad.js","static/chunks/87037-9f15c080e062e17a.js","static/chunks/86412-05cdd0e5906730f6.js","static/chunks/74396-41f78c278350f679.js","static/chunks/7710-284a6107b277baf4.js","static/chunks/10347-ad3f0b9fb9403c02.js","static/chunks/84768-d113d0f5930ce013.js","static/chunks/90413-a9cfbed428e72666.js","static/chunks/24514-5571a38636d2fce9.js","static/chunks/7604-5a887df39bb595c6.js","static/chunks/2226-dc24ae54dc3c7214.js","static/chunks/19886-2bb310f4b6edf40c.js","static/chunks/81791-4a9b5f52a8e72bbf.js","static/chunks/95349-3d0e40fd222f56c6.js","static/chunks/34579-da6e734eb1e57a58.js","static/chunks/63441-92fdc17e71a00452.js","static/chunks/72298-12668091d4dbf141.js","static/chunks/23187-bd3db614d43c25e3.js","static/chunks/97757-65e2d9dfad8c6e2d.js","static/chunks/42918-dcece11c2fae954d.js","static/chunks/22165-747aff93fa206105.js","static/chunks/20362-9e147b70eeea59bc.js","static/chunks/49088-1e0dc79a033a399f.js","static/chunks/26677-7fcfea4ffdddf007.js","static/chunks/40284-19f1c667e6a71171.js","static/chunks/6458-bff68bb13873cf60.js","static/chunks/55693-144592d4dd70c64a.js","static/chunks/95452-e714c9f508f7d53d.js","static/chunks/50988-6fdf977403152620.js","static/chunks/79906-2fc31f5ca7614a06.js","static/chunks/48834-c827d6909fe9d35a.js","static/chunks/81228-e903bee8e0a1388c.js","static/chunks/1047-2e933d592bc7bd90.js","static/chunks/93085-1db05321855e4427.js","static/chunks/46752-b73ea5105c5c32ee.js","static/chunks/45979-32716f8b5f60348f.js","static/chunks/71940-475b2bcf317441f7.js","static/chunks/68006-ba5cccb4ce58520c.js","static/chunks/21356-1966b82d4998c6fd.js","static/chunks/80269-829a1b356ea6fe11.js","static/chunks/96734-7c3beaa20d981bc5.js","static/chunks/2177-67c5397641cc2483.js","static/chunks/83175-974db8e1ac1478e7.js","static/chunks/71581-f21d9f8b1cc48dfd.js","static/chunks/94274-550a2d6be4434fc9.js","static/chunks/77526-d939786adb91eefc.js","static/chunks/86747-a7ea53c7fa4a8c17.js","static/chunks/16288-33e45af85bb3d4e5.js","static/chunks/37580-a2a923f32e8c4328.js","static/chunks/96029-373f19d8926f553d.js","static/chunks/44469-c6a4fd8ed3fadd46.js","static/chunks/28955-bb6566a1150ceffd.js","static/chunks/88478-4f82945ba9117d57.js","static/chunks/5014-f81e8dfe9b65a03c.js","static/chunks/54817-ac11b3e74908f04e.js","static/chunks/23803-3b32f62a747bfc39.js","static/chunks/27752-913a8fab86b94bba.js","static/chunks/82991-120b420ecbf8ccce.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file +self.__BUILD_MANIFEST=function(o,e,n,s,c,t,a,p,i,d,m,r,u,g,b,h,f,k,l,j,v,w,M,T,x,V,L,A,R,S,H,y,C,z,E,B,F,_,q,I,W,P,O,D,G,N,U,J,K,Q,X,Y,Z,$,oo,oe,on,os,oc,ot,oa,op,oi,od,om,or,ou,og,ob,oh,of,ok,ol,oj,ov,ow,oM,oT){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[e,n,"static/chunks/pages/index-d1bbe4c471f067c6.js"],"/404":["static/chunks/pages/404-9f2937cbcf5b4059.js"],"/_error":["static/chunks/pages/_error-e5cf24d4066ff2f8.js"],"/base64":[X,"static/chunks/pages/base64-b7f582041a92d59d.js"],"/components/accordion":[e,o,n,s,c,Y,"static/chunks/pages/components/accordion-5ab2a95746501b67.js"],"/components/accordion/code/Behaviour":[o,"static/chunks/pages/components/accordion/code/Behaviour-3d0e596e1ba0c711.js"],"/components/accordion/code/Tonality":[o,c,"static/chunks/pages/components/accordion/code/Tonality-b6642a569750f917.js"],"/components/accordion/code/Variant":[o,"static/chunks/pages/components/accordion/code/Variant-320f8ea6efadfda9.js"],"/components/accordion/docs/Angular":["static/chunks/pages/components/accordion/docs/Angular-f694b720959ce422.js"],"/components/accordion/docs/HTML":["static/chunks/pages/components/accordion/docs/HTML-20fe8be067c27fc4.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-ebd2f8240ffa67b1.js"],"/components/accordion/docs/React":["static/chunks/pages/components/accordion/docs/React-760557676b7fb986.js"],"/components/accordion/docs/Vue":["static/chunks/pages/components/accordion/docs/Vue-4598196eae5368af.js"],"/components/accordion/how-to-use":[e,n,"static/chunks/pages/components/accordion/how-to-use-c938cb361dc60be8.js"],"/components/accordion/migration":[e,n,"static/chunks/pages/components/accordion/migration-9f64f6f6a234bab5.js"],"/components/accordion/overview":[e,o,n,s,c,Y,"static/chunks/pages/components/accordion/overview-d492a12be440dc73.js"],"/components/accordion/properties":[e,n,"static/chunks/pages/components/accordion/properties-0313ccab01a05106.js"],"/components/accordion-item":[e,o,n,s,"static/chunks/pages/components/accordion-item-b2c9e927b95c3334.js"],"/components/accordion-item/code/ContentStates":[o,"static/chunks/pages/components/accordion-item/code/ContentStates-3f4d0ab8d4fd2e85.js"],"/components/accordion-item/code/InteractionStates":[o,"static/chunks/pages/components/accordion-item/code/InteractionStates-abc5608b381ad452.js"],"/components/accordion-item/code/Tonality":[o,"static/chunks/pages/components/accordion-item/code/Tonality-c15babdac4dab16d.js"],"/components/accordion-item/docs/Angular":["static/chunks/pages/components/accordion-item/docs/Angular-65488da332f1526a.js"],"/components/accordion-item/docs/HTML":["static/chunks/pages/components/accordion-item/docs/HTML-6ad46184212dcb71.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-a64135b3ae827eec.js"],"/components/accordion-item/docs/React":["static/chunks/pages/components/accordion-item/docs/React-b3343d8366a28891.js"],"/components/accordion-item/docs/Vue":["static/chunks/pages/components/accordion-item/docs/Vue-7641a29498ebe640.js"],"/components/accordion-item/how-to-use":[e,n,"static/chunks/pages/components/accordion-item/how-to-use-31632c9c86bf3ad6.js"],"/components/accordion-item/migration":[e,n,"static/chunks/pages/components/accordion-item/migration-5a5425c464173adf.js"],"/components/accordion-item/overview":[e,o,n,s,"static/chunks/pages/components/accordion-item/overview-ca9b03361b065ba1.js"],"/components/accordion-item/properties":[e,n,"static/chunks/pages/components/accordion-item/properties-e5c262f8977f0d74.js"],"/components/alert":[e,o,n,t,a,p,Z,"static/chunks/pages/components/alert-759ac8aa099e58af.js"],"/components/alert/code/Behaviour":[o,"static/chunks/pages/components/alert/code/Behaviour-bf0a99a99e40d304.js"],"/components/alert/code/Content":[o,a,"static/chunks/pages/components/alert/code/Content-8e99517332808d93.js"],"/components/alert/code/Tonality":[o,p,"static/chunks/pages/components/alert/code/Tonality-ab83deb50367c3ed.js"],"/components/alert/code/Type":[o,"static/chunks/pages/components/alert/code/Type-30bf6a2ea2227c2d.js"],"/components/alert/code/Variant":[o,t,"static/chunks/pages/components/alert/code/Variant-9088e64ef367d1f0.js"],"/components/alert/docs/Angular":["static/chunks/pages/components/alert/docs/Angular-43d7ed93c1610f08.js"],"/components/alert/docs/HTML":["static/chunks/pages/components/alert/docs/HTML-3dc5412302b54ba7.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-0eaac974895e2138.js"],"/components/alert/docs/React":["static/chunks/pages/components/alert/docs/React-35cce3eb194eede0.js"],"/components/alert/docs/Vue":["static/chunks/pages/components/alert/docs/Vue-6179c218d806ad23.js"],"/components/alert/how-to-use":[e,n,"static/chunks/pages/components/alert/how-to-use-f87f6fd0fd40ed54.js"],"/components/alert/migration":[e,n,"static/chunks/pages/components/alert/migration-a69aceb699633fda.js"],"/components/alert/overview":[e,o,n,t,a,p,Z,"static/chunks/pages/components/alert/overview-07d3aa062d96425f.js"],"/components/alert/properties":[e,n,"static/chunks/pages/components/alert/properties-8ce18bbc452bf2c0.js"],"/components/badge":[e,o,n,i,d,m,$,"static/chunks/pages/components/badge-5e6fb83a04f1d5e6.js"],"/components/badge/code/Content":[o,m,"static/chunks/pages/components/badge/code/Content-3401bc4e2a9f9c26.js"],"/components/badge/code/Emphasis":[o,"static/chunks/pages/components/badge/code/Emphasis-f457220cfa495c35.js"],"/components/badge/code/Examples":[o,"static/chunks/pages/components/badge/code/Examples-ae806837dde3d8e7.js"],"/components/badge/code/Placement":[o,d,"static/chunks/pages/components/badge/code/Placement-3f763b844c74d2ce.js"],"/components/badge/code/Semantic":[o,i,"static/chunks/pages/components/badge/code/Semantic-1a52d927b7e24708.js"],"/components/badge/code/Size":[o,"static/chunks/pages/components/badge/code/Size-13928fc433944bd4.js"],"/components/badge/code/Tonality":[o,"static/chunks/pages/components/badge/code/Tonality-cfa8d753c8fbda8f.js"],"/components/badge/docs/Angular":["static/chunks/pages/components/badge/docs/Angular-af45cdc5b118c728.js"],"/components/badge/docs/HTML":["static/chunks/pages/components/badge/docs/HTML-402d67949eab8068.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-38308ed3cd436aad.js"],"/components/badge/docs/React":["static/chunks/pages/components/badge/docs/React-ae8e47b108795b04.js"],"/components/badge/docs/Vue":["static/chunks/pages/components/badge/docs/Vue-9ffc6930cba3c026.js"],"/components/badge/how-to-use":[e,n,"static/chunks/pages/components/badge/how-to-use-dc898dc221e8b76d.js"],"/components/badge/migration":[e,n,"static/chunks/pages/components/badge/migration-ea2bc7caa2e15628.js"],"/components/badge/overview":[e,o,n,i,d,m,$,"static/chunks/pages/components/badge/overview-c52189f9af2b506a.js"],"/components/badge/properties":[e,n,"static/chunks/pages/components/badge/properties-2bfa3360d8f54bfd.js"],"/components/brand":[e,o,n,oo,"static/chunks/pages/components/brand-4dee45769361f9c7.js"],"/components/brand/code/Tonality":[o,"static/chunks/pages/components/brand/code/Tonality-799e7f0dcec64617.js"],"/components/brand/docs/Angular":["static/chunks/pages/components/brand/docs/Angular-9fc8cf064ebb2b9d.js"],"/components/brand/docs/HTML":["static/chunks/pages/components/brand/docs/HTML-894adc2378f4da38.js"],"/components/brand/docs/React":["static/chunks/pages/components/brand/docs/React-7febe8076559bbd0.js"],"/components/brand/docs/Vue":["static/chunks/pages/components/brand/docs/Vue-b75dcc1855bbc2dd.js"],"/components/brand/how-to-use":[e,n,"static/chunks/pages/components/brand/how-to-use-72770499dccfd0d8.js"],"/components/brand/migration":[e,n,"static/chunks/pages/components/brand/migration-f9cec2c39d803a5c.js"],"/components/brand/overview":[e,o,n,oo,"static/chunks/pages/components/brand/overview-16dd28bfc37bd35d.js"],"/components/brand/properties":[e,n,"static/chunks/pages/components/brand/properties-e87679e4d9de23ee.js"],"/components/button":[e,o,n,r,oe,"static/chunks/pages/components/button-c1f845bdfafb7469.js"],"/components/button/code/Behaviour":[o,"static/chunks/pages/components/button/code/Behaviour-8b44eb237b16cdc8.js"],"/components/button/code/Content":[o,"static/chunks/pages/components/button/code/Content-bfe280d903156a63.js"],"/components/button/code/Size":[o,"static/chunks/pages/components/button/code/Size-ae1c0a96c8e96538.js"],"/components/button/code/State":[o,"static/chunks/pages/components/button/code/State-89412aa92e172f1e.js"],"/components/button/code/Tonality":[o,"static/chunks/pages/components/button/code/Tonality-f5830e8f0b5d0541.js"],"/components/button/code/Variant":[o,r,"static/chunks/pages/components/button/code/Variant-f5cf55ced11f6891.js"],"/components/button/docs/Angular":["static/chunks/pages/components/button/docs/Angular-9eb8d811de0cbf04.js"],"/components/button/docs/HTML":["static/chunks/pages/components/button/docs/HTML-4a97807ece6669e9.js"],"/components/button/docs/Migration":[on,"static/chunks/pages/components/button/docs/Migration-c3e32206e04fd7ad.js"],"/components/button/docs/React":["static/chunks/pages/components/button/docs/React-4baedb3dfd733c98.js"],"/components/button/docs/Vue":["static/chunks/pages/components/button/docs/Vue-05d62c6d50da3322.js"],"/components/button/how-to-use":[e,n,"static/chunks/pages/components/button/how-to-use-3878a2edf7c92d04.js"],"/components/button/migration":[e,n,on,"static/chunks/pages/components/button/migration-15f705b198e53ec2.js"],"/components/button/overview":[e,o,n,r,oe,"static/chunks/pages/components/button/overview-b4abcdceb11da342.js"],"/components/button/properties":[e,n,"static/chunks/pages/components/button/properties-1d1e49e09cbb8d8d.js"],"/components/card":[e,o,n,u,os,"static/chunks/pages/components/card-f941be86f9713017.js"],"/components/card/code/Colorvariant":[o,u,"static/chunks/pages/components/card/code/Colorvariant-916e4774a3bd1c45.js"],"/components/card/code/Spacing":[o,"static/chunks/pages/components/card/code/Spacing-df2661412f584512.js"],"/components/card/code/Tonality":[o,"static/chunks/pages/components/card/code/Tonality-056a38d153a4bd70.js"],"/components/card/code/Variant":[o,"static/chunks/pages/components/card/code/Variant-29b0feb2a376c222.js"],"/components/card/docs/Angular":["static/chunks/pages/components/card/docs/Angular-558f2f9d383f867e.js"],"/components/card/docs/HTML":["static/chunks/pages/components/card/docs/HTML-eaf34f731ecae08a.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-346c2e9c25a5c717.js"],"/components/card/docs/React":["static/chunks/pages/components/card/docs/React-9ce19c239444f4b5.js"],"/components/card/docs/Vue":["static/chunks/pages/components/card/docs/Vue-f2c1b216d3ebb00b.js"],"/components/card/how-to-use":[e,n,"static/chunks/pages/components/card/how-to-use-09d1d143cdef35a4.js"],"/components/card/migration":[e,n,"static/chunks/pages/components/card/migration-c188246c5330ecd4.js"],"/components/card/overview":[e,o,n,u,os,"static/chunks/pages/components/card/overview-3013408b09afea49.js"],"/components/card/properties":[e,n,"static/chunks/pages/components/card/properties-c2914e134fa31d1d.js"],"/components/checkbox":[e,o,n,g,oc,"static/chunks/pages/components/checkbox-2108bf641e090823.js"],"/components/checkbox/code/Requirement":[o,"static/chunks/pages/components/checkbox/code/Requirement-c5efea26fe3e1a29.js"],"/components/checkbox/code/Size":[o,"static/chunks/pages/components/checkbox/code/Size-c1e9df9f6ea926bc.js"],"/components/checkbox/code/States":[o,g,"static/chunks/pages/components/checkbox/code/States-2b36b233b97a43ff.js"],"/components/checkbox/code/Tonality":[o,"static/chunks/pages/components/checkbox/code/Tonality-b570f5cdf05a05c1.js"],"/components/checkbox/code/VariantLabel":[o,"static/chunks/pages/components/checkbox/code/VariantLabel-2390a7cf445b09d2.js"],"/components/checkbox/docs/Angular":["static/chunks/pages/components/checkbox/docs/Angular-0cd3fa607ef99835.js"],"/components/checkbox/docs/HTML":["static/chunks/pages/components/checkbox/docs/HTML-75abcca331c552fe.js"],"/components/checkbox/docs/Migration":["static/chunks/pages/components/checkbox/docs/Migration-c1b252b5d9c1eaa7.js"],"/components/checkbox/docs/React":["static/chunks/pages/components/checkbox/docs/React-526d05c69c782809.js"],"/components/checkbox/docs/Vue":["static/chunks/pages/components/checkbox/docs/Vue-c04178a18f923111.js"],"/components/checkbox/how-to-use":[e,n,"static/chunks/pages/components/checkbox/how-to-use-af96626a48a6b46e.js"],"/components/checkbox/migration":[e,n,"static/chunks/pages/components/checkbox/migration-baf1e12d6cdfed08.js"],"/components/checkbox/overview":[e,o,n,g,oc,"static/chunks/pages/components/checkbox/overview-2cd514757e2b708d.js"],"/components/checkbox/properties":[e,n,"static/chunks/pages/components/checkbox/properties-bae72fb278c73796.js"],"/components/divider":[e,o,n,ot,"static/chunks/pages/components/divider-622ada3b653d3226.js"],"/components/divider/code/Emphasis":[o,"static/chunks/pages/components/divider/code/Emphasis-0e02896ff32f2fc4.js"],"/components/divider/code/Tonality":[o,"static/chunks/pages/components/divider/code/Tonality-f5cbd9ad6c4509ba.js"],"/components/divider/code/Variant":[o,"static/chunks/pages/components/divider/code/Variant-e847259007117741.js"],"/components/divider/docs/Angular":["static/chunks/pages/components/divider/docs/Angular-0729ded645daf460.js"],"/components/divider/docs/HTML":["static/chunks/pages/components/divider/docs/HTML-a05f1dae8de773fa.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-780b04c134ad4b5e.js"],"/components/divider/docs/React":["static/chunks/pages/components/divider/docs/React-f9d81c51f8f4ddba.js"],"/components/divider/docs/Vue":["static/chunks/pages/components/divider/docs/Vue-78047658003c550e.js"],"/components/divider/how-to-use":[e,n,"static/chunks/pages/components/divider/how-to-use-288696840476dbd6.js"],"/components/divider/migration":[e,n,"static/chunks/pages/components/divider/migration-13b62d2e6d2dc968.js"],"/components/divider/overview":[e,o,n,ot,"static/chunks/pages/components/divider/overview-d68d61cd1b285c2a.js"],"/components/divider/properties":[e,n,"static/chunks/pages/components/divider/properties-71f55ac4a1e3ceb6.js"],"/components/drawer":[e,o,n,b,h,f,k,oa,"static/chunks/pages/components/drawer-36a51cef36de4700.js"],"/components/drawer/code/Backdrop":[o,f,"static/chunks/pages/components/drawer/code/Backdrop-269f1da6ce86d17f.js"],"/components/drawer/code/Directions":[o,h,"static/chunks/pages/components/drawer/code/Directions-4017a943c40a5418.js"],"/components/drawer/code/Rounded":[o,"static/chunks/pages/components/drawer/code/Rounded-9feb8d504a453d7c.js"],"/components/drawer/code/Size":[o,"static/chunks/pages/components/drawer/code/Size-9b09e3e0b0e9eb81.js"],"/components/drawer/code/Spacing":[o,b,"static/chunks/pages/components/drawer/code/Spacing-d1e758d4c26e4305.js"],"/components/drawer/code/Tonality":[o,k,"static/chunks/pages/components/drawer/code/Tonality-847029a227d2e68a.js"],"/components/drawer/docs/Angular":["static/chunks/pages/components/drawer/docs/Angular-87b7c373680d67db.js"],"/components/drawer/docs/HTML":["static/chunks/pages/components/drawer/docs/HTML-1942a9c8699e4867.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-fb4d3545efced4ff.js"],"/components/drawer/docs/React":["static/chunks/pages/components/drawer/docs/React-dbc5a37febda7c62.js"],"/components/drawer/docs/Vue":["static/chunks/pages/components/drawer/docs/Vue-5fb8835f6a8f6634.js"],"/components/drawer/how-to-use":[e,n,"static/chunks/pages/components/drawer/how-to-use-76c94c2a2dc7d998.js"],"/components/drawer/migration":[e,n,"static/chunks/pages/components/drawer/migration-483086188ea865ef.js"],"/components/drawer/overview":[e,o,n,b,h,f,k,oa,"static/chunks/pages/components/drawer/overview-7a2c85765bd76adc.js"],"/components/drawer/properties":[e,n,"static/chunks/pages/components/drawer/properties-b4ad849246cba007.js"],"/components/header":[e,o,n,l,j,op,"static/chunks/pages/components/header-186fe6e60817d80d.js"],"/components/header/code/Behaviour":[o,j,"static/chunks/pages/components/header/code/Behaviour-161185f3b92b10b6.js"],"/components/header/code/Tonality":[o,l,"static/chunks/pages/components/header/code/Tonality-63475eaa2fb19eba.js"],"/components/header/docs/Angular":["static/chunks/pages/components/header/docs/Angular-2be2a78409282936.js"],"/components/header/docs/HTML":["static/chunks/pages/components/header/docs/HTML-1e32b3f4656a8f65.js"],"/components/header/docs/Migration":["static/chunks/pages/components/header/docs/Migration-506d7317166778f2.js"],"/components/header/docs/React":["static/chunks/pages/components/header/docs/React-6ddef7dd78bcb5c0.js"],"/components/header/docs/Vue":["static/chunks/pages/components/header/docs/Vue-e048d307600e1f0f.js"],"/components/header/how-to-use":[e,n,"static/chunks/pages/components/header/how-to-use-567601c8bcc57a2e.js"],"/components/header/migration":[e,n,"static/chunks/pages/components/header/migration-0c01ffe7b53c2254.js"],"/components/header/overview":[e,o,n,l,j,op,"static/chunks/pages/components/header/overview-18cb89e7c9e620ac.js"],"/components/header/properties":[e,n,"static/chunks/pages/components/header/properties-42baf8d2bc2fcc09.js"],"/components/icon":[e,o,n,oi,"static/chunks/pages/components/icon-bc7e4b1d265ca642.js"],"/components/icon/code/Tonality":[o,"static/chunks/pages/components/icon/code/Tonality-f526b4b0e0c67f4e.js"],"/components/icon/docs/Angular":["static/chunks/pages/components/icon/docs/Angular-7ec6a4f9da1bcd65.js"],"/components/icon/docs/HTML":["static/chunks/pages/components/icon/docs/HTML-84ea008b64fc8010.js"],"/components/icon/docs/Migration":["static/chunks/pages/components/icon/docs/Migration-9d6f3e76392c7116.js"],"/components/icon/docs/React":["static/chunks/pages/components/icon/docs/React-215c3a7b973ff7c2.js"],"/components/icon/docs/Vue":["static/chunks/pages/components/icon/docs/Vue-4983af81d0cc8304.js"],"/components/icon/how-to-use":[e,n,"static/chunks/pages/components/icon/how-to-use-dac42843d95626bd.js"],"/components/icon/migration":[e,n,"static/chunks/pages/components/icon/migration-cbe7424006b7ca55.js"],"/components/icon/overview":[e,o,n,oi,"static/chunks/pages/components/icon/overview-7486ccf8142cc6b9.js"],"/components/icon/properties":[e,n,"static/chunks/pages/components/icon/properties-f496f0059f745a92.js"],"/components/infotext":[e,o,n,v,od,"static/chunks/pages/components/infotext-c0df1afe2c8cc5c2.js"],"/components/infotext/code/Semantic":[o,v,"static/chunks/pages/components/infotext/code/Semantic-c31bbbed6815b30e.js"],"/components/infotext/code/Size":[o,"static/chunks/pages/components/infotext/code/Size-e5d41759dd542ade.js"],"/components/infotext/code/Tonality":[o,"static/chunks/pages/components/infotext/code/Tonality-208e53a6f6aebea9.js"],"/components/infotext/docs/Angular":["static/chunks/pages/components/infotext/docs/Angular-82e0508c7521d559.js"],"/components/infotext/docs/HTML":["static/chunks/pages/components/infotext/docs/HTML-0f3572412657e262.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-4659ea76f2f1b97e.js"],"/components/infotext/docs/React":["static/chunks/pages/components/infotext/docs/React-9c58faee3b791956.js"],"/components/infotext/docs/Vue":["static/chunks/pages/components/infotext/docs/Vue-cf85cc42b5568693.js"],"/components/infotext/how-to-use":[e,n,"static/chunks/pages/components/infotext/how-to-use-a6769b6a443d0963.js"],"/components/infotext/migration":[e,n,"static/chunks/pages/components/infotext/migration-e3c9a2fadc00770b.js"],"/components/infotext/overview":[e,o,n,v,od,"static/chunks/pages/components/infotext/overview-f1de9e7aeda48741.js"],"/components/infotext/properties":[e,n,"static/chunks/pages/components/infotext/properties-3b554a92f9350767.js"],"/components/input":[e,o,n,w,M,T,x,V,L,om,"static/chunks/pages/components/input-a73c4084e0b43c48.js"],"/components/input/code/Content":[o,L,"static/chunks/pages/components/input/code/Content-5a7b789a5cadf4e6.js"],"/components/input/code/ExampleTypes":[o,M,"static/chunks/pages/components/input/code/ExampleTypes-96afc2d96c32e7e0.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,w,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-ac3b4a4c34d6c1c6.js"],"/components/input/code/Requirement":[o,"static/chunks/pages/components/input/code/Requirement-2917bce0a456192e.js"],"/components/input/code/Semantic":[o,V,"static/chunks/pages/components/input/code/Semantic-d41e228cf1f01b3e.js"],"/components/input/code/StatesFloatingLabel":[o,T,"static/chunks/pages/components/input/code/StatesFloatingLabel-3a0fd283e3a761a5.js"],"/components/input/code/StatesLabelAbove":[o,x,"static/chunks/pages/components/input/code/StatesLabelAbove-7e64ae3e89ebda73.js"],"/components/input/code/Tonality":[o,"static/chunks/pages/components/input/code/Tonality-0eda14f07a7acb46.js"],"/components/input/code/VariantHelperMessage":[o,"static/chunks/pages/components/input/code/VariantHelperMessage-209f5514e9c9127a.js"],"/components/input/code/VariantLabel":[o,"static/chunks/pages/components/input/code/VariantLabel-0862226b522ce203.js"],"/components/input/docs/Angular":["static/chunks/pages/components/input/docs/Angular-72828d4e713a34d9.js"],"/components/input/docs/HTML":["static/chunks/pages/components/input/docs/HTML-e51635d9e15b7679.js"],"/components/input/docs/Migration":["static/chunks/pages/components/input/docs/Migration-3b47a5a3b8d6249b.js"],"/components/input/docs/React":["static/chunks/pages/components/input/docs/React-1fba57b0bedb4140.js"],"/components/input/docs/Vue":["static/chunks/pages/components/input/docs/Vue-b87ef7d3f92ffe1d.js"],"/components/input/how-to-use":[e,n,"static/chunks/pages/components/input/how-to-use-70c5f521b2a7279b.js"],"/components/input/migration":[e,n,"static/chunks/pages/components/input/migration-e39b3dbf4940bf59.js"],"/components/input/overview":[e,o,n,w,M,T,x,V,L,om,"static/chunks/pages/components/input/overview-053e04ef49fb8457.js"],"/components/input/properties":[e,n,"static/chunks/pages/components/input/properties-ab38ec93a800efff.js"],"/components/link":[e,o,n,or,"static/chunks/pages/components/link-f01eb2dc0f4e724b.js"],"/components/link/code/Content":[o,"static/chunks/pages/components/link/code/Content-b7cadf2b42fe4965.js"],"/components/link/code/InteractionStates":[o,"static/chunks/pages/components/link/code/InteractionStates-0898b42a96a97466.js"],"/components/link/code/Semantic":[o,"static/chunks/pages/components/link/code/Semantic-1cb55f0a986a79bc.js"],"/components/link/code/Size":[o,"static/chunks/pages/components/link/code/Size-91512af8aaea76a8.js"],"/components/link/code/Tonality":[o,"static/chunks/pages/components/link/code/Tonality-76867352b2fea941.js"],"/components/link/docs/Angular":["static/chunks/pages/components/link/docs/Angular-ac89aa8e5f133297.js"],"/components/link/docs/HTML":["static/chunks/pages/components/link/docs/HTML-c633804a4d5c6884.js"],"/components/link/docs/Migration":["static/chunks/pages/components/link/docs/Migration-06950c36e1c45f07.js"],"/components/link/docs/React":["static/chunks/pages/components/link/docs/React-b453daca1de21a6b.js"],"/components/link/docs/Vue":["static/chunks/pages/components/link/docs/Vue-cc9b6ce6b8cf2865.js"],"/components/link/how-to-use":[e,n,"static/chunks/pages/components/link/how-to-use-79c2d9dc434569ef.js"],"/components/link/migration":[e,n,"static/chunks/pages/components/link/migration-076c31705de51639.js"],"/components/link/overview":[e,o,n,or,"static/chunks/pages/components/link/overview-2b14917a5b419d82.js"],"/components/link/properties":[e,n,"static/chunks/pages/components/link/properties-c4a759f15ff91ec9.js"],"/components/main-navigation":[e,o,n,A,ou,"static/chunks/pages/components/main-navigation-1e2067485f6d5f57.js"],"/components/main-navigation/code/Tonality":[o,A,"static/chunks/pages/components/main-navigation/code/Tonality-adef80902f76b722.js"],"/components/main-navigation/docs/Angular":["static/chunks/pages/components/main-navigation/docs/Angular-8caf35d3f6c1b55e.js"],"/components/main-navigation/docs/HTML":["static/chunks/pages/components/main-navigation/docs/HTML-479efae4a31a1461.js"],"/components/main-navigation/docs/Migration":["static/chunks/pages/components/main-navigation/docs/Migration-54e536b4b5166dd1.js"],"/components/main-navigation/docs/React":["static/chunks/pages/components/main-navigation/docs/React-de9c7c34d176ce95.js"],"/components/main-navigation/docs/Vue":["static/chunks/pages/components/main-navigation/docs/Vue-790a0050148a0dbc.js"],"/components/main-navigation/how-to-use":[e,n,"static/chunks/pages/components/main-navigation/how-to-use-c1b052420f60a43a.js"],"/components/main-navigation/migration":[e,n,"static/chunks/pages/components/main-navigation/migration-0049ad332060fd0b.js"],"/components/main-navigation/overview":[e,o,n,A,ou,"static/chunks/pages/components/main-navigation/overview-e8b78352553c591a.js"],"/components/main-navigation/properties":[e,n,"static/chunks/pages/components/main-navigation/properties-6127d7391fb94cf5.js"],"/components/navigation-item":[e,o,n,R,og,"static/chunks/pages/components/navigation-item-bee6782c54ee3899.js"],"/components/navigation-item/code/Content":[o,R,"static/chunks/pages/components/navigation-item/code/Content-38d44a9b6da7edc9.js"],"/components/navigation-item/code/InteractionStates":[o,"static/chunks/pages/components/navigation-item/code/InteractionStates-4e15308b3dacd780.js"],"/components/navigation-item/code/Tonality":[o,"static/chunks/pages/components/navigation-item/code/Tonality-b2ff5b6c1ee7efc8.js"],"/components/navigation-item/code/Width":[o,"static/chunks/pages/components/navigation-item/code/Width-7426a3cbbe6a0860.js"],"/components/navigation-item/docs/Angular":["static/chunks/pages/components/navigation-item/docs/Angular-d7dc1e6b12e8ee5b.js"],"/components/navigation-item/docs/HTML":["static/chunks/pages/components/navigation-item/docs/HTML-eb3ae7ad29dab828.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-49f625757e973380.js"],"/components/navigation-item/docs/React":["static/chunks/pages/components/navigation-item/docs/React-a91349e6aaf335cd.js"],"/components/navigation-item/docs/Vue":["static/chunks/pages/components/navigation-item/docs/Vue-ee85fe78d3b40131.js"],"/components/navigation-item/how-to-use":[e,n,"static/chunks/pages/components/navigation-item/how-to-use-8e264473c4e4384d.js"],"/components/navigation-item/migration":[e,n,"static/chunks/pages/components/navigation-item/migration-caa0437df47f9058.js"],"/components/navigation-item/overview":[e,o,n,R,og,"static/chunks/pages/components/navigation-item/overview-bc3b5e1b8bd8a29d.js"],"/components/navigation-item/properties":[e,n,"static/chunks/pages/components/navigation-item/properties-fe105e70f3cc887c.js"],"/components/page":[e,o,n,ob,"static/chunks/pages/components/page-b8c9f94e4963090f.js"],"/components/page/code/Tonality":[o,"static/chunks/pages/components/page/code/Tonality-70f23967dcea9019.js"],"/components/page/docs/Angular":["static/chunks/pages/components/page/docs/Angular-b3304712b6087533.js"],"/components/page/docs/HTML":["static/chunks/pages/components/page/docs/HTML-c7ac4c84ebad9ca6.js"],"/components/page/docs/Migration":["static/chunks/pages/components/page/docs/Migration-dc70d55f8717e44b.js"],"/components/page/docs/React":["static/chunks/pages/components/page/docs/React-1cc48c265eba16a7.js"],"/components/page/docs/Vue":["static/chunks/pages/components/page/docs/Vue-a92651521325bdd3.js"],"/components/page/how-to-use":[e,n,"static/chunks/pages/components/page/how-to-use-723da777ea21f057.js"],"/components/page/migration":[e,n,"static/chunks/pages/components/page/migration-5a957d722eec3aef.js"],"/components/page/overview":[e,o,n,ob,"static/chunks/pages/components/page/overview-09fe6a8ce299108d.js"],"/components/page/properties":[e,n,"static/chunks/pages/components/page/properties-d2b7ac1ec649230d.js"],"/components/popover":[e,o,n,S,H,oh,"static/chunks/pages/components/popover-f8a3c34a99c82df7.js"],"/components/popover/code/Animations":[o,H,"static/chunks/pages/components/popover/code/Animations-4f2d9dcc6957d4d2.js"],"/components/popover/code/Gap":[o,"static/chunks/pages/components/popover/code/Gap-6a13b2b30b5769bf.js"],"/components/popover/code/Placement":[o,S,"static/chunks/pages/components/popover/code/Placement-57300e6db6244414.js"],"/components/popover/code/Spacing":[o,"static/chunks/pages/components/popover/code/Spacing-98aeb92690989986.js"],"/components/popover/code/Tonality":[o,"static/chunks/pages/components/popover/code/Tonality-571021ace8146164.js"],"/components/popover/code/Width":[o,"static/chunks/pages/components/popover/code/Width-cae04800a17e8175.js"],"/components/popover/docs/Angular":["static/chunks/pages/components/popover/docs/Angular-a8e4c477721827ce.js"],"/components/popover/docs/HTML":["static/chunks/pages/components/popover/docs/HTML-3a010add83fb4122.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-ed4f9fca1548b211.js"],"/components/popover/docs/React":["static/chunks/pages/components/popover/docs/React-51e161fc82964269.js"],"/components/popover/docs/Vue":["static/chunks/pages/components/popover/docs/Vue-c452da4058d65d78.js"],"/components/popover/how-to-use":[e,n,"static/chunks/pages/components/popover/how-to-use-10e22fbe423b1fb3.js"],"/components/popover/migration":[e,n,"static/chunks/pages/components/popover/migration-f8904bb1c9456cd4.js"],"/components/popover/overview":[e,o,n,S,H,oh,"static/chunks/pages/components/popover/overview-05208ca5f065f559.js"],"/components/popover/properties":[e,n,"static/chunks/pages/components/popover/properties-40629ea3e3f9aeb7.js"],"/components/radio":[e,o,n,of,"static/chunks/pages/components/radio-307dd16ea915605e.js"],"/components/radio/code/Requirement":[o,"static/chunks/pages/components/radio/code/Requirement-f8621e35e29ee663.js"],"/components/radio/code/Size":[o,"static/chunks/pages/components/radio/code/Size-ca156ba340a7e292.js"],"/components/radio/code/States":[o,"static/chunks/pages/components/radio/code/States-ec4b934280791d4b.js"],"/components/radio/code/Tonality":[o,"static/chunks/pages/components/radio/code/Tonality-bc4dc6aa1561a9f0.js"],"/components/radio/code/VariantLabel":[o,"static/chunks/pages/components/radio/code/VariantLabel-bbe2974a91f33971.js"],"/components/radio/docs/Angular":["static/chunks/pages/components/radio/docs/Angular-6f33f2325331947f.js"],"/components/radio/docs/HTML":["static/chunks/pages/components/radio/docs/HTML-6efe2abe3fe82751.js"],"/components/radio/docs/Migration":["static/chunks/pages/components/radio/docs/Migration-0526ef276ff76442.js"],"/components/radio/docs/React":["static/chunks/pages/components/radio/docs/React-02286d448a6d71ee.js"],"/components/radio/docs/Vue":["static/chunks/pages/components/radio/docs/Vue-d42dd40c9e4d0042.js"],"/components/radio/how-to-use":[e,n,"static/chunks/pages/components/radio/how-to-use-c9decc938362fc6e.js"],"/components/radio/migration":[e,n,"static/chunks/pages/components/radio/migration-18732914acdd96b1.js"],"/components/radio/overview":[e,o,n,of,"static/chunks/pages/components/radio/overview-1069abc2863baaee.js"],"/components/radio/properties":[e,n,"static/chunks/pages/components/radio/properties-84ba741e9e4eb53c.js"],"/components/readme":[e,n,"static/chunks/pages/components/readme-76791db27016a728.js"],"/components/router-usage":[e,n,"static/chunks/pages/components/router-usage-34975d1ec259ece2.js"],"/components/section":[e,o,n,ok,"static/chunks/pages/components/section-dc6db42077ee3c42.js"],"/components/section/code/Size":[o,"static/chunks/pages/components/section/code/Size-d949ef843ce9ecef.js"],"/components/section/code/Tonality":[o,"static/chunks/pages/components/section/code/Tonality-ada86bda6627dc6e.js"],"/components/section/code/Variant":[o,"static/chunks/pages/components/section/code/Variant-7847cf371959fa87.js"],"/components/section/docs/Angular":["static/chunks/pages/components/section/docs/Angular-4f82440081c6ce1d.js"],"/components/section/docs/HTML":["static/chunks/pages/components/section/docs/HTML-23f1a3bcc6c9c45f.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-2b1e65b48ece1342.js"],"/components/section/docs/React":["static/chunks/pages/components/section/docs/React-d8edceeef2c09fc5.js"],"/components/section/docs/Vue":["static/chunks/pages/components/section/docs/Vue-bfac60ddd12906ba.js"],"/components/section/how-to-use":[e,n,"static/chunks/pages/components/section/how-to-use-559fd43bb62fffdf.js"],"/components/section/migration":[e,n,"static/chunks/pages/components/section/migration-3a0961bdd81c7aba.js"],"/components/section/overview":[e,o,n,ok,"static/chunks/pages/components/section/overview-fd1c08ddbd37bc90.js"],"/components/section/properties":[e,n,"static/chunks/pages/components/section/properties-528d5e9b272039e1.js"],"/components/select":[e,o,n,y,C,z,E,B,ol,"static/chunks/pages/components/select-4589c837ae7e32c0.js"],"/components/select/code/Content":[o,"static/chunks/pages/components/select/code/Content-48f7ee850ba618c9.js"],"/components/select/code/Requirement":[o,E,"static/chunks/pages/components/select/code/Requirement-2c55a2d96cd59743.js"],"/components/select/code/Semantic":[o,y,"static/chunks/pages/components/select/code/Semantic-c30a788980e41299.js"],"/components/select/code/StatesFloatingLabel":[o,C,"static/chunks/pages/components/select/code/StatesFloatingLabel-0cb06fd8c2d3b446.js"],"/components/select/code/StatesLabelAbove":[o,z,"static/chunks/pages/components/select/code/StatesLabelAbove-8132b2b8743d5746.js"],"/components/select/code/Tonality":[o,B,"static/chunks/pages/components/select/code/Tonality-5691a6e788c6bf6f.js"],"/components/select/code/VariantHelperMessage":[o,"static/chunks/pages/components/select/code/VariantHelperMessage-42c24582a75fb002.js"],"/components/select/code/VariantLabel":[o,"static/chunks/pages/components/select/code/VariantLabel-b258037867b10d92.js"],"/components/select/docs/Angular":["static/chunks/pages/components/select/docs/Angular-36f30dcae03bb11d.js"],"/components/select/docs/HTML":["static/chunks/pages/components/select/docs/HTML-fadc3d73394d4c37.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-74c9a0b2d9db7b3c.js"],"/components/select/docs/React":["static/chunks/pages/components/select/docs/React-24a0886d49017b6a.js"],"/components/select/docs/Vue":["static/chunks/pages/components/select/docs/Vue-43aaa491494ffb93.js"],"/components/select/how-to-use":[e,n,"static/chunks/pages/components/select/how-to-use-4aabc4da2581017b.js"],"/components/select/migration":[e,n,"static/chunks/pages/components/select/migration-fc8abfe02b9a783d.js"],"/components/select/overview":[e,o,n,y,C,z,E,B,ol,"static/chunks/pages/components/select/overview-3ad9e3a851345ef5.js"],"/components/select/properties":[e,n,"static/chunks/pages/components/select/properties-cdbad0a6fc942f73.js"],"/components/tab":[e,o,n,F,oj,"static/chunks/pages/components/tab-e789780d017a124a.js"],"/components/tab/code/Behaviour":[o,"static/chunks/pages/components/tab/code/Behaviour-32555edc437892ca.js"],"/components/tab/code/Content":[o,F,"static/chunks/pages/components/tab/code/Content-6dd2271f2d1e94c9.js"],"/components/tab/code/ContentAlignmentFullWidth":[o,"static/chunks/pages/components/tab/code/ContentAlignmentFullWidth-78331a4b6547b34e.js"],"/components/tab/code/States":[o,"static/chunks/pages/components/tab/code/States-ce07baba4c814a60.js"],"/components/tab/code/Tonality":[o,"static/chunks/pages/components/tab/code/Tonality-093906b74d5f76dc.js"],"/components/tab/docs/Angular":["static/chunks/pages/components/tab/docs/Angular-3e89d5151e957b26.js"],"/components/tab/docs/HTML":["static/chunks/pages/components/tab/docs/HTML-62d4449c58e42980.js"],"/components/tab/docs/Migration":["static/chunks/pages/components/tab/docs/Migration-62f04303a9343cda.js"],"/components/tab/docs/React":["static/chunks/pages/components/tab/docs/React-1acd022a589226c0.js"],"/components/tab/docs/Vue":["static/chunks/pages/components/tab/docs/Vue-8e6b51624a413494.js"],"/components/tab/how-to-use":[e,n,"static/chunks/pages/components/tab/how-to-use-81942cbe690e31c7.js"],"/components/tab/migration":[e,n,"static/chunks/pages/components/tab/migration-4ae2c474969f313b.js"],"/components/tab/overview":[e,o,n,F,oj,"static/chunks/pages/components/tab/overview-14475da1906e942d.js"],"/components/tab/properties":[e,n,"static/chunks/pages/components/tab/properties-21356e7ad1dd439d.js"],"/components/tab-list/docs/Angular":["static/chunks/pages/components/tab-list/docs/Angular-5b12e222b9fefd4a.js"],"/components/tab-list/docs/HTML":["static/chunks/pages/components/tab-list/docs/HTML-ab4c7b9024ff5293.js"],"/components/tab-list/docs/Migration":["static/chunks/pages/components/tab-list/docs/Migration-96dbabbe94c58942.js"],"/components/tab-list/docs/React":["static/chunks/pages/components/tab-list/docs/React-46e8d9193650f74e.js"],"/components/tab-list/docs/Vue":["static/chunks/pages/components/tab-list/docs/Vue-323603d69037b800.js"],"/components/tab-list/how-to-use":[e,n,"static/chunks/pages/components/tab-list/how-to-use-f76e99a3caf757a4.js"],"/components/tab-list/migration":[e,n,"static/chunks/pages/components/tab-list/migration-71e8385c9cf8dec9.js"],"/components/tab-list/properties":[e,n,"static/chunks/pages/components/tab-list/properties-47513e800932c7ae.js"],"/components/tab-panel/docs/Angular":["static/chunks/pages/components/tab-panel/docs/Angular-df67f8f52a544d2d.js"],"/components/tab-panel/docs/HTML":["static/chunks/pages/components/tab-panel/docs/HTML-96fcf0a8663de065.js"],"/components/tab-panel/docs/Migration":["static/chunks/pages/components/tab-panel/docs/Migration-47840376f2b60695.js"],"/components/tab-panel/docs/React":["static/chunks/pages/components/tab-panel/docs/React-ae82e38b13783d9a.js"],"/components/tab-panel/docs/Vue":["static/chunks/pages/components/tab-panel/docs/Vue-b1d13866dad1df78.js"],"/components/tab-panel/how-to-use":[e,n,"static/chunks/pages/components/tab-panel/how-to-use-7e8f96be4addf3f4.js"],"/components/tab-panel/migration":[e,n,"static/chunks/pages/components/tab-panel/migration-342ab71921a26c32.js"],"/components/tab-panel/properties":[e,n,"static/chunks/pages/components/tab-panel/properties-f7b77057252235eb.js"],"/components/tabs":[e,o,n,_,q,I,W,P,ov,"static/chunks/pages/components/tabs-2aca8227a0247d29.js"],"/components/tabs/code/Examples":[o,W,"static/chunks/pages/components/tabs/code/Examples-03683eeaaee7b643.js"],"/components/tabs/code/Orientation":[o,P,"static/chunks/pages/components/tabs/code/Orientation-01ff05fc8f7bacc7.js"],"/components/tabs/code/Overflow":[o,q,"static/chunks/pages/components/tabs/code/Overflow-e49b9c7f21aaef22.js"],"/components/tabs/code/Tonality":[o,I,"static/chunks/pages/components/tabs/code/Tonality-a76db19b95c83d1c.js"],"/components/tabs/code/Width":[o,_,"static/chunks/pages/components/tabs/code/Width-952350697d83033a.js"],"/components/tabs/docs/Angular":["static/chunks/pages/components/tabs/docs/Angular-26f5e74232341bd3.js"],"/components/tabs/docs/HTML":["static/chunks/pages/components/tabs/docs/HTML-c4ce1159e4dcc504.js"],"/components/tabs/docs/Migration":["static/chunks/pages/components/tabs/docs/Migration-2f7053ec7c649f9d.js"],"/components/tabs/docs/React":["static/chunks/pages/components/tabs/docs/React-0d334a784faf896f.js"],"/components/tabs/docs/Vue":["static/chunks/pages/components/tabs/docs/Vue-0cada1511d9f4a0e.js"],"/components/tabs/how-to-use":[e,n,"static/chunks/pages/components/tabs/how-to-use-7a5653336057130b.js"],"/components/tabs/migration":[e,n,"static/chunks/pages/components/tabs/migration-739032f7d24fac09.js"],"/components/tabs/overview":[e,o,n,_,q,I,W,P,ov,"static/chunks/pages/components/tabs/overview-f999799a315ccdb6.js"],"/components/tabs/properties":[e,n,"static/chunks/pages/components/tabs/properties-ae59773583e89cb2.js"],"/components/tag":[e,o,n,O,D,G,ow,"static/chunks/pages/components/tag-c7528e227f1e7cb5.js"],"/components/tag/code/Behaviour":[o,D,"static/chunks/pages/components/tag/code/Behaviour-bfb7c2103ce5af51.js"],"/components/tag/code/Content":[o,"static/chunks/pages/components/tag/code/Content-2e20c3650348e525.js"],"/components/tag/code/Emphasis":[o,"static/chunks/pages/components/tag/code/Emphasis-4d7138c37b6a6c59.js"],"/components/tag/code/Example":[o,G,"static/chunks/pages/components/tag/code/Example-317a66aa7caea139.js"],"/components/tag/code/Overflow":[o,"static/chunks/pages/components/tag/code/Overflow-f7d48ab7beb11ae3.js"],"/components/tag/code/State":[o,"static/chunks/pages/components/tag/code/State-e06dcaafe592433b.js"],"/components/tag/code/Tonality":[o,"static/chunks/pages/components/tag/code/Tonality-256d17b7d62c31d4.js"],"/components/tag/code/Variant":[o,O,"static/chunks/pages/components/tag/code/Variant-f28c52bdb8e888ab.js"],"/components/tag/docs/Angular":["static/chunks/pages/components/tag/docs/Angular-6679f69e7a4e8a6f.js"],"/components/tag/docs/HTML":["static/chunks/pages/components/tag/docs/HTML-65ca8e169208795e.js"],"/components/tag/docs/Migration":["static/chunks/pages/components/tag/docs/Migration-1f41b9322867504f.js"],"/components/tag/docs/React":["static/chunks/pages/components/tag/docs/React-bcff51597dccf7b7.js"],"/components/tag/docs/Vue":["static/chunks/pages/components/tag/docs/Vue-d7ff329d4dd1e941.js"],"/components/tag/how-to-use":[e,n,"static/chunks/pages/components/tag/how-to-use-bd0c83943c3e1981.js"],"/components/tag/migration":[e,n,"static/chunks/pages/components/tag/migration-66907c12875bef0b.js"],"/components/tag/overview":[e,o,n,O,D,G,ow,"static/chunks/pages/components/tag/overview-7a7429ccbf3a3d3b.js"],"/components/tag/properties":[e,n,"static/chunks/pages/components/tag/properties-d28b5411096059d7.js"],"/components/textarea":[e,o,n,N,U,J,oM,"static/chunks/pages/components/textarea-c18b2a1cfdd2d236.js"],"/components/textarea/code/Requirement":[o,"static/chunks/pages/components/textarea/code/Requirement-d58f5d197a4b4bd2.js"],"/components/textarea/code/Rows":[o,"static/chunks/pages/components/textarea/code/Rows-624af9a10ea796b5.js"],"/components/textarea/code/Semantic":[o,J,"static/chunks/pages/components/textarea/code/Semantic-03921b4a5df393f6.js"],"/components/textarea/code/StatesFloatingLabel":[o,N,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-92eb6dcb8963256e.js"],"/components/textarea/code/StatesLabelAbove":[o,U,"static/chunks/pages/components/textarea/code/StatesLabelAbove-3a70c83455a5e7f3.js"],"/components/textarea/code/Tonality":[o,"static/chunks/pages/components/textarea/code/Tonality-39c77c3d9da1a56c.js"],"/components/textarea/code/VariantHelperMessage":[o,"static/chunks/pages/components/textarea/code/VariantHelperMessage-5e208c2c53b6bb6a.js"],"/components/textarea/code/VariantLabel":[o,"static/chunks/pages/components/textarea/code/VariantLabel-e33f87960727f9be.js"],"/components/textarea/docs/Angular":["static/chunks/pages/components/textarea/docs/Angular-7700857ec304b748.js"],"/components/textarea/docs/HTML":["static/chunks/pages/components/textarea/docs/HTML-d0338db4c513f97a.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-80f990bd82fc113c.js"],"/components/textarea/docs/React":["static/chunks/pages/components/textarea/docs/React-8842c1cdabbeac53.js"],"/components/textarea/docs/Vue":["static/chunks/pages/components/textarea/docs/Vue-225b1b83ad7e389d.js"],"/components/textarea/how-to-use":[e,n,"static/chunks/pages/components/textarea/how-to-use-d64865b1d73d2b8a.js"],"/components/textarea/migration":[e,n,"static/chunks/pages/components/textarea/migration-c99032ce2dafbbd9.js"],"/components/textarea/overview":[e,o,n,N,U,J,oM,"static/chunks/pages/components/textarea/overview-34cf96994bee9c52.js"],"/components/textarea/properties":[e,n,"static/chunks/pages/components/textarea/properties-dfee7c7f2b111b0a.js"],"/components/tooltip":[e,o,n,K,Q,oT,"static/chunks/pages/components/tooltip-70252f52a11ea59c.js"],"/components/tooltip/code/Animations":[o,Q,"static/chunks/pages/components/tooltip/code/Animations-310aef83608b883a.js"],"/components/tooltip/code/Emphasis":[o,"static/chunks/pages/components/tooltip/code/Emphasis-7f7261b526fd4a75.js"],"/components/tooltip/code/Placement":[o,K,"static/chunks/pages/components/tooltip/code/Placement-82691ddabf074bd9.js"],"/components/tooltip/code/Tonality":[o,"static/chunks/pages/components/tooltip/code/Tonality-ce23a1c4e7c0759b.js"],"/components/tooltip/code/Variant":[o,"static/chunks/pages/components/tooltip/code/Variant-409632ec111175d8.js"],"/components/tooltip/code/Width":[o,"static/chunks/pages/components/tooltip/code/Width-32ab004cde44ade5.js"],"/components/tooltip/docs/Angular":["static/chunks/pages/components/tooltip/docs/Angular-bf5aa6ac5b64c0db.js"],"/components/tooltip/docs/HTML":["static/chunks/pages/components/tooltip/docs/HTML-00335081d19486bc.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-41d359dcad20ea9e.js"],"/components/tooltip/docs/React":["static/chunks/pages/components/tooltip/docs/React-162742c92a0a9c5f.js"],"/components/tooltip/docs/Vue":["static/chunks/pages/components/tooltip/docs/Vue-407ebaf0930c73d8.js"],"/components/tooltip/how-to-use":[e,n,"static/chunks/pages/components/tooltip/how-to-use-4ff0b16e4bf91ab5.js"],"/components/tooltip/migration":[e,n,"static/chunks/pages/components/tooltip/migration-2620d181aa12d7ce.js"],"/components/tooltip/overview":[e,o,n,K,Q,oT,"static/chunks/pages/components/tooltip/overview-80b8a8ec8c2af43f.js"],"/components/tooltip/properties":[e,n,"static/chunks/pages/components/tooltip/properties-898caed90a3be8bc.js"],"/foundations/colors/color-schemes":[e,n,"static/chunks/pages/foundations/colors/color-schemes-c1f6c1c8c65b1d7d.js"],"/foundations/colors/overview":[e,n,"static/chunks/pages/foundations/colors/overview-1d49d942f0e3d50f.js"],"/foundations/colors/readme":[e,n,"static/chunks/pages/foundations/colors/readme-8fc69dbb5d9c0773.js"],"/foundations/font-sizes/overview":[e,n,"static/chunks/pages/foundations/font-sizes/overview-7a7e588afc002a19.js"],"/foundations/font-sizes/readme":[e,n,"static/chunks/pages/foundations/font-sizes/readme-e36a7809f19de0e0.js"],"/foundations/icons/custom-icons":[e,n,"static/chunks/pages/foundations/icons/custom-icons-e560b29c8bd8ec71.js"],"/foundations/icons/overview":[e,n,"static/chunks/pages/foundations/icons/overview-fd94575548bff464.js"],"/foundations/icons/readme":[e,n,"static/chunks/pages/foundations/icons/readme-badc5f25002e00d5.js"],"/foundations/readme":[e,n,"static/chunks/pages/foundations/readme-eb8010c3a5727c19.js"],"/foundations/tonalities/examples":[e,n,"static/chunks/pages/foundations/tonalities/examples-565ea2352ad6b763.js"],"/foundations/tonalities/readme":[e,n,"static/chunks/pages/foundations/tonalities/readme-89c3e9e2f0321e57.js"],"/foundations/variables/examples":[e,n,"static/chunks/pages/foundations/variables/examples-d3332042179329eb.js"],"/foundations/variables/readme":[e,n,"static/chunks/pages/foundations/variables/readme-7ffaf23667b6a360.js"],"/iframe":[X,"static/chunks/pages/iframe-34ad93b3c04cfdee.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/code/Variant","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/ContentStates","/components/accordion-item/code/InteractionStates","/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/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/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/Semantic","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand","/components/brand/code/Tonality","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/how-to-use","/components/brand/migration","/components/brand/overview","/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/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/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/Migration","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/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/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/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header","/components/header/code/Behaviour","/components/header/code/Tonality","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/Migration","/components/header/docs/React","/components/header/docs/Vue","/components/header/how-to-use","/components/header/migration","/components/header/overview","/components/header/properties","/components/icon","/components/icon/code/Tonality","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/Migration","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/how-to-use","/components/icon/migration","/components/icon/overview","/components/icon/properties","/components/infotext","/components/infotext/code/Semantic","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/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/Migration","/components/input/docs/React","/components/input/docs/Vue","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/InteractionStates","/components/link/code/Semantic","/components/link/code/Size","/components/link/code/Tonality","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/Migration","/components/link/docs/React","/components/link/docs/Vue","/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/Migration","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/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/InteractionStates","/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/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page","/components/page/code/Tonality","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/Migration","/components/page/docs/React","/components/page/docs/Vue","/components/page/how-to-use","/components/page/migration","/components/page/overview","/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/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/Migration","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/router-usage","/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/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/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab","/components/tab/code/Behaviour","/components/tab/code/Content","/components/tab/code/ContentAlignmentFullWidth","/components/tab/code/States","/components/tab/code/Tonality","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/Migration","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/how-to-use","/components/tab/migration","/components/tab/overview","/components/tab/properties","/components/tab-list/docs/Angular","/components/tab-list/docs/HTML","/components/tab-list/docs/Migration","/components/tab-list/docs/React","/components/tab-list/docs/Vue","/components/tab-list/how-to-use","/components/tab-list/migration","/components/tab-list/properties","/components/tab-panel/docs/Angular","/components/tab-panel/docs/HTML","/components/tab-panel/docs/Migration","/components/tab-panel/docs/React","/components/tab-panel/docs/Vue","/components/tab-panel/how-to-use","/components/tab-panel/migration","/components/tab-panel/properties","/components/tabs","/components/tabs/code/Examples","/components/tabs/code/Orientation","/components/tabs/code/Overflow","/components/tabs/code/Tonality","/components/tabs/code/Width","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/Migration","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/how-to-use","/components/tabs/migration","/components/tabs/overview","/components/tabs/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/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/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/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/foundations/colors/color-schemes","/foundations/colors/overview","/foundations/colors/readme","/foundations/font-sizes/overview","/foundations/font-sizes/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/14863-9b25a0065a4cd21e.js","static/chunks/49710-e3073ff3ccc96335.js","static/chunks/11803-caf6ff8ce5b1addc.js","static/chunks/94218-d4e6a6e3e60f2caf.js","static/chunks/75942-f288690b060f0766.js","static/chunks/24414-6189c93786bff39b.js","static/chunks/35584-7ed35e71aabf12e2.js","static/chunks/42679-809859124132ae87.js","static/chunks/1964-af18252dbad94db1.js","static/chunks/27469-d897e5ab88e719c8.js","static/chunks/59609-bf0631bca31ca3e4.js","static/chunks/78688-a75f2ce3a658d809.js","static/chunks/55763-a91f104a898129f0.js","static/chunks/64861-1434c44682a81b44.js","static/chunks/17563-e4c9afba8a70aa7d.js","static/chunks/87417-008d91f06c55107c.js","static/chunks/44882-9a9c4b9246fdf2db.js","static/chunks/9413-d487c7f56bff67c5.js","static/chunks/97795-4d5a291c7287e93f.js","static/chunks/79167-4f73ea46446bddc7.js","static/chunks/17558-61637ca9153b8bad.js","static/chunks/87037-9f15c080e062e17a.js","static/chunks/86412-05cdd0e5906730f6.js","static/chunks/74396-41f78c278350f679.js","static/chunks/7710-284a6107b277baf4.js","static/chunks/10347-ad3f0b9fb9403c02.js","static/chunks/84768-d113d0f5930ce013.js","static/chunks/90413-a9cfbed428e72666.js","static/chunks/24514-404caa73befd87b2.js","static/chunks/7604-5a887df39bb595c6.js","static/chunks/2226-dc24ae54dc3c7214.js","static/chunks/19886-2bb310f4b6edf40c.js","static/chunks/81791-4a9b5f52a8e72bbf.js","static/chunks/95349-3d0e40fd222f56c6.js","static/chunks/34579-da6e734eb1e57a58.js","static/chunks/63441-92fdc17e71a00452.js","static/chunks/72298-12668091d4dbf141.js","static/chunks/23187-bd3db614d43c25e3.js","static/chunks/97757-65e2d9dfad8c6e2d.js","static/chunks/42918-dcece11c2fae954d.js","static/chunks/22165-747aff93fa206105.js","static/chunks/20362-9e147b70eeea59bc.js","static/chunks/49088-1e0dc79a033a399f.js","static/chunks/26677-7fcfea4ffdddf007.js","static/chunks/40284-19f1c667e6a71171.js","static/chunks/6458-bff68bb13873cf60.js","static/chunks/55693-144592d4dd70c64a.js","static/chunks/95452-e714c9f508f7d53d.js","static/chunks/50988-6fdf977403152620.js","static/chunks/79906-2fc31f5ca7614a06.js","static/chunks/48834-c827d6909fe9d35a.js","static/chunks/81228-e903bee8e0a1388c.js","static/chunks/1047-2e933d592bc7bd90.js","static/chunks/93085-1db05321855e4427.js","static/chunks/46752-b73ea5105c5c32ee.js","static/chunks/45979-32716f8b5f60348f.js","static/chunks/71940-475b2bcf317441f7.js","static/chunks/68006-ba5cccb4ce58520c.js","static/chunks/21356-1966b82d4998c6fd.js","static/chunks/80269-829a1b356ea6fe11.js","static/chunks/96734-7c3beaa20d981bc5.js","static/chunks/2177-67c5397641cc2483.js","static/chunks/83175-974db8e1ac1478e7.js","static/chunks/71581-f21d9f8b1cc48dfd.js","static/chunks/94274-550a2d6be4434fc9.js","static/chunks/77526-d939786adb91eefc.js","static/chunks/86747-a7ea53c7fa4a8c17.js","static/chunks/16288-419cd86e34be4537.js","static/chunks/37580-a2a923f32e8c4328.js","static/chunks/96029-373f19d8926f553d.js","static/chunks/44469-c6a4fd8ed3fadd46.js","static/chunks/28955-bb6566a1150ceffd.js","static/chunks/88478-4f82945ba9117d57.js","static/chunks/5014-f81e8dfe9b65a03c.js","static/chunks/54817-ac11b3e74908f04e.js","static/chunks/23803-3b32f62a747bfc39.js","static/chunks/27752-913a8fab86b94bba.js","static/chunks/82991-120b420ecbf8ccce.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/main/_next/static/GDClzaas3wPewimlfpUfj/_ssgManifest.js b/review/main/_next/static/1EV4bWdvxTSwDLsSHicwA/_ssgManifest.js similarity index 100% rename from review/main/_next/static/GDClzaas3wPewimlfpUfj/_ssgManifest.js rename to review/main/_next/static/1EV4bWdvxTSwDLsSHicwA/_ssgManifest.js diff --git a/review/main/_next/static/chunks/11803-26134abfa8bdf615.js b/review/main/_next/static/chunks/11803-caf6ff8ce5b1addc.js similarity index 79% rename from review/main/_next/static/chunks/11803-26134abfa8bdf615.js rename to review/main/_next/static/chunks/11803-caf6ff8ce5b1addc.js index 7f258868f51..ec63aee946f 100644 --- a/review/main/_next/static/chunks/11803-26134abfa8bdf615.js +++ b/review/main/_next/static/chunks/11803-caf6ff8ce5b1addc.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11803],{11803:function(e,a,t){t.d(a,{Z:function(){return T}});var n=t(52322),i=t(5632),o=t(25237),l=t.n(o),s=t(2784),r=t(61183),d=t(13776);let c=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>!1);return(0,s.useEffect)(()=>{o(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{o(!0)}):o(!0)},[]),(0,n.jsxs)("div",{ref:t,...(0,d.mS)(e,[]),id:e.id,className:(0,d.yI)("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":i,children:[e.slotHeader,(0,n.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})});var u=t(16134),h=t(63900);let b=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),o=(0,s.useRef)(null);function l(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function r(){(null==i?void 0:i.current)&&(e.open&&!i.current.open&&(o.current&&(o.current.hidden=!1),"none"===e.backdrop?i.current.show():i.current.showModal()),!e.open&&i.current.open&&(o.current&&(o.current.hidden=!0),setTimeout(()=>{var e;o.current&&(o.current.hidden=!1),null===(e=i.current)||void 0===e||e.close()},401)))}return(0,s.useEffect)(()=>{r()},[]),(0,s.useEffect)(()=>{r()},[e.open]),(0,n.jsx)("dialog",{className:"db-drawer",id:e.id,ref:i,...(0,d.mS)(e,["onClose"]),onClick:e=>{l(e)},onKeyDown:e=>l(e),"data-backdrop":e.backdrop,children:(0,n.jsxs)("article",{ref:o,className:(0,d.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,n.jsxs)("header",{className:"db-drawer-header",children:[(0,n.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(u.Z,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>l("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:h.ce})}):null]}),(0,n.jsx)("div",{className:"db-drawer-content",children:e.children})]})})}),m=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),[o,l]=(0,s.useState)(()=>h.IY),[r,c]=(0,s.useState)(()=>!1),[m,p]=(0,s.useState)(()=>!1),[v,f]=(0,s.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function g(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,s.useEffect)(()=>{c(!0),l(e.id||"header-"+(0,d.Vj)())},[]),(0,s.useEffect)(()=>{if(r&&document&&o&&e.forceMobile){let e=document.getElementById(o);e&&(0,d.yn)(e,{key:"data-force-mobile",value:"true"}),p(!0)}},[r]),(0,n.jsxs)("header",{ref:i,...(0,d.mS)(e,[]),className:(0,d.yI)("db-header",e.className),id:o,"data-on-forcing-mobile":e.forceMobile&&!m,children:[(0,n.jsxs)(b,{spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>g(),children:[(0,n.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,n.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation}),(0,n.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,n.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,n.jsxs)("div",{className:"db-header-navigation-container",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,n.jsxs)("div",{className:"db-header-action-container",children:[(0,n.jsx)("div",{className:"db-header-burger-menu-container",children:(0,n.jsx)(u.Z,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>g(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:v.burgerMenuLabel})}),(0,n.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]})]})]})}),p=(0,s.forwardRef)(function(e,a){var t,i,o,l,r;let c=a||(0,s.useRef)(a),[u,h]=(0,s.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"}));return(0,n.jsxs)("div",{ref:c,...(0,d.mS)(e,[]),id:e.id,className:(0,d.yI)("db-brand",e.className),children:[(0,n.jsxs)("a",{href:null!==(t=e.anchorRef)&&void 0!==t?t:u.anchorRef,title:e.anchorTitle,rel:e.anchorRelation,children:[e.hideDefaultAsset?null:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("img",{className:"db-logo",src:null!==(i=e.imgSrc)&&void 0!==i?i:u.src,alt:null!==(o=e.imgAlt)&&void 0!==o?o:"",height:null!==(l=e.imgHeight)&&void 0!==l?l:u.height,width:null!==(r=e.imgWidth)&&void 0!==r?r:u.width})}),e.anchorChildren?(0,n.jsx)(n.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,n.jsx)(n.Fragment,{children:e.children})]})}),v=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>h.IY);return(0,s.useEffect)(()=>{o(e.id||"section-"+(0,d.Vj)())},[]),(0,n.jsx)("section",{ref:t,...(0,d.mS)(e,[]),id:i,"data-size":e.size||"medium",className:(0,d.yI)("db-section",e.className),children:(0,n.jsx)("div",{"data-variant":e.variant,children:e.children})})}),f=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>h.IY);return(0,s.useEffect)(()=>{o(e.id||"main-navigation-"+(0,d.Vj)())},[]),(0,n.jsx)("nav",{ref:t,...(0,d.mS)(e,[]),id:i,className:(0,d.yI)("db-main-navigation",e.className),children:(0,n.jsx)("menu",{children:e.children})})}),g=[{label:"Home",path:"/"},{label:"Foundations",path:"/foundations",subNavigation:[{label:"Readme",path:"/foundations/readme"},{label:"Colors",path:"/foundations/colors",subNavigation:[{label:"Readme",path:"/foundations/colors/readme"},{label:"Overview",path:"/foundations/colors/overview"},{label:"Color Schemes",path:"/foundations/colors/color-schemes"}]},{label:"Font Sizes",path:"/foundations/font-sizes",subNavigation:[{label:"Readme",path:"/foundations/font-sizes/readme"},{label:"Overview",path:"/foundations/font-sizes/overview"}]},{label:"Icons",path:"/foundations/icons",subNavigation:[{label:"Readme",path:"/foundations/icons/readme"},{label:"Custom Icons",path:"/foundations/icons/custom-icons"},{label:"Overview",path:"/foundations/icons/overview"}]},{label:"Tonalities",path:"/foundations/tonalities",subNavigation:[{label:"Readme",path:"/foundations/tonalities/readme"},{label:"Examples",path:"/foundations/tonalities/examples"}]},{label:"Variables",path:"/foundations/variables",subNavigation:[{label:"Readme",path:"/foundations/variables/readme"},{label:"Examples",path:"/foundations/variables/examples"}]}]},{label:"Components",path:"/components",subNavigation:[{label:"Readme",path:"/components/readme"},{label:"Router usage",path:"/components/router-usage"},...[{label:"Action",path:"/components/action",subNavigation:[{label:"DBButton",name:"button"},{label:"DBLink",name:"link"}]},{label:"Data-Display",path:"/components/data-display",subNavigation:[{label:"DBBrand",name:"brand"},{label:"DBTooltip",name:"tooltip"},{label:"DBInfotext",name:"infotext"},{label:"DBTag",name:"tag"},{label:"DBAccordion",name:"accordion",subNavigation:[{label:"DBAccordionItem Properties",path:"/components/accordion-item/properties"}]},{label:"DBTabs",name:"tabs"},{label:"DBTab",name:"tab"}]},{label:"Data-Input",path:"/components/data-input",subNavigation:[{label:"DBCheckbox",name:"checkbox"},{label:"DBInput",name:"input"},{label:"DBRadio",name:"radio"},{label:"DBSelect",name:"select"},{label:"DBTextarea",name:"textarea"}]},{label:"Feedback",path:"/components/feedback",subNavigation:[{label:"DBAlert",name:"alert"},{label:"DBBadge",name:"badge"}]},{label:"Layout",path:"/components/layout",subNavigation:[{label:"DBCard",name:"card"},{label:"DBDivider",name:"divider"},{label:"DBDrawer",name:"drawer"},{label:"DBHeader",name:"header"},{label:"DBSection",name:"section"}]},{label:"Navigation",path:"/components/navigation",subNavigation:[{label:"DBMainNavigation",name:"main-navigation"},{label:"DBNavigationItem",name:"navigation-item"}]},{label:"Utilities",path:"/components/utilities",subNavigation:[{label:"DBPopover",name:"popover"}]}].map(e=>{var a;return{...e,subNavigation:null==e?void 0:null===(a=e.subNavigation)||void 0===a?void 0:a.map(e=>{var a;return{label:e.label,path:"/components/".concat(e.name),subNavigation:[{label:"Overview",path:"/components/".concat(e.name,"/overview")},{label:"Properties",path:"/components/".concat(e.name,"/properties")},{label:"How to use",path:"/components/".concat(e.name,"/how-to-use")},{label:"Migration",path:"/components/".concat(e.name,"/migration")},...null!==(a=e.subNavigation)&&void 0!==a?a:[]]}})}})]}];var x=t(39097),N=t.n(x);let j=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),[o,l]=(0,s.useState)(()=>!1),[r,c]=(0,s.useState)(()=>!1),[b,m]=(0,s.useState)(()=>!0),[p,v]=(0,s.useState)(()=>!1),[f,g]=(0,s.useState)(()=>"sub-navigation-"+(0,d.Vj)());return(0,s.useEffect)(()=>{l(!0)},[]),(0,s.useEffect)(()=>{void 0!==e.subNavigationExpanded&&v(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,s.useEffect)(()=>{if(void 0!==e.areaPopup)c(e.areaPopup),m(r);else if(o&&document&&f){var a;let e=null===(a=document)||void 0===a?void 0:a.getElementById(f);if(e){let a=e.children;(null==a?void 0:a.length)>0?(c(!0),(0,d.cd)(e)||e.setAttribute("data-outside-vx","true"),(0,d.MN)(e)||e.setAttribute("data-outside-vy","true")):m(!1)}}},[o,e.areaPopup]),(0,n.jsxs)("li",{ref:i,...(0,d.mS)(e,[]),id:e.id,className:(0,d.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[b?null:(0,n.jsx)(n.Fragment,{children:e.children}),b?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":r,"aria-expanded":p,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),r&&v(!0)},children:e.children}),(0,n.jsxs)("menu",{className:"db-sub-navigation",id:f,children:[r?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"db-mobile-navigation-back",children:(0,n.jsx)(u.Z,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),v(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:h.YP})})}):null,e.slotSubNavigation]})]}):null]})}),w=(e,a)=>{var t;return"/"===a.path?"/"===e:e.includes("".concat(a.path,"/"))||e===a.path||!!(null===(t=a.subNavigation)||void 0===t?void 0:t.find(a=>e.includes("".concat(a.path,"/"))))},B=e=>{var a;let{navItem:t}=e,o=w((0,i.useRouter)().pathname,t);return(0,n.jsx)(j,{active:o,backButtonText:"Back to ".concat(t.label),slotSubNavigation:t.subNavigation&&(0,n.jsx)(n.Fragment,{children:null==t?void 0:t.subNavigation.map(e=>(0,n.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),children:t.subNavigation?t.label:(0,n.jsx)(N(),{href:null!==(a=t.path)&&void 0!==a?a:"",children:t.label},"router-path-".concat(t.path))})};var y=()=>(0,n.jsx)(f,{children:g.map(e=>(0,n.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),D=t(35368),S=t(86095);let R=async e=>{try{let a=await fetch(e);return await a.json()}catch(e){console.error(e)}return[]},k="db-ui",I="mono";var C=()=>{let e=(0,i.useRouter)(),[a,t]=(0,s.useState)(),[o,l]=(0,s.useState)(),r=a=>{let t=e.basePath,n=a.find(e=>t.includes(e));n&&l(n)},d=(e,a)=>{let n=[],i=[],o=[],l=[],s=[],r=[];for(let e of a)e.startsWith("feat")||e.startsWith("feature")?i.push(e):e.startsWith("fix")||e.startsWith("bugfix")?o.push(e):e.startsWith("refactor")?l.push(e):/^\d*-/.test(e)?s.push(e):e.startsWith("docs")?r.push(e):n.push(e);t({others:n,features:i,docs:r,refactors:l,issues:s,bugfixes:o,versions:e})};(0,s.useEffect)(()=>{(async()=>{let e=await R("https://api.github.com/repos/".concat(k,"/").concat(I,"/branches")),a=(await R("https://api.github.com/repos/".concat(k,"/").concat(I,"/tags"))).map(e=>e.name),t=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));r(t),r(a),d(a,t)})().catch(e=>{console.error(e)})},[]);let c=a=>{let t=e.pathname,n=3===a.split(".").length&&a.startsWith("v");window.location.replace((0,D.sanitize)("https://".concat(k,".github.io/").concat(I).concat(n?"/version":"/review","/").concat(a).concat(t)))};return a?(0,n.jsx)(S.kr,{className:"version-switcher",label:"Version switcher",labelVariant:"floating",value:o,onChange:e=>{c(e.target.value)},children:Object.entries(a).filter(e=>{let[a,t]=e;return(null==t?void 0:t.length)>0}).map(e=>{let[a,t]=e;return(0,n.jsx)("optgroup",{label:a,children:t.slice(0,15).map((e,t)=>(0,n.jsx)("option",{value:e,children:e},"".concat(a,"-").concat(e,"-").concat(t)))},a)})}):null};let E=e=>{let{children:a}=e,[t,o]=(0,s.useState)(!1),[l,d]=(0,s.useState)(!1),[h,b]=(0,s.useState)(!1),[f,g]=(0,s.useState)(!1),[x,N]=(0,s.useState)(),j=(0,i.useRouter)();return(0,s.useEffect)(()=>{r.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),r.Z.highlightAll()},[]),(0,s.useEffect)(()=>{if(j.query&&(j.query.fullscreen&&o("true"===j.query.fullscreen),j.query.noh1&&d("true"===j.query.noh1),j.query.properties&&b("true"===j.query.properties),j.query.current)){let a=Array.isArray(j.query.current)?j.query.current[0]:j.query.current;if(x!==a){var e;N(a),null===(e=document.querySelector("#".concat(a)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}},[j]),(0,n.jsxs)(n.Fragment,{children:[j.isReady&&t&&(0,n.jsx)("div",{className:"".concat(l?"noh1":""," ").concat(h?"is-properties":""),children:a}),j.isReady&&!t&&(0,n.jsx)(c,{fadeIn:!0,type:"fixedHeaderFooter",slotHeader:(0,n.jsx)(m,{drawerOpen:f,onToggle:g,slotBrand:(0,n.jsx)(p,{imgSrc:"https://db-ui.github.io/images/db_logo.svg",title:"DB-UI Mono",anchorChildren:!0,children:"DB-UI Mono"}),slotCallToAction:(0,n.jsx)(u.Z,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,n.jsx)(C,{}),children:(0,n.jsx)(y,{})}),children:(0,n.jsx)(v,{size:"none",variant:"large",children:a})})]})};var T=l()(async()=>E,{ssr:!1})}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11803],{11803:function(e,a,t){t.d(a,{Z:function(){return T}});var n=t(52322),i=t(5632),o=t(25237),l=t.n(o),s=t(2784),r=t(61183),c=t(13776);let d=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>!1);return(0,s.useEffect)(()=>{o(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{o(!0)}):o(!0)},[]),(0,n.jsxs)("div",{ref:t,...(0,c.mS)(e,[]),id:e.id,className:(0,c.yI)("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":i,children:[e.slotHeader,(0,n.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})});var u=t(16134),h=t(63900);let b=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),o=(0,s.useRef)(null);function l(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function r(){(null==i?void 0:i.current)&&(e.open&&!i.current.open&&(o.current&&(o.current.hidden=!1),"none"===e.backdrop?i.current.show():i.current.showModal()),!e.open&&i.current.open&&(o.current&&(o.current.hidden=!0),setTimeout(()=>{var e;o.current&&(o.current.hidden=!1),null===(e=i.current)||void 0===e||e.close()},401)))}return(0,s.useEffect)(()=>{r()},[]),(0,s.useEffect)(()=>{r()},[e.open]),(0,n.jsx)("dialog",{className:"db-drawer",id:e.id,ref:i,...(0,c.mS)(e,["onClose"]),onClick:e=>{l(e)},onKeyDown:e=>l(e),"data-backdrop":e.backdrop,children:(0,n.jsxs)("article",{ref:o,className:(0,c.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,n.jsxs)("header",{className:"db-drawer-header",children:[(0,n.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(u.Z,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>l("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:h.ce})}):null]}),(0,n.jsx)("div",{className:"db-drawer-content",children:e.children})]})})}),m=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),[o,l]=(0,s.useState)(()=>h.IY),[r,d]=(0,s.useState)(()=>!1),[m,v]=(0,s.useState)(()=>!1),[p,f]=(0,s.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function g(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,s.useEffect)(()=>{d(!0),l(e.id||"header-"+(0,c.Vj)())},[]),(0,s.useEffect)(()=>{if(r&&document&&o&&e.forceMobile){let e=document.getElementById(o);e&&(0,c.yn)(e,{key:"data-force-mobile",value:"true"}),v(!0)}},[r]),(0,n.jsxs)("header",{ref:i,...(0,c.mS)(e,[]),className:(0,c.yI)("db-header",e.className),id:o,"data-on-forcing-mobile":e.forceMobile&&!m,children:[(0,n.jsxs)(b,{spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>g(),children:[(0,n.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,n.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation}),(0,n.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,n.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,n.jsxs)("div",{className:"db-header-navigation-container",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,n.jsxs)("div",{className:"db-header-action-container",children:[(0,n.jsx)("div",{className:"db-header-burger-menu-container",children:(0,n.jsx)(u.Z,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>g(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:p.burgerMenuLabel})}),(0,n.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]})]})]})}),v=(0,s.forwardRef)(function(e,a){var t,i,o,l,r;let d=a||(0,s.useRef)(a),[u,h]=(0,s.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"}));return(0,n.jsxs)("div",{ref:d,...(0,c.mS)(e,[]),id:e.id,className:(0,c.yI)("db-brand",e.className),children:[(0,n.jsxs)("a",{href:null!==(t=e.anchorRef)&&void 0!==t?t:u.anchorRef,title:e.anchorTitle,rel:e.anchorRelation,children:[e.hideDefaultAsset?null:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("img",{className:"db-logo",src:null!==(i=e.imgSrc)&&void 0!==i?i:u.src,alt:null!==(o=e.imgAlt)&&void 0!==o?o:"",height:null!==(l=e.imgHeight)&&void 0!==l?l:u.height,width:null!==(r=e.imgWidth)&&void 0!==r?r:u.width})}),e.anchorChildren?(0,n.jsx)(n.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,n.jsx)(n.Fragment,{children:e.children})]})}),p=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>h.IY);return(0,s.useEffect)(()=>{o(e.id||"section-"+(0,c.Vj)())},[]),(0,n.jsx)("section",{ref:t,...(0,c.mS)(e,[]),id:i,"data-size":e.size||"medium",className:(0,c.yI)("db-section",e.className),children:(0,n.jsx)("div",{"data-variant":e.variant,children:e.children})})}),f=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>h.IY);return(0,s.useEffect)(()=>{o(e.id||"main-navigation-"+(0,c.Vj)())},[]),(0,n.jsx)("nav",{ref:t,...(0,c.mS)(e,[]),id:i,className:(0,c.yI)("db-main-navigation",e.className),children:(0,n.jsx)("menu",{children:e.children})})}),g=[{label:"Home",path:"/"},{label:"Foundations",path:"/foundations",subNavigation:[{label:"Readme",path:"/foundations/readme"},{label:"Colors",path:"/foundations/colors",subNavigation:[{label:"Readme",path:"/foundations/colors/readme"},{label:"Overview",path:"/foundations/colors/overview"},{label:"Color Schemes",path:"/foundations/colors/color-schemes"}]},{label:"Font Sizes",path:"/foundations/font-sizes",subNavigation:[{label:"Readme",path:"/foundations/font-sizes/readme"},{label:"Overview",path:"/foundations/font-sizes/overview"}]},{label:"Icons",path:"/foundations/icons",subNavigation:[{label:"Readme",path:"/foundations/icons/readme"},{label:"Custom Icons",path:"/foundations/icons/custom-icons"},{label:"Overview",path:"/foundations/icons/overview"}]},{label:"Tonalities",path:"/foundations/tonalities",subNavigation:[{label:"Readme",path:"/foundations/tonalities/readme"},{label:"Examples",path:"/foundations/tonalities/examples"}]},{label:"Variables",path:"/foundations/variables",subNavigation:[{label:"Readme",path:"/foundations/variables/readme"},{label:"Examples",path:"/foundations/variables/examples"}]}]},{label:"Components",path:"/components",subNavigation:[{label:"Readme",path:"/components/readme"},{label:"Router usage",path:"/components/router-usage"},...[{label:"Action",path:"/components/action",subNavigation:[{label:"DBButton",name:"button"},{label:"DBLink",name:"link"}]},{label:"Data-Display",path:"/components/data-display",subNavigation:[{label:"DBBrand",name:"brand"},{label:"DBTooltip",name:"tooltip"},{label:"DBInfotext",name:"infotext"},{label:"DBTag",name:"tag"},{label:"DBAccordion",name:"accordion",subNavigation:[{label:"DBAccordionItem Properties",path:"/components/accordion-item/properties"}]},{label:"DBTabs",name:"tabs"},{label:"DBTab",name:"tab"}]},{label:"Data-Input",path:"/components/data-input",subNavigation:[{label:"DBCheckbox",name:"checkbox"},{label:"DBInput",name:"input"},{label:"DBRadio",name:"radio"},{label:"DBSelect",name:"select"},{label:"DBTextarea",name:"textarea"}]},{label:"Feedback",path:"/components/feedback",subNavigation:[{label:"DBAlert",name:"alert"},{label:"DBBadge",name:"badge"}]},{label:"Layout",path:"/components/layout",subNavigation:[{label:"DBCard",name:"card"},{label:"DBDivider",name:"divider"},{label:"DBDrawer",name:"drawer"},{label:"DBHeader",name:"header"},{label:"DBSection",name:"section"}]},{label:"Navigation",path:"/components/navigation",subNavigation:[{label:"DBMainNavigation",name:"main-navigation"},{label:"DBNavigationItem",name:"navigation-item"}]},{label:"Utilities",path:"/components/utilities",subNavigation:[{label:"DBPopover",name:"popover"}]}].map(e=>{var a;return{...e,subNavigation:null==e?void 0:null===(a=e.subNavigation)||void 0===a?void 0:a.map(e=>{var a;return{label:e.label,path:"/components/".concat(e.name),subNavigation:[{label:"Overview",path:"/components/".concat(e.name,"/overview")},{label:"Properties",path:"/components/".concat(e.name,"/properties")},{label:"How to use",path:"/components/".concat(e.name,"/how-to-use")},{label:"Migration",path:"/components/".concat(e.name,"/migration")},...null!==(a=e.subNavigation)&&void 0!==a?a:[]]}})}})]}];var x=t(39097),N=t.n(x);let j=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),[o,l]=(0,s.useState)(()=>!1),[r,d]=(0,s.useState)(()=>!1),[b,m]=(0,s.useState)(()=>!0),[v,p]=(0,s.useState)(()=>!1),[f,g]=(0,s.useState)(()=>"sub-navigation-"+(0,c.Vj)());return(0,s.useEffect)(()=>{l(!0)},[]),(0,s.useEffect)(()=>{void 0!==e.subNavigationExpanded&&p(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,s.useEffect)(()=>{if(void 0!==e.areaPopup)d(e.areaPopup),m(r);else if(o&&document&&f){var a;let e=null===(a=document)||void 0===a?void 0:a.getElementById(f);if(e){let a=e.children;(null==a?void 0:a.length)>0?(d(!0),(0,c.cd)(e)||e.setAttribute("data-outside-vx","true"),(0,c.MN)(e)||e.setAttribute("data-outside-vy","true")):m(!1)}}},[o,e.areaPopup]),(0,n.jsxs)("li",{ref:i,...(0,c.mS)(e,[]),id:e.id,className:(0,c.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[b?null:(0,n.jsx)(n.Fragment,{children:e.children}),b?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":r,"aria-expanded":v,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),r&&p(!0)},children:e.children}),(0,n.jsxs)("menu",{className:"db-sub-navigation",id:f,children:[r?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"db-mobile-navigation-back",children:(0,n.jsx)(u.Z,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),p(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:h.YP})})}):null,e.slotSubNavigation]})]}):null]})}),w=(e,a)=>{var t;return"/"===a.path?"/"===e:e.includes("".concat(a.path,"/"))||e===a.path||!!(null===(t=a.subNavigation)||void 0===t?void 0:t.find(a=>e.includes("".concat(a.path,"/"))))},B=e=>{var a;let{navItem:t}=e,o=w((0,i.useRouter)().pathname,t);return(0,n.jsx)(j,{active:o,backButtonText:"Back to ".concat(t.label),slotSubNavigation:t.subNavigation&&(0,n.jsx)(n.Fragment,{children:null==t?void 0:t.subNavigation.map(e=>(0,n.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),children:t.subNavigation?t.label:(0,n.jsx)(N(),{href:null!==(a=t.path)&&void 0!==a?a:"",children:t.label},"router-path-".concat(t.path))})};var y=()=>(0,n.jsx)(f,{children:g.map(e=>(0,n.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),D=t(35368),S=t(86095);let R=async e=>{try{let a=await fetch(e);return await a.json()}catch(e){console.error(e)}return[]},k="db-ui",I="mono";var C=()=>{let e=(0,i.useRouter)(),[a,t]=(0,s.useState)(),[o,l]=(0,s.useState)(),r=a=>{let t=e.basePath,n=a.find(e=>t.includes(e));n&&l(n)},c=(e,a)=>{let n=[],i=[],o=[],l=[],s=[],r=[];for(let e of a)e.startsWith("feat")||e.startsWith("feature")?i.push(e):e.startsWith("fix")||e.startsWith("bugfix")?o.push(e):e.startsWith("refactor")?l.push(e):/^\d*-/.test(e)?s.push(e):e.startsWith("docs")?r.push(e):n.push(e);t({others:n,features:i,docs:r,refactors:l,issues:s,bugfixes:o,versions:e})};(0,s.useEffect)(()=>{(async()=>{let e=await R("https://api.github.com/repos/".concat(k,"/").concat(I,"/branches")),a=(await R("https://api.github.com/repos/".concat(k,"/").concat(I,"/tags"))).map(e=>e.name),t=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));r(t),r(a),c(a,t)})().catch(e=>{console.error(e)})},[]);let d=a=>{let t=e.pathname,n=3===a.split(".").length&&a.startsWith("v");window.location.replace((0,D.sanitize)("https://".concat(k,".github.io/").concat(I).concat(n?"/version":"/review","/").concat(a).concat(t)))};return a?(0,n.jsx)(S.kr,{className:"version-switcher",label:"Version switcher",labelVariant:"floating",value:o,onChange:e=>{d(e.target.value)},children:Object.entries(a).filter(e=>{let[a,t]=e;return(null==t?void 0:t.length)>0}).map(e=>{let[a,t]=e;return(0,n.jsx)("optgroup",{label:a,children:t.slice(0,15).map((e,t)=>(0,n.jsx)("option",{value:e,children:e},"".concat(a,"-").concat(e,"-").concat(t)))},a)})}):null};let E=e=>{let{children:a}=e,[t,o]=(0,s.useState)(!1),[l,c]=(0,s.useState)(!1),[h,b]=(0,s.useState)(!1),[f,g]=(0,s.useState)(!1),[x,N]=(0,s.useState)(),j=(0,i.useRouter)();return(0,s.useEffect)(()=>{r.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),r.Z.highlightAll()},[]),(0,s.useEffect)(()=>{if(j.query&&(j.query.fullscreen&&o("true"===j.query.fullscreen),j.query.noh1&&c("true"===j.query.noh1),j.query.properties&&b("true"===j.query.properties),j.query.current)){let a=Array.isArray(j.query.current)?j.query.current[0]:j.query.current;if(x!==a){var e;N(a),null===(e=document.querySelector("#".concat(a)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}},[j]),(0,n.jsxs)(n.Fragment,{children:[j.isReady&&t&&(0,n.jsx)("div",{className:"".concat(l?"noh1":""," ").concat(h?"is-properties":""),children:a}),j.isReady&&!t&&(0,n.jsx)(d,{fadeIn:!0,type:"fixedHeaderFooter",slotHeader:(0,n.jsx)(m,{drawerOpen:f,onToggle:g,slotBrand:(0,n.jsx)(v,{imgSrc:"".concat("/mono/review/main","/assets/images/db_logo.svg"),title:"DB-UI Mono",anchorChildren:!0,children:"DB-UI Mono"}),slotCallToAction:(0,n.jsx)(u.Z,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,n.jsx)(C,{}),children:(0,n.jsx)(y,{})}),children:(0,n.jsx)(p,{size:"none",variant:"large",children:a})})]})};var T=l()(async()=>E,{ssr:!1})}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/16288-33e45af85bb3d4e5.js b/review/main/_next/static/chunks/16288-419cd86e34be4537.js similarity index 56% rename from review/main/_next/static/chunks/16288-33e45af85bb3d4e5.js rename to review/main/_next/static/chunks/16288-419cd86e34be4537.js index 5c40b043257..3a45bbbccf5 100644 --- a/review/main/_next/static/chunks/16288-33e45af85bb3d4e5.js +++ b/review/main/_next/static/chunks/16288-419cd86e34be4537.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16288],{37395:function(e,a,n){n.d(a,{P:function(){return i}});let i=(e,a,n)=>e.map((e,i)=>{var t;return{...e,slotCode:null!==(t=null==n?void 0:n.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var n,i,t,o;return{...e,example:a({...e.props,id:null!==(t=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==t?t:e.name,children:null!==(o=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==o?o:e.name})}})}})},99341:function(e,a,n){var i=n(52322),t=n(5632),o=n(2784),s=n(11803),l=n(86095);let r=e=>{let{examples:a,slotCode:n}=e,[t,s]=(0,o.useState)();return(0,i.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{s(!t)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(l.f,{className:"code",spacing:"small",children:n})]})]})]})},c=e=>{let{variants:a,componentName:n}=e,t=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],i="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(i):"".concat(n).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(l.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(l.vB,{content:"external",target:"_blank",href:t(e,n),children:e.name})}),(0,i.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:l,isSubComponent:d,componentName:u}=e,[p,x]=(0,o.useState)(),m=(0,t.useRouter)();return(0,o.useEffect)(()=>{if(m.query){var e;let a=null===(e=m.query.page)||void 0===e?void 0:e.toString();a&&x(n.find(e=>e.name.toLowerCase()===a))}},[m]),(0,i.jsxs)(i.Fragment,{children:[p&&(0,i.jsx)("div",{children:(0,i.jsx)(r,{...p})}),!p&&!d&&(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:a}),(0,i.jsx)(c,{variants:n,componentName:u})]}),l]}),!p&&d&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:a}),(0,i.jsx)(c,{variants:n,componentName:u})]})]})}},18986:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Active'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Active')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"\n Active\n"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Active\n")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Active'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Active')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"\n Disabled\n"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Disabled\n")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},25060:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},39805:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Auto'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Auto")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]})]})})]})}},89267:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"areaPopup":true}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"areaPopup":true}},{"name":"Expressive","className":"db-ui-expressive","props":{"areaPopup":true}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"areaPopup":true}},{"name":"Active","props":{"active":true,"areaPopup":true}},{"name":"Disabled","props":{"disabled":true,"areaPopup":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false}},{"name":"Text - Icon (Leading)","props":{"icon":"account","areaPopup":false}},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"account","areaPopup":true}},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"props":{"areaPopup":true}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full","areaPopup":true}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16288],{37395:function(e,a,n){n.d(a,{P:function(){return i}});let i=(e,a,n)=>e.map((e,i)=>{var t;return{...e,slotCode:null!==(t=null==n?void 0:n.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var n,i,t,o;return{...e,example:a({...e.props,id:null!==(t=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==t?t:e.name,children:null!==(o=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==o?o:e.name})}})}})},99341:function(e,a,n){var i=n(52322),t=n(5632),o=n(2784),s=n(11803),l=n(86095);let r=e=>{let{examples:a,slotCode:n}=e,[t,s]=(0,o.useState)();return(0,i.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{s(!t)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(l.f,{className:"code",spacing:"small",children:n})]})]})]})},c=e=>{let{variants:a,componentName:n}=e,t=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],i="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(i):"".concat(n).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(l.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(l.vB,{content:"external",target:"_blank",href:t(e,n),children:e.name})}),(0,i.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:l,isSubComponent:d,componentName:u}=e,[p,x]=(0,o.useState)(),m=(0,t.useRouter)();return(0,o.useEffect)(()=>{if(m.query){var e;let a=null===(e=m.query.page)||void 0===e?void 0:e.toString();a&&x(n.find(e=>e.name.toLowerCase()===a))}},[m]),(0,i.jsxs)(i.Fragment,{children:[p&&(0,i.jsx)("div",{children:(0,i.jsx)(r,{...p})}),!p&&!d&&(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:a}),(0,i.jsx)(c,{variants:n,componentName:u})]}),l]}),!p&&d&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:a}),(0,i.jsx)(c,{variants:n,componentName:u})]})]})}},18986:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Active'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Active')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"\n Active\n"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Active\n")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Active'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Active')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"\n Disabled\n"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Disabled\n")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},25060:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},39805:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Auto'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Auto")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]})]})})]})}},89267:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"areaPopup":true}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"areaPopup":true}},{"name":"Expressive","className":"db-ui-expressive","props":{"areaPopup":true}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"areaPopup":true}},{"name":"Active","props":{"active":true,"areaPopup":true}},{"name":"Disabled","props":{"disabled":true,"areaPopup":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false}},{"name":"Text - Icon (Leading)","props":{"icon":"account","areaPopup":false}},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"account","areaPopup":true}},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"props":{"areaPopup":true}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full","areaPopup":true}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/24514-5571a38636d2fce9.js b/review/main/_next/static/chunks/24514-404caa73befd87b2.js similarity index 82% rename from review/main/_next/static/chunks/24514-5571a38636d2fce9.js rename to review/main/_next/static/chunks/24514-404caa73befd87b2.js index 5d490849300..a1826ea8921 100644 --- a/review/main/_next/static/chunks/24514-5571a38636d2fce9.js +++ b/review/main/_next/static/chunks/24514-404caa73befd87b2.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24514],{24514:function(n,a,e){e.r(a);var i=e(52322),t=e(2784),o=e(9513),c=e(33878),s=e(95696),l=e(79041),r=e(16909),d=e(16134);a.default=()=>{let[n,a]=(0,t.useState)();return(0,t.useEffect)(()=>{n&&setTimeout(()=>a(!1),1500)},[n]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Text')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Text')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icons (Leading, Chevron)\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Text - Icons (Leading, Chevron)\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Text - Icon (Chevron)"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Text - Icon (Chevron)")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy"})]})]})})]})}}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24514],{24514:function(n,a,e){e.r(a);var i=e(52322),t=e(2784),o=e(9513),c=e(33878),s=e(95696),l=e(79041),r=e(16909),d=e(16134);a.default=()=>{let[n,a]=(0,t.useState)();return(0,t.useEffect)(()=>{n&&setTimeout(()=>a(!1),1500)},[n]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Text')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Text')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icons (Leading, Chevron)\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Text - Icons (Leading, Chevron)\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Text - Icon (Chevron)"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Text - Icon (Chevron)")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy"})]})]})})]})}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/properties-0313ccab01a05106.js b/review/main/_next/static/chunks/pages/components/accordion/properties-0313ccab01a05106.js new file mode 100644 index 00000000000..792aa02eb64 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/accordion/properties-0313ccab01a05106.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73664],{90444:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/properties",function(){return n(4889)}])},4889:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbaccordion",children:"DBAccordion"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsxs)(t.td,{children:["Defines the display of the accordion and the items:",(0,r.jsx)("br",{}),'"default": with a dividing line between the items',(0,r.jsx)("br",{}),'"card": w/o dividing line, but items are shown in the card variant']}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'card'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"behaviour"}),(0,r.jsx)(t.td,{children:"To allow multiple items open at the same time or only 1 item"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'multiple' | 'single'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"initOpenIndex"}),(0,r.jsx)(t.td,{children:"The index of items which should be open when loading the accordion"}),(0,r.jsx)(t.td,{children:"Array"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"const array:number[] = []"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"items"}),(0,r.jsx)(t.td,{children:"Alternative to pass in a simple representation of accordion items"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"DBAccordionItemInterface | | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"Informs about the changes in the internal state, which item is open"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(openAccordionItemIds: string[]) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return a},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=90444)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/properties-56b766d5c7918733.js b/review/main/_next/static/chunks/pages/components/accordion/properties-56b766d5c7918733.js deleted file mode 100644 index 7c707c9f25c..00000000000 --- a/review/main/_next/static/chunks/pages/components/accordion/properties-56b766d5c7918733.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73664],{90444:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/properties",function(){return n(4889)}])},4889:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbaccordion",children:"DBAccordion"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsxs)(t.td,{children:["Defines the display of the accordion and the items:",(0,r.jsx)("br",{}),'"default": with a dividing line between the items',(0,r.jsx)("br",{}),'"card": w/o dividing line, but items are shown in the card variant']}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'card'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"behaviour"}),(0,r.jsx)(t.td,{children:"To allow multiple items open at the same time or only 1 item"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'multiple' | 'single'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"initOpenIndex"}),(0,r.jsx)(t.td,{children:"The index of items which should be open when loading the accordion"}),(0,r.jsx)(t.td,{children:"Array"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"const array:number[] = []"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"items"}),(0,r.jsx)(t.td,{children:"Alternative to pass in a simple representation of accordion items"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:" | | "})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"Informs about the changes in the internal state, which item is open"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(openAccordionItemIds: string[]) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return a},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=90444)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/alert/properties-133f74759fb552ca.js b/review/main/_next/static/chunks/pages/components/alert/properties-133f74759fb552ca.js deleted file mode 100644 index 3817a9b2839..00000000000 --- a/review/main/_next/static/chunks/pages/components/alert/properties-133f74759fb552ca.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45587],{99644:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/properties",function(){return r(32289)}])},32289:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var i=r(52322),n=r(45392),a=r(11803);let s=e=>{let{children:t}=e;return(0,i.jsx)(a.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{id:"dbalert",children:"DBAlert"}),"\n",(0,i.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{children:"Name"}),(0,i.jsx)(t.th,{children:"Description"}),(0,i.jsx)(t.th,{children:"Type"}),(0,i.jsx)(t.th,{children:"Options"})]})}),(0,i.jsxs)(t.tbody,{children:[(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"ariaLive"}),(0,i.jsxs)(t.td,{children:["The arialive attribute will lead to that the screenreader interrupts immediately",(0,i.jsx)("br",{}),'and reads out the notification if set to "assertive", while it will wait for the',(0,i.jsx)("br",{}),'user\'s idleness when set to "polite", compare to ',(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live",children:"aria-live"})]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'assertive' | 'polite' | 'off' | "})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"behaviour"}),(0,i.jsx)(t.td,{children:"The behaviour attribute shows/hides the close button on the top right."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'closable' | 'permanent'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"headline"}),(0,i.jsx)(t.td,{children:"The headline attribute changes the text of the bold headline."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"link"}),(0,i.jsx)(t.td,{children:"The link attribute changes the props of the link (only available when using slotLink)."}),(0,i.jsx)(t.td,{children:"object"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{className:"code-pre-wrap",children:["{",(0,i.jsx)("br",{})," current?: boolean | 'time' | 'true' | 'false' | 'date' | 'page' | 'step' | 'location' | undefined;",(0,i.jsx)("br",{})," disabled?: boolean;",(0,i.jsx)("br",{})," href?: string;",(0,i.jsx)("br",{})," hreflang?: string;",(0,i.jsx)("br",{})," label?: string;",(0,i.jsx)("br",{})," target?: '_self' | '_blank' | '_parent' | '_top';",(0,i.jsx)("br",{})," rel?: string;",(0,i.jsx)("br",{})," role?: string;",(0,i.jsx)("br",{})," referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';",(0,i.jsx)("br",{})," selected?: boolean;",(0,i.jsx)("br",{})," text?: string;",(0,i.jsx)("br",{}),"}"]})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"type"}),(0,i.jsxs)(t.td,{children:["The type attribute changes the styling of the alert.",(0,i.jsx)("br",{}),"The inline alert has a box-shadow and rounded corners (similar to card)."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'alert' | 'inline'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"children"}),(0,i.jsx)(t.td,{children:"default slot"}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"className"}),(0,i.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"describedbyid"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"id"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"key"}),(0,i.jsx)(t.td,{children:"React specific for render process."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"tabIndex"}),(0,i.jsxs)(t.td,{children:["The default tabindex (",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"title"}),(0,i.jsxs)(t.td,{children:["The ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onClick"}),(0,i.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"icon"}),(0,i.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,i.jsx)(t.em,{children:"account"}),", compare to ",(0,i.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"elevation"}),(0,i.jsx)(t.td,{children:"The elevation attribute changes the style of the card (box-shadow)."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'none'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"variant"}),(0,i.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"closeButtonId"}),(0,i.jsx)(t.td,{children:"The closeButtonId attribute changes the id inside the close button."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"closeButtonText"}),(0,i.jsx)(t.td,{children:"The closeButtonText attribute changes the text inside the close button."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(s,{...e,children:(0,i.jsx)(d,{...e})})}},16134:function(e,t,r){"use strict";var i=r(52322),n=r(2784),a=r(13776);let s=(0,n.forwardRef)(function(e,t){let r=t||(0,n.useRef)(t);return(0,i.jsx)("button",{ref:r,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,r){"use strict";var i,n,a,s,d,c,o;r.d(t,{IY:function(){return l},YP:function(){return h},ce:function(){return _}});let l="OVERWRITE_DEFAULT_ID",h="Back",_="Close Button";(d=i||(i={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(i).map(e=>{let[,t]=e;return t}),(n||(n={})).PRIMARY="primary",(c=a||(a={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,t]=e;return t}),Object.entries(n).map(e=>{let[,t]=e;return t}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return i},cd:function(){return d},mS:function(){return s},yI:function(){return a},yn:function(){return n}});let i=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},n=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&n(e,t)})},a=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)i+="".concat(e," ");else for(let t in e)e[t]&&(i+="".concat(t," "))}}),i.trim()},s=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),d=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:i}=window;return t>=0&&r<=i},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:i}=window;return t>=0&&r<=i}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=99644)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/alert/properties-8ce18bbc452bf2c0.js b/review/main/_next/static/chunks/pages/components/alert/properties-8ce18bbc452bf2c0.js new file mode 100644 index 00000000000..9cbc1544e95 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/alert/properties-8ce18bbc452bf2c0.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45587],{99644:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/properties",function(){return r(32289)}])},32289:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return a}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function l(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbalert",children:"DBAlert"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"ariaLive"}),(0,n.jsxs)(t.td,{children:["The arialive attribute will lead to that the screenreader interrupts immediately",(0,n.jsx)("br",{}),'and reads out the notification if set to "assertive", while it will wait for the',(0,n.jsx)("br",{}),'user\'s idleness when set to "polite", compare to ',(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live",children:"aria-live"})]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'assertive' | 'polite' | 'off' | undefined"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"behaviour"}),(0,n.jsx)(t.td,{children:"The behaviour attribute shows/hides the close button on the top right."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'closable' | 'permanent'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"headline"}),(0,n.jsx)(t.td,{children:"The headline attribute changes the text of the bold headline."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"link"}),(0,n.jsx)(t.td,{children:"The link attribute changes the props of the link (only available when using slotLink)."}),(0,n.jsx)(t.td,{children:"object"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsxs)("code",{className:"code-pre-wrap",children:["{",(0,n.jsx)("br",{})," current?: boolean | 'time' | 'true' | 'false' | 'date' | 'page' | 'step' | 'location' | undefined;",(0,n.jsx)("br",{})," disabled?: boolean;",(0,n.jsx)("br",{})," href?: string;",(0,n.jsx)("br",{})," hreflang?: string;",(0,n.jsx)("br",{})," label?: string;",(0,n.jsx)("br",{})," target?: '_self' | '_blank' | '_parent' | '_top';",(0,n.jsx)("br",{})," rel?: string;",(0,n.jsx)("br",{})," role?: string;",(0,n.jsx)("br",{})," referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';",(0,n.jsx)("br",{})," selected?: boolean;",(0,n.jsx)("br",{})," text?: string;",(0,n.jsx)("br",{}),"}"]})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"type"}),(0,n.jsxs)(t.td,{children:["The type attribute changes the styling of the alert.",(0,n.jsx)("br",{}),"The inline alert has a box-shadow and rounded corners (similar to card)."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'alert' | 'inline'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"icon"}),(0,n.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,n.jsx)(t.em,{children:"account"}),", compare to ",(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"elevation"}),(0,n.jsx)(t.td,{children:"The elevation attribute changes the style of the card (box-shadow)."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'none'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"closeButtonId"}),(0,n.jsx)(t.td,{children:"The closeButtonId attribute changes the id inside the close button."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"closeButtonText"}),(0,n.jsx)(t.td,{children:"The closeButtonText attribute changes the text inside the close button."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(l,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,l,a,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(l=n||(n={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(a=s||(s={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return a},Vj:function(){return n},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},a=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=99644)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/button/properties-1d1e49e09cbb8d8d.js b/review/main/_next/static/chunks/pages/components/button/properties-1d1e49e09cbb8d8d.js new file mode 100644 index 00000000000..3856939b02d --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/button/properties-1d1e49e09cbb8d8d.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35417],{11576:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/properties",function(){return n(16500)}])},16500:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function l(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbbutton",children:"DBButton"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"ariaexpanded"}),(0,r.jsxs)(t.td,{children:["If the button controls a grouping of other elements, the ariaexpanded state ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded",children:"indicates whether the controlled grouping is currently expanded or collapsed"}),"."]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"ariapressed"}),(0,r.jsxs)(t.td,{children:["Defines the button as a toggle button. The value of ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed",children:"ariapressed describes the state of the button"}),"."]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsxs)(t.td,{children:["The disabled attribute can be set to ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled",children:"keep a user from clicking on the button"}),"."]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"noText"}),(0,r.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsxs)(t.td,{children:["The label represents the ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label",children:"aria-label attributes"})," value of the button"]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsxs)(t.td,{children:["The name attribute specifies a ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name",children:"name attributes value"})," for the button."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"type"}),(0,r.jsxs)(t.td,{children:["The type attribute specifies the ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type",children:"type of button"}),"."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'button' | 'reset' | 'submit'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsxs)(t.td,{children:["The value attribute specifies an initial ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value",children:"value for the button"}),"."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"state"}),(0,r.jsx)(t.td,{children:"Show loading progress inside button."}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'loading'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"The size of the button"}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'outlined' | 'primary' | 'solid' | 'text' | | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onClick"}),(0,r.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"width"}),(0,r.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,l,a,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(a=s||(s={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=11576)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/button/properties-2a2e078d7e5d98f8.js b/review/main/_next/static/chunks/pages/components/button/properties-2a2e078d7e5d98f8.js deleted file mode 100644 index fc1e8fa50ad..00000000000 --- a/review/main/_next/static/chunks/pages/components/button/properties-2a2e078d7e5d98f8.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35417],{11576:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/properties",function(){return r(16500)}])},16500:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),i=r(45392),a=r(11803);let s=e=>{let{children:t}=e;return(0,n.jsx)(a.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbbutton",children:"DBButton"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"ariaexpanded"}),(0,n.jsxs)(t.td,{children:["If the button controls a grouping of other elements, the ariaexpanded state ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded",children:"indicates whether the controlled grouping is currently expanded or collapsed"}),"."]}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"ariapressed"}),(0,n.jsxs)(t.td,{children:["Defines the button as a toggle button. The value of ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed",children:"ariapressed describes the state of the button"}),"."]}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"disabled"}),(0,n.jsxs)(t.td,{children:["The disabled attribute can be set to ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled",children:"keep a user from clicking on the button"}),"."]}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"noText"}),(0,n.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"label"}),(0,n.jsxs)(t.td,{children:["The label represents the ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label",children:"aria-label attributes"})," value of the button"]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"name"}),(0,n.jsxs)(t.td,{children:["The name attribute specifies a ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name",children:"name attributes value"})," for the button."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"type"}),(0,n.jsxs)(t.td,{children:["The type attribute specifies the ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type",children:"type of button"}),"."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'button' | 'reset' | 'submit'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"value"}),(0,n.jsxs)(t.td,{children:["The value attribute specifies an initial ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value",children:"value for the button"}),"."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"state"}),(0,n.jsx)(t.td,{children:"Show loading progress inside button."}),(0,n.jsx)(t.td,{children:"literal"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'loading'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"size"}),(0,n.jsx)(t.td,{children:"The size of the button"}),(0,n.jsx)(t.td,{children:"literal"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'outlined' | 'primary' | 'solid' | 'text' | | "})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"icon"}),(0,n.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,n.jsx)(t.em,{children:"account"}),", compare to ",(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"width"}),(0,n.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),a=r(13776);let s=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,r){"use strict";var n,i,a,s,d,l,o;r.d(t,{IY:function(){return c},YP:function(){return h},ce:function(){return _}});let c="OVERWRITE_DEFAULT_ID",h="Back",_="Close Button";(d=n||(n={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=a||(a={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return l},Vj:function(){return n},cd:function(){return d},mS:function(){return s},yI:function(){return a},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},a=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},s=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),d=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},l=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=11576)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/card/properties-8e67bd2fc92759e7.js b/review/main/_next/static/chunks/pages/components/card/properties-8e67bd2fc92759e7.js deleted file mode 100644 index f32dafae0e6..00000000000 --- a/review/main/_next/static/chunks/pages/components/card/properties-8e67bd2fc92759e7.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25221],{86958:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/properties",function(){return r(47656)}])},47656:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return a}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbcard",children:"DBCard"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"colorVariant"}),(0,n.jsxs)(t.td,{children:["Valid background ",(0,n.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/foundation/colors",children:"colors"}),"."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | "})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"Makes the card interactive (clickable)."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'interactive'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgAlt"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",children:"Alternative text"})," for an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgHeight"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height",children:"height attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgSrc"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src",children:"source"})," of an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgWidth"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width",children:"width attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"elevation"}),(0,n.jsx)(t.td,{children:"The elevation attribute changes the style of the card (box-shadow)."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'none'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"spacing"}),(0,n.jsx)(t.td,{children:"The spacing attribute changes the padding of the card."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'medium' | 'small'"})})})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(l,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,l,a,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(l=n||(n={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(a=s||(s={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return a},Vj:function(){return n},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},a=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=86958)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/card/properties-c2914e134fa31d1d.js b/review/main/_next/static/chunks/pages/components/card/properties-c2914e134fa31d1d.js new file mode 100644 index 00000000000..5d345035979 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/card/properties-c2914e134fa31d1d.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25221],{86958:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/properties",function(){return r(47656)}])},47656:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return a}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbcard",children:"DBCard"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"colorVariant"}),(0,n.jsxs)(t.td,{children:["Valid background ",(0,n.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/foundation/colors",children:"colors"}),"."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"COLOR | string"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"Makes the card interactive (clickable)."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'interactive'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgAlt"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",children:"Alternative text"})," for an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgHeight"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height",children:"height attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgSrc"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src",children:"source"})," of an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgWidth"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width",children:"width attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"elevation"}),(0,n.jsx)(t.td,{children:"The elevation attribute changes the style of the card (box-shadow)."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'none'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"spacing"}),(0,n.jsx)(t.td,{children:"The spacing attribute changes the padding of the card."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'medium' | 'small'"})})})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(l,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,l,a,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(l=n||(n={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(a=s||(s={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return a},Vj:function(){return n},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},a=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=86958)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/icon/properties-785c2b6f9eafe636.js b/review/main/_next/static/chunks/pages/components/icon/properties-785c2b6f9eafe636.js deleted file mode 100644 index 5798051dfa7..00000000000 --- a/review/main/_next/static/chunks/pages/components/icon/properties-785c2b6f9eafe636.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25534],{85731:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/properties",function(){return r(67548)}])},67548:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return o}});var n=r(52322),i=r(45392),a=r(11803);let s=e=>{let{children:t}=e;return(0,n.jsx)(a.Z,{children:t})};function c(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbicon",children:"DBIcon"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'inverted' | 'solid'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"weight"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'16' | '20' | '24' | '32' | '48' | '64'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"icon"}),(0,n.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,n.jsx)(t.em,{children:"account"}),", compare to ",(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]})]})]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(s,{...e,children:(0,n.jsx)(c,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),a=r(13776);let s=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,r){"use strict";var n,i,a,s,c,o,d;r.d(t,{IY:function(){return l},YP:function(){return _},ce:function(){return h}});let l="OVERWRITE_DEFAULT_ID",_="Back",h="Close Button";(c=n||(n={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(o=a||(a={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(d=s||(s={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return o},Vj:function(){return n},cd:function(){return c},mS:function(){return s},yI:function(){return a},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},a=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},s=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),c=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},o=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=85731)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/icon/properties-f496f0059f745a92.js b/review/main/_next/static/chunks/pages/components/icon/properties-f496f0059f745a92.js new file mode 100644 index 00000000000..09a1a36f989 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/icon/properties-f496f0059f745a92.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25534],{85731:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/properties",function(){return n(67548)}])},67548:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbicon",children:"DBIcon"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'inverted' | 'solid'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"weight"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'16' | '20' | '24' | '32' | '48' | '64'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return a},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=85731)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/infotext/properties-1e4a21ffd41e9ba8.js b/review/main/_next/static/chunks/pages/components/infotext/properties-1e4a21ffd41e9ba8.js deleted file mode 100644 index dfa9207c1f7..00000000000 --- a/review/main/_next/static/chunks/pages/components/infotext/properties-1e4a21ffd41e9ba8.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68032],{25016:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/properties",function(){return r(9960)}])},9960:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var n=r(52322),i=r(45392),a=r(11803);let s=e=>{let{children:t}=e;return(0,n.jsx)(a.Z,{children:t})};function o(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbinfotext",children:"DBInfotext"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"icon"}),(0,n.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,n.jsx)(t.em,{children:"account"}),", compare to ",(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"size"}),(0,n.jsx)(t.td,{children:"The size attribute changes the font-size and other related sizes of the component."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(s,{...e,children:(0,n.jsx)(o,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),a=r(13776);let s=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,r){"use strict";var n,i,a,s,o,c,d;r.d(t,{IY:function(){return l},YP:function(){return _},ce:function(){return h}});let l="OVERWRITE_DEFAULT_ID",_="Back",h="Close Button";(o=n||(n={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=a||(a={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(d=s||(s={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return o},mS:function(){return s},yI:function(){return a},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},a=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},s=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),o=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=25016)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/infotext/properties-3b554a92f9350767.js b/review/main/_next/static/chunks/pages/components/infotext/properties-3b554a92f9350767.js new file mode 100644 index 00000000000..d64b586d6f2 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/infotext/properties-3b554a92f9350767.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68032],{25016:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/properties",function(){return n(9960)}])},9960:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbinfotext",children:"DBInfotext"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"The size attribute changes the font-size and other related sizes of the component."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return a},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=25016)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/input/properties-ab38ec93a800efff.js b/review/main/_next/static/chunks/pages/components/input/properties-ab38ec93a800efff.js new file mode 100644 index 00000000000..3f9a4c11156 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/input/properties-ab38ec93a800efff.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95303],{87551:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/properties",function(){return n(28505)}])},28505:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function c(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbinput",children:"DBInput"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"dataList"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"Array"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsxs)("code",{className:"code-pre-wrap",children:["const array:KeyValueType[] = [{",(0,r.jsx)("br",{})," key: string;",(0,r.jsx)("br",{})," value?: string;",(0,r.jsx)("br",{}),"}]"]})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"dataListId"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"max"}),(0,r.jsx)(t.td,{children:"Maximum value"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"number | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"min"}),(0,r.jsx)(t.td,{children:"Minimum value"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"number | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"pattern"}),(0,r.jsx)(t.td,{children:"Pattern the value must match to be valid"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"type"}),(0,r.jsx)(t.td,{children:"Type of form control"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'month' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week' | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"step"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"number | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"maxLength"}),(0,r.jsx)(t.td,{children:"Maximum length (number of characters) of value"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"minLength"}),(0,r.jsx)(t.td,{children:"Minimum length (number of characters) of value"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"readOnly"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from edit on the form element"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"iconAfter"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placeholder"}),(0,r.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"message"}),(0,r.jsx)(t.td,{children:"Optional helper message for form components"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"messageIcon"}),(0,r.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"autocomplete"}),(0,r.jsxs)(t.td,{children:["See ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"string | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=87551)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/input/properties-f163bb9b78a9bf9b.js b/review/main/_next/static/chunks/pages/components/input/properties-f163bb9b78a9bf9b.js deleted file mode 100644 index cfed187711e..00000000000 --- a/review/main/_next/static/chunks/pages/components/input/properties-f163bb9b78a9bf9b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95303],{87551:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/properties",function(){return r(28505)}])},28505:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return o}});var i=r(52322),n=r(45392),a=r(11803);let c=e=>{let{children:t}=e;return(0,i.jsx)(a.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{id:"dbinput",children:"DBInput"}),"\n",(0,i.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{children:"Name"}),(0,i.jsx)(t.th,{children:"Description"}),(0,i.jsx)(t.th,{children:"Type"}),(0,i.jsx)(t.th,{children:"Options"})]})}),(0,i.jsxs)(t.tbody,{children:[(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"dataList"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"Array"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{className:"code-pre-wrap",children:["const array:KeyValueType[] = [{",(0,i.jsx)("br",{})," key: string;",(0,i.jsx)("br",{})," value?: string;",(0,i.jsx)("br",{}),"}]"]})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"dataListId"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"max"}),(0,i.jsx)(t.td,{children:"Maximum value"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | "})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"min"}),(0,i.jsx)(t.td,{children:"Minimum value"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | "})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"pattern"}),(0,i.jsx)(t.td,{children:"Pattern the value must match to be valid"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"type"}),(0,i.jsx)(t.td,{children:"Type of form control"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'month' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week' | "})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"step"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | "})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"children"}),(0,i.jsx)(t.td,{children:"default slot"}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"className"}),(0,i.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"describedbyid"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"id"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"key"}),(0,i.jsx)(t.td,{children:"React specific for render process."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"tabIndex"}),(0,i.jsxs)(t.td,{children:["The default tabindex (",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"title"}),(0,i.jsxs)(t.td,{children:["The ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"maxLength"}),(0,i.jsx)(t.td,{children:"Maximum length (number of characters) of value"}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"minLength"}),(0,i.jsx)(t.td,{children:"Minimum length (number of characters) of value"}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"readOnly"}),(0,i.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from edit on the form element"}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"change"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onChange"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"blur"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onBlur"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"focus"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onFocus"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"disabled"}),(0,i.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"form"}),(0,i.jsx)(t.td,{children:"Associates the control with a form element"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"invalid"}),(0,i.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"label"}),(0,i.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"name"}),(0,i.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"required"}),(0,i.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"value"}),(0,i.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"icon"}),(0,i.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,i.jsx)(t.em,{children:"account"}),", compare to ",(0,i.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"iconAfter"}),(0,i.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,i.jsx)(t.em,{children:"account"}),", compare to ",(0,i.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"variant"}),(0,i.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"labelVariant"}),(0,i.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"placeholder"}),(0,i.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"message"}),(0,i.jsx)(t.td,{children:"Optional helper message for form components"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"messageIcon"}),(0,i.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"autocomplete"}),(0,i.jsxs)(t.td,{children:["See ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(c,{...e,children:(0,i.jsx)(d,{...e})})}},16134:function(e,t,r){"use strict";var i=r(52322),n=r(2784),a=r(13776);let c=(0,n.forwardRef)(function(e,t){let r=t||(0,n.useRef)(t);return(0,i.jsx)("button",{ref:r,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=c},63900:function(e,t,r){"use strict";var i,n,a,c,d,o,s;r.d(t,{IY:function(){return l},YP:function(){return _},ce:function(){return h}});let l="OVERWRITE_DEFAULT_ID",_="Back",h="Close Button";(d=i||(i={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(i).map(e=>{let[,t]=e;return t}),(n||(n={})).PRIMARY="primary",(o=a||(a={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,t]=e;return t}),Object.entries(n).map(e=>{let[,t]=e;return t}),(s=c||(c={})).CRITICAL="critical",s.INFORMATIONAL="informational",s.WARNING="warning",s.SUCCESSFUL="successful",Object.entries(c).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return o},Vj:function(){return i},cd:function(){return d},mS:function(){return c},yI:function(){return a},yn:function(){return n}});let i=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},n=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&n(e,t)})},a=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)i+="".concat(e," ");else for(let t in e)e[t]&&(i+="".concat(t," "))}}),i.trim()},c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),d=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:i}=window;return t>=0&&r<=i},o=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:i}=window;return t>=0&&r<=i}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=87551)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/link/properties-c4a759f15ff91ec9.js b/review/main/_next/static/chunks/pages/components/link/properties-c4a759f15ff91ec9.js new file mode 100644 index 00000000000..31818501566 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/link/properties-c4a759f15ff91ec9.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6018],{47918:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/properties",function(){return r(66980)}])},66980:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dblink",children:"DBLink"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"content"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'external' | 'internal'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"size"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'primary' | 'inline'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"current"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"boolean | 'time' | 'true' | 'false' | 'date' | 'page' | 'step' | 'location' | undefined"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"disabled"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"href"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"hreflang"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"label"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"target"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'_self' | '_blank' | '_parent' | '_top'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"rel"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"role"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"referrerpolicy"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"selected"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"text"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(c,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,c,l,a;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=n||(n={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return l},Vj:function(){return n},cd:function(){return c},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),c=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},l=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=47918)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/link/properties-da75dfd42c4d906f.js b/review/main/_next/static/chunks/pages/components/link/properties-da75dfd42c4d906f.js deleted file mode 100644 index 0a6e336a840..00000000000 --- a/review/main/_next/static/chunks/pages/components/link/properties-da75dfd42c4d906f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6018],{47918:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/properties",function(){return r(66980)}])},66980:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dblink",children:"DBLink"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"content"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'external' | 'internal'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"size"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'primary' | 'inline'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"current"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | 'time' | 'true' | 'false' | 'date' | 'page' | 'step' | 'location' | "})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"disabled"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"href"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"hreflang"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"label"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"target"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'_self' | '_blank' | '_parent' | '_top'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"rel"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"role"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"referrerpolicy"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"selected"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"text"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(c,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,c,l,a;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=n||(n={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return l},Vj:function(){return n},cd:function(){return c},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),c=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},l=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=47918)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-b2ff5b6c1ee7efc8.js b/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-b2ff5b6c1ee7efc8.js new file mode 100644 index 00000000000..81b5f6f95ae --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-b2ff5b6c1ee7efc8.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61367],{9174:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Tonality",function(){return e(25060)}])},25060:function(a,n,e){"use strict";e.r(n);var i=e(52322),t=e(2784),o=e(9513),s=e(33878),l=e(95696),c=e(79041),r=e(16909),d=e(16134);n.default=()=>{let[a,n]=(0,t.useState)();return(0,t.useEffect)(()=>{a&&setTimeout(()=>n(!1),1500)},[a]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}}},function(a){a.O(0,[14863,92888,49774,40179],function(){return a(a.s=9174)}),_N_E=a.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-fa24557a7c994a99.js b/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-fa24557a7c994a99.js deleted file mode 100644 index ebac78f0b89..00000000000 --- a/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-fa24557a7c994a99.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61367],{9174:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Tonality",function(){return e(25060)}])},25060:function(a,n,e){"use strict";e.r(n);var i=e(52322),t=e(2784),o=e(9513),s=e(33878),l=e(95696),c=e(79041),r=e(16909),d=e(16134);n.default=()=>{let[a,n]=(0,t.useState)();return(0,t.useEffect)(()=>{a&&setTimeout(()=>n(!1),1500)},[a]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}}},function(a){a.O(0,[14863,92888,49774,40179],function(){return a(a.s=9174)}),_N_E=a.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-13cccd027aa910d1.js b/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-7426a3cbbe6a0860.js similarity index 70% rename from review/main/_next/static/chunks/pages/components/navigation-item/code/Width-13cccd027aa910d1.js rename to review/main/_next/static/chunks/pages/components/navigation-item/code/Width-7426a3cbbe6a0860.js index 55781954242..d64e9d5e3cf 100644 --- a/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-13cccd027aa910d1.js +++ b/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-7426a3cbbe6a0860.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29296],{64165:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return e(39805)}])},39805:function(a,n,e){"use strict";e.r(n);var t=e(52322),i=e(2784),o=e(9513),l=e(33878),s=e(95696),c=e(79041),r=e(16909),d=e(16134);n.default=()=>{let[a,n]=(0,i.useState)();return(0,i.useEffect)(()=>{a&&setTimeout(()=>n(!1),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Auto")},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]})]})}),(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]})]})})]})}}},function(a){a.O(0,[14863,92888,49774,40179],function(){return a(a.s=64165)}),_N_E=a.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29296],{64165:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return e(39805)}])},39805:function(a,n,e){"use strict";e.r(n);var t=e(52322),i=e(2784),o=e(9513),l=e(33878),s=e(95696),c=e(79041),r=e(16909),d=e(16134);n.default=()=>{let[a,n]=(0,i.useState)();return(0,i.useEffect)(()=>{a&&setTimeout(()=>n(!1),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Auto")},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]})]})}),(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]})]})})]})}}},function(a){a.O(0,[14863,92888,49774,40179],function(){return a(a.s=64165)}),_N_E=a.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/properties-4fb90774d9904446.js b/review/main/_next/static/chunks/pages/components/navigation-item/properties-4fb90774d9904446.js deleted file mode 100644 index 8a5909c2e54..00000000000 --- a/review/main/_next/static/chunks/pages/components/navigation-item/properties-4fb90774d9904446.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38491],{56905:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/properties",function(){return i(40768)}])},40768:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return c}});var r=i(52322),n=i(45392),a=i(11803);let s=e=>{let{children:t}=e;return(0,r.jsx)(a.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbnavigationitem",children:"DBNavigationItem"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"active"}),(0,r.jsx)(t.td,{children:"Indicator for active navigation item (bold font)."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"areaPopup"}),(0,r.jsx)(t.td,{children:"If the attribute is set the item acts like a button with a sub-navigation"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsxs)(t.td,{children:["The disabled attribute can be set to ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled",children:"keep a user from clicking on the item"}),"."]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"slotSubNavigation"}),(0,r.jsx)(t.td,{children:"React-specific property to pass in a slot for sub-navigation"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"subNavigationExpanded"}),(0,r.jsx)(t.td,{children:"This is for mobile navigation only, if it is set the sub-navigation is a static overlay"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onClick"}),(0,r.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"width"}),(0,r.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"backButtonId"}),(0,r.jsx)(t.td,{children:"The backButtonId attribute changes the id inside the back button."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"backButtonText"}),(0,r.jsx)(t.td,{children:"The backButtonText attribute changes the text inside the back button."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(s,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,i){"use strict";var r=i(52322),n=i(2784),a=i(13776);let s=(0,n.forwardRef)(function(e,t){let i=t||(0,n.useRef)(t);return(0,r.jsx)("button",{ref:i,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,i){"use strict";var r,n,a,s,d,c,o;i.d(t,{IY:function(){return l},YP:function(){return _},ce:function(){return h}});let l="OVERWRITE_DEFAULT_ID",_="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(n||(n={})).PRIMARY="primary",(c=a||(a={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,t]=e;return t}),Object.entries(n).map(e=>{let[,t]=e;return t}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,i){"use strict";i.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return d},mS:function(){return s},yI:function(){return a},yn:function(){return n}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},n=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&n(e,t)})},a=function(){for(var e=arguments.length,t=Array(e),i=0;i{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},s=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,i)=>(t[i]=e[i],t),{}),d=e=>{let{left:t,right:i}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&i<=r},c=e=>{let{top:t,bottom:i}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&i<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=56905)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/properties-fe105e70f3cc887c.js b/review/main/_next/static/chunks/pages/components/navigation-item/properties-fe105e70f3cc887c.js new file mode 100644 index 00000000000..c545d13c54e --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/navigation-item/properties-fe105e70f3cc887c.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38491],{56905:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/properties",function(){return n(40768)}])},40768:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return l}});var i=n(52322),r=n(45392),s=n(11803);let d=t=>{let{children:e}=t;return(0,i.jsx)(s.Z,{children:e})};function a(t){let e={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...t.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.h1,{id:"dbnavigationitem",children:"DBNavigationItem"}),"\n",(0,i.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,i.jsxs)(e.table,{children:[(0,i.jsx)(e.thead,{children:(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.th,{children:"Name"}),(0,i.jsx)(e.th,{children:"Description"}),(0,i.jsx)(e.th,{children:"Type"}),(0,i.jsx)(e.th,{children:"Options"})]})}),(0,i.jsxs)(e.tbody,{children:[(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"active"}),(0,i.jsx)(e.td,{children:"Indicator for active navigation item (bold font)."}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"areaPopup"}),(0,i.jsx)(e.td,{children:"If the attribute is set the item acts like a button with a sub-navigation"}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"disabled"}),(0,i.jsxs)(e.td,{children:["The disabled attribute can be set to ",(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled",children:"keep a user from clicking on the item"}),"."]}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"slotSubNavigation"}),(0,i.jsx)(e.td,{children:"React-specific property to pass in a slot for sub-navigation"}),(0,i.jsx)(e.td,{children:"any"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"subNavigationExpanded"}),(0,i.jsx)(e.td,{children:"This is for mobile navigation only, if it is set the sub-navigation is a static overlay"}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"children"}),(0,i.jsx)(e.td,{children:"default slot"}),(0,i.jsx)(e.td,{children:"any"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"className"}),(0,i.jsx)(e.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"describedbyid"}),(0,i.jsxs)(e.td,{children:[(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(e.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"id"}),(0,i.jsxs)(e.td,{children:[(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"key"}),(0,i.jsx)(e.td,{children:"React specific for render process."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"tabIndex"}),(0,i.jsxs)(e.td,{children:["The default tabindex (",(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,i.jsx)(e.td,{children:"number"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"title"}),(0,i.jsxs)(e.td,{children:["The ",(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"onClick"}),(0,i.jsx)(e.td,{children:"React specific onClick to pass to forward ref."}),(0,i.jsx)(e.td,{children:"function"}),(0,i.jsx)(e.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"icon"}),(0,i.jsxs)(e.td,{children:["Define an icon by its identifier (like e.g. ",(0,i.jsx)(e.em,{children:"account"}),", compare to ",(0,i.jsx)(e.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,i.jsx)(e.td,{children:"union"}),(0,i.jsx)(e.td,{children:(0,i.jsx)(e.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"width"}),(0,i.jsx)(e.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,i.jsx)(e.td,{children:"union"}),(0,i.jsx)(e.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"backButtonId"}),(0,i.jsx)(e.td,{children:"The backButtonId attribute changes the id inside the back button."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"backButtonText"}),(0,i.jsx)(e.td,{children:"The backButtonText attribute changes the text inside the back button."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]})]})]})]})}function l(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(d,{...t,children:(0,i.jsx)(a,{...t})})}},16134:function(t,e,n){"use strict";var i=n(52322),r=n(2784),s=n(13776);let d=(0,r.forwardRef)(function(t,e){let n=e||(0,r.useRef)(e);return(0,i.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,title:t.title,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=d},63900:function(t,e,n){"use strict";var i,r,s,d,a,l,c;n.d(e,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=i||(i={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(i).map(t=>{let[,e]=t;return e}),(r||(r={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(r).map(t=>{let[,e]=t;return e}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return l},Vj:function(){return i},cd:function(){return a},mS:function(){return d},yI:function(){return s},yn:function(){return r}});let i=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&r(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)i+="".concat(t," ");else for(let e in t)t[e]&&(i+="".concat(e," "))}}),i.trim()},d=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("on"))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),a=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:i}=window;return e>=0&&n<=i},l=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:i}=window;return e>=0&&n<=i}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=56905)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/select/properties-cdbad0a6fc942f73.js b/review/main/_next/static/chunks/pages/components/select/properties-cdbad0a6fc942f73.js new file mode 100644 index 00000000000..ba793770e70 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/select/properties-cdbad0a6fc942f73.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6906],{67554:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/properties",function(){return n(3117)}])},3117:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),s=n(45392),i=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function l(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbselect",children:"DBSelect"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"description"}),(0,r.jsx)(t.td,{children:"The description attribute will add a paragraph below the select."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"options"}),(0,r.jsx)(t.td,{children:"If you don't/can't use children/slots you can pass in the options as an array."}),(0,r.jsx)(t.td,{children:"Array"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsxs)("code",{className:"code-pre-wrap",children:["const array:DBSelectOptionType[] = [{",(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // Identifier for option",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," id?: string;",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // Disables this option",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," // Disables this option",(0,r.jsx)("br",{})," disabled?: boolean;",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // If the value is different from the label you want to show to the user.",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," label?: string;",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // If you want to use optgroup you can nest options here.",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," options?: DBSelectOptionType[];",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // The main value you select, will be shown as default label if no label is set.",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," value: string | string[] | number;",(0,r.jsx)("br",{}),"}]"]})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onClick"}),(0,r.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placeholder"}),(0,r.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"message"}),(0,r.jsx)(t.td,{children:"Optional helper message for form components"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"messageIcon"}),(0,r.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"autocomplete"}),(0,r.jsxs)(t.td,{children:["See ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"string | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,l,c,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return d},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},c=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=67554)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/select/properties-f1608857b73be5ae.js b/review/main/_next/static/chunks/pages/components/select/properties-f1608857b73be5ae.js deleted file mode 100644 index 40aeda4b9e0..00000000000 --- a/review/main/_next/static/chunks/pages/components/select/properties-f1608857b73be5ae.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6906],{67554:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/properties",function(){return r(3117)}])},3117:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return o}});var n=r(52322),i=r(45392),a=r(11803);let s=e=>{let{children:t}=e;return(0,n.jsx)(a.Z,{children:t})};function c(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbselect",children:"DBSelect"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"description"}),(0,n.jsx)(t.td,{children:"The description attribute will add a paragraph below the select."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"options"}),(0,n.jsx)(t.td,{children:"If you don't/can't use children/slots you can pass in the options as an array."}),(0,n.jsx)(t.td,{children:"Array"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsxs)("code",{className:"code-pre-wrap",children:["const array:DBSelectOptionType[] = [{",(0,n.jsx)("br",{})," /////",(0,n.jsx)("br",{})," // Identifier for option",(0,n.jsx)("br",{})," ///",(0,n.jsx)("br",{})," id?: string;",(0,n.jsx)("br",{}),(0,n.jsx)("br",{})," /////",(0,n.jsx)("br",{})," // Disables this option",(0,n.jsx)("br",{})," ///",(0,n.jsx)("br",{})," // Disables this option",(0,n.jsx)("br",{})," disabled?: boolean;",(0,n.jsx)("br",{}),(0,n.jsx)("br",{})," /////",(0,n.jsx)("br",{})," // If the value is different from the label you want to show to the user.",(0,n.jsx)("br",{})," ///",(0,n.jsx)("br",{})," label?: string;",(0,n.jsx)("br",{}),(0,n.jsx)("br",{})," /////",(0,n.jsx)("br",{})," // If you want to use optgroup you can nest options here.",(0,n.jsx)("br",{})," ///",(0,n.jsx)("br",{})," options?: DBSelectOptionType[];",(0,n.jsx)("br",{}),(0,n.jsx)("br",{})," /////",(0,n.jsx)("br",{})," // The main value you select, will be shown as default label if no label is set.",(0,n.jsx)("br",{})," ///",(0,n.jsx)("br",{})," value: string | string[] | number;",(0,n.jsx)("br",{}),"}]"]})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"change"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onChange"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"blur"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onBlur"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"focus"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onFocus"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"disabled"}),(0,n.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"form"}),(0,n.jsx)(t.td,{children:"Associates the control with a form element"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"invalid"}),(0,n.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"label"}),(0,n.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"name"}),(0,n.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"required"}),(0,n.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"value"}),(0,n.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"icon"}),(0,n.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,n.jsx)(t.em,{children:"account"}),", compare to ",(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"labelVariant"}),(0,n.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"placeholder"}),(0,n.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"message"}),(0,n.jsx)(t.td,{children:"Optional helper message for form components"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"messageIcon"}),(0,n.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"autocomplete"}),(0,n.jsxs)(t.td,{children:["See ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(s,{...e,children:(0,n.jsx)(c,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),a=r(13776);let s=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,r){"use strict";var n,i,a,s,c,o,d;r.d(t,{IY:function(){return l},YP:function(){return _},ce:function(){return h}});let l="OVERWRITE_DEFAULT_ID",_="Back",h="Close Button";(c=n||(n={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(o=a||(a={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(d=s||(s={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return o},Vj:function(){return n},cd:function(){return c},mS:function(){return s},yI:function(){return a},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},a=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},s=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),c=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},o=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=67554)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab/properties-21356e7ad1dd439d.js b/review/main/_next/static/chunks/pages/components/tab/properties-21356e7ad1dd439d.js new file mode 100644 index 00000000000..a8a61512dcc --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/tab/properties-21356e7ad1dd439d.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38460],{6931:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/properties",function(){return n(67440)}])},67440:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtab",children:"DBTab"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label of the tab, if you don't want to use children."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"noText"}),(0,r.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the tab."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"iconAfter"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"active"}),(0,r.jsx)(t.td,{children:"If the tab is checked/active."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return a},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=6931)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab/properties-a7445dbc6a9a44d1.js b/review/main/_next/static/chunks/pages/components/tab/properties-a7445dbc6a9a44d1.js deleted file mode 100644 index 1146845333c..00000000000 --- a/review/main/_next/static/chunks/pages/components/tab/properties-a7445dbc6a9a44d1.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38460],{6931:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/properties",function(){return r(67440)}])},67440:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return s}});var i=r(52322),n=r(45392),a=r(11803);let o=e=>{let{children:t}=e;return(0,i.jsx)(a.Z,{children:t})};function c(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{id:"dbtab",children:"DBTab"}),"\n",(0,i.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{children:"Name"}),(0,i.jsx)(t.th,{children:"Description"}),(0,i.jsx)(t.th,{children:"Type"}),(0,i.jsx)(t.th,{children:"Options"})]})}),(0,i.jsxs)(t.tbody,{children:[(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"children"}),(0,i.jsx)(t.td,{children:"default slot"}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"className"}),(0,i.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"describedbyid"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"id"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"key"}),(0,i.jsx)(t.td,{children:"React specific for render process."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"tabIndex"}),(0,i.jsxs)(t.td,{children:["The default tabindex (",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"title"}),(0,i.jsxs)(t.td,{children:["The ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"label"}),(0,i.jsx)(t.td,{children:"The label of the tab, if you don't want to use children."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"noText"}),(0,i.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"disabled"}),(0,i.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the tab."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"icon"}),(0,i.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,i.jsx)(t.em,{children:"account"}),", compare to ",(0,i.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"iconAfter"}),(0,i.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,i.jsx)(t.em,{children:"account"}),", compare to ",(0,i.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"active"}),(0,i.jsx)(t.td,{children:"If the tab is checked/active."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]})]})]})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(o,{...e,children:(0,i.jsx)(c,{...e})})}},16134:function(e,t,r){"use strict";var i=r(52322),n=r(2784),a=r(13776);let o=(0,n.forwardRef)(function(e,t){let r=t||(0,n.useRef)(t);return(0,i.jsx)("button",{ref:r,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=o},63900:function(e,t,r){"use strict";var i,n,a,o,c,s,d;r.d(t,{IY:function(){return l},YP:function(){return _},ce:function(){return h}});let l="OVERWRITE_DEFAULT_ID",_="Back",h="Close Button";(c=i||(i={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(i).map(e=>{let[,t]=e;return t}),(n||(n={})).PRIMARY="primary",(s=a||(a={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,t]=e;return t}),Object.entries(n).map(e=>{let[,t]=e;return t}),(d=o||(o={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(o).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return s},Vj:function(){return i},cd:function(){return c},mS:function(){return o},yI:function(){return a},yn:function(){return n}});let i=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},n=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&n(e,t)})},a=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)i+="".concat(e," ");else for(let t in e)e[t]&&(i+="".concat(t," "))}}),i.trim()},o=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),c=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:i}=window;return t>=0&&r<=i},s=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:i}=window;return t>=0&&r<=i}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=6931)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tabs/properties-6020c90ad7b47f59.js b/review/main/_next/static/chunks/pages/components/tabs/properties-6020c90ad7b47f59.js deleted file mode 100644 index e5e61cc6e4a..00000000000 --- a/review/main/_next/static/chunks/pages/components/tabs/properties-6020c90ad7b47f59.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68802],{96366:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/properties",function(){return r(19821)}])},19821:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return a}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbtabs",children:"DBTabs"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"arrowScrollDistance"}),(0,n.jsx)(t.td,{children:'Change amount of distance if you click on an arrow, only available with behaviour="arrows"'}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"behaviour"}),(0,n.jsx)(t.td,{children:"Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'scrollbar' | 'arrows'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"initialSelectedIndex"}),(0,n.jsx)(t.td,{children:"Default behaviour is auto selecting the first tab, change selected tab by index"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"initialSelectedMode"}),(0,n.jsx)(t.td,{children:"Default behaviour is auto selecting the first tab, disable it with 'manually'"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'auto' | 'manually'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"name"}),(0,n.jsx)(t.td,{children:"The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabs"}),(0,n.jsx)(t.td,{children:"Provide simple tabs with label + text as content"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | | | | | | | | | | | "})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"orientation"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'horizontal' | 'vertical'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"width"}),(0,n.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"alignment"}),(0,n.jsx)(t.td,{children:"Define the content alignment in full width"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'start' | 'center'"})})})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(l,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,l,a,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(l=n||(n={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(a=s||(s={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return a},Vj:function(){return n},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},a=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=96366)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tabs/properties-ae59773583e89cb2.js b/review/main/_next/static/chunks/pages/components/tabs/properties-ae59773583e89cb2.js new file mode 100644 index 00000000000..4a150e8a686 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/tabs/properties-ae59773583e89cb2.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68802],{96366:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/properties",function(){return r(19821)}])},19821:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return a}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbtabs",children:"DBTabs"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"arrowScrollDistance"}),(0,n.jsx)(t.td,{children:'Change amount of distance if you click on an arrow, only available with behaviour="arrows"'}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"behaviour"}),(0,n.jsx)(t.td,{children:"Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'scrollbar' | 'arrows'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"initialSelectedIndex"}),(0,n.jsx)(t.td,{children:"Default behaviour is auto selecting the first tab, change selected tab by index"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"initialSelectedMode"}),(0,n.jsx)(t.td,{children:"Default behaviour is auto selecting the first tab, disable it with 'manually'"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'auto' | 'manually'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"name"}),(0,n.jsx)(t.td,{children:"The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabs"}),(0,n.jsx)(t.td,{children:"Provide simple tabs with label + text as content"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"signature | signature | signature | signature | signature | | DBTabPanelDefaultProps | signature | | | | string"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"orientation"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'horizontal' | 'vertical'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"width"}),(0,n.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"alignment"}),(0,n.jsx)(t.td,{children:"Define the content alignment in full width"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'start' | 'center'"})})})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(l,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,l,a,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(l=n||(n={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(a=s||(s={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return a},Vj:function(){return n},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},a=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=96366)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tag/properties-91d4244df8da3786.js b/review/main/_next/static/chunks/pages/components/tag/properties-91d4244df8da3786.js deleted file mode 100644 index 5d477498663..00000000000 --- a/review/main/_next/static/chunks/pages/components/tag/properties-91d4244df8da3786.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80872],{15622:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/properties",function(){return r(25719)}])},25719:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var n=r(52322),i=r(45392),a=r(11803);let s=e=>{let{children:t}=e;return(0,n.jsx)(a.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbtag",children:"DBTag"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"behaviour"}),(0,n.jsxs)(t.td,{children:["Defines the behaviour of the component:",(0,n.jsx)("br",{}),"- static: default behaviour without remove button",(0,n.jsx)("br",{})," - removable: add a remove button at the end of the tag"]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'static' | 'removable'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"disabled"}),(0,n.jsx)(t.td,{children:"Disable tag."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"noText"}),(0,n.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onRemove"}),(0,n.jsx)(t.td,{children:'If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.'}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"() => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"removeButton"}),(0,n.jsx)(t.td,{children:"The removeButton attribute shows the cancel button."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"text"}),(0,n.jsx)(t.td,{children:"Alternative for children to set content as property."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"value"}),(0,n.jsx)(t.td,{children:'If "interactive" is set to true, you can pass a value to the underlying checkbox or radio input.'}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"icon"}),(0,n.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,n.jsx)(t.em,{children:"account"}),", compare to ",(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"overflow"}),(0,n.jsx)(t.td,{children:"The overflow attribute sets a max-width and longer text will be dotted."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"emphasis"}),(0,n.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),a=r(13776);let s=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,r){"use strict";var n,i,a,s,d,c,o;r.d(t,{IY:function(){return l},YP:function(){return _},ce:function(){return h}});let l="OVERWRITE_DEFAULT_ID",_="Back",h="Close Button";(d=n||(n={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=a||(a={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return d},mS:function(){return s},yI:function(){return a},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},a=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},s=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),d=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=15622)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tag/properties-d28b5411096059d7.js b/review/main/_next/static/chunks/pages/components/tag/properties-d28b5411096059d7.js new file mode 100644 index 00000000000..d24660a8616 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/tag/properties-d28b5411096059d7.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80872],{15622:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/properties",function(){return n(25719)}])},25719:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtag",children:"DBTag"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"behaviour"}),(0,r.jsxs)(t.td,{children:["Defines the behaviour of the component:",(0,r.jsx)("br",{}),"- static: default behaviour without remove button",(0,r.jsx)("br",{})," - removable: add a remove button at the end of the tag"]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'static' | 'removable'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"Disable tag."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"noText"}),(0,r.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onRemove"}),(0,r.jsx)(t.td,{children:'If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.'}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"() => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"removeButton"}),(0,r.jsx)(t.td,{children:"The removeButton attribute shows the cancel button."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"text"}),(0,r.jsx)(t.td,{children:"Alternative for children to set content as property."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:'If "interactive" is set to true, you can pass a value to the underlying checkbox or radio input.'}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"overflow"}),(0,r.jsx)(t.td,{children:"The overflow attribute sets a max-width and longer text will be dotted."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"emphasis"}),(0,r.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return a},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=15622)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/textarea/properties-4ab6176c2722bd4f.js b/review/main/_next/static/chunks/pages/components/textarea/properties-4ab6176c2722bd4f.js deleted file mode 100644 index 8a01ed05ae1..00000000000 --- a/review/main/_next/static/chunks/pages/components/textarea/properties-4ab6176c2722bd4f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71636],{79444:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/properties",function(){return r(4358)}])},4358:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbtextarea",children:"DBTextarea"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"cols"}),(0,n.jsx)(t.td,{children:"The visible width of the text control, in average character widths. If it is specified, it must be a positive integer"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"resize"}),(0,n.jsx)(t.td,{children:"In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'both' | 'horizontal' | 'vertical'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"rows"}),(0,n.jsx)(t.td,{children:"The number of visible text lines for the control. If it is specified, it must be a positive integer"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"spellCheck"}),(0,n.jsx)(t.td,{children:"Specifies whether the textarea is subject to spell checking by the underlying browser/OS"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"wrap"}),(0,n.jsx)(t.td,{children:"Indicates how the control should wrap the value for form submission."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'hard' | 'soft' | 'off'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"change"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onChange"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"blur"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onBlur"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"focus"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onFocus"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"disabled"}),(0,n.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"form"}),(0,n.jsx)(t.td,{children:"Associates the control with a form element"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"invalid"}),(0,n.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"label"}),(0,n.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"name"}),(0,n.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"required"}),(0,n.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"value"}),(0,n.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"maxLength"}),(0,n.jsx)(t.td,{children:"Maximum length (number of characters) of value"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"minLength"}),(0,n.jsx)(t.td,{children:"Minimum length (number of characters) of value"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"readOnly"}),(0,n.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from edit on the form element"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"labelVariant"}),(0,n.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"placeholder"}),(0,n.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"message"}),(0,n.jsx)(t.td,{children:"Optional helper message for form components"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"messageIcon"}),(0,n.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'document_check' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_delighted' | 'face_disappointed' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'log_out' | 'logbook' | 'minus' | 'piggybank' | 'pin' | 'print' | 'push_button' | 'remove' | 'resize' | 'resize_handle_corner' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'dog' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'navigation_straight' | 'navigation_to_left' | 'navigation_to_right' | 'navigation_u_turn' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'qr_code_scan' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'time_outward_journey' | 'time_return_journey' | 'timetable' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'car_inverted' | 'carsharing_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 's_bahn_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'car' | 'car_sequence' | 'carsharing' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'rail_and_fly' | 'railroad_car' | 's_bahn' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"autocomplete"}),(0,n.jsxs)(t.td,{children:["See ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:" | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(a,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,a,c,l;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return _}});let o="OVERWRITE_DEFAULT_ID",h="Back",_="Close Button";(a=n||(n={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return a},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),a=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=79444)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/textarea/properties-dfee7c7f2b111b0a.js b/review/main/_next/static/chunks/pages/components/textarea/properties-dfee7c7f2b111b0a.js new file mode 100644 index 00000000000..5c28545c045 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/textarea/properties-dfee7c7f2b111b0a.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71636],{79444:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/properties",function(){return r(4358)}])},4358:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function l(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbtextarea",children:"DBTextarea"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"cols"}),(0,n.jsx)(t.td,{children:"The visible width of the text control, in average character widths. If it is specified, it must be a positive integer"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"resize"}),(0,n.jsx)(t.td,{children:"In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'both' | 'horizontal' | 'vertical'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"rows"}),(0,n.jsx)(t.td,{children:"The number of visible text lines for the control. If it is specified, it must be a positive integer"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"spellCheck"}),(0,n.jsx)(t.td,{children:"Specifies whether the textarea is subject to spell checking by the underlying browser/OS"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"wrap"}),(0,n.jsx)(t.td,{children:"Indicates how the control should wrap the value for form submission."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'hard' | 'soft' | 'off'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"change"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onChange"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"blur"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onBlur"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"focus"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onFocus"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"disabled"}),(0,n.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"form"}),(0,n.jsx)(t.td,{children:"Associates the control with a form element"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"invalid"}),(0,n.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"label"}),(0,n.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"name"}),(0,n.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"required"}),(0,n.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"value"}),(0,n.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabIndex"}),(0,n.jsxs)(t.td,{children:["The default tabindex (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"title"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"maxLength"}),(0,n.jsx)(t.td,{children:"Maximum length (number of characters) of value"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"minLength"}),(0,n.jsx)(t.td,{children:"Minimum length (number of characters) of value"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"readOnly"}),(0,n.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from edit on the form element"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"labelVariant"}),(0,n.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"placeholder"}),(0,n.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"message"}),(0,n.jsx)(t.td,{children:"Optional helper message for form components"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"messageIcon"}),(0,n.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"autocomplete"}),(0,n.jsxs)(t.td,{children:["See ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"string | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(l,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,l,c,a;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(l=n||(n={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=79444)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/assets/images/db_logo.svg b/review/main/assets/images/db_logo.svg new file mode 100644 index 00000000000..02278bee1b7 --- /dev/null +++ b/review/main/assets/images/db_logo.svg @@ -0,0 +1,4 @@ + diff --git a/review/main/base64.html b/review/main/base64.html index 848f462afa6..479a6398cfe 100644 --- a/review/main/base64.html +++ b/review/main/base64.html @@ -1 +1 @@ -DB UI Mono
    Open IFrame
    \ No newline at end of file +DB UI Mono
    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 0c95f7a51fc..0bdef6e1467 100644 --- a/review/main/components/accordion-item.html +++ b/review/main/components/accordion-item.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion-item/code/ContentStates.html b/review/main/components/accordion-item/code/ContentStates.html index 95669e650d4..2a73778aa68 100644 --- a/review/main/components/accordion-item/code/ContentStates.html +++ b/review/main/components/accordion-item/code/ContentStates.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion-item title="(Default) Collapsed">
+DB UI Mono
    <db-accordion-item title="(Default) Collapsed">
   (Default) Collapsed
 </db-accordion-item>
    undefined
    <DBAccordionItem title="(Default) Collapsed">
   (Default) Collapsed
@@ -6,4 +6,4 @@
   (Default) Collapsed
 </DBAccordionItem>
    <db-accordion-item title="Open" [open]="true">Open</db-accordion-item>
    undefined
    <DBAccordionItem title="Open" open>
   Open
-</DBAccordionItem>
    <DBAccordionItem title="Open" :open="true">Open</DBAccordionItem>
    
\ No newline at end of file
+</DBAccordionItem>
    <DBAccordionItem title="Open" :open="true">Open</DBAccordionItem>
    \ No newline at end of file diff --git a/review/main/components/accordion-item/code/InteractionStates.html b/review/main/components/accordion-item/code/InteractionStates.html index e1a387a44c3..1587fdbfeda 100644 --- a/review/main/components/accordion-item/code/InteractionStates.html +++ b/review/main/components/accordion-item/code/InteractionStates.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion-item title="Enabled (Default)/Hover/Pressed">
+DB UI Mono
    <db-accordion-item title="Enabled (Default)/Hover/Pressed">
   Enabled (Default)/Hover/Pressed
 </db-accordion-item>
    undefined
    <DBAccordionItem title="Enabled (Default)/Hover/Pressed">
   Enabled (Default)/Hover/Pressed
@@ -6,4 +6,4 @@
   Enabled (Default)/Hover/Pressed
 </DBAccordionItem>
    <db-accordion-item title="Disabled" [disabled]="true">Disabled</db-accordion-item>
    undefined
    <DBAccordionItem title="Disabled" disabled>
   Disabled
-</DBAccordionItem>
    <DBAccordionItem title="Disabled" :disabled="true">Disabled</DBAccordionItem>
    
\ No newline at end of file
+</DBAccordionItem>
    <DBAccordionItem title="Disabled" :disabled="true">Disabled</DBAccordionItem>
    \ 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 3c3694ae6a2..78af07cd5ea 100644 --- a/review/main/components/accordion-item/code/Tonality.html +++ b/review/main/components/accordion-item/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion-item title="Functional">Functional</db-accordion-item>
    <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
+DB UI Mono
    <db-accordion-item title="Functional">Functional</db-accordion-item>
    <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
   <summary>Functional</summary>
   <div>Functional</div>
 </details>
    <DBAccordionItem title="Functional">Functional</DBAccordionItem>
    <DBAccordionItem title="Functional">Functional</DBAccordionItem>
    <db-accordion-item title="(Default) Regular">
@@ -9,4 +9,4 @@
 </details>
    <DBAccordionItem title="(Default) Regular">(Default) Regular</DBAccordionItem>
    <DBAccordionItem title="(Default) Regular">(Default) Regular</DBAccordionItem>
    <db-accordion-item title="Expressive">Expressive</db-accordion-item>
    <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
   <summary>Expressive</summary>
   <div>Expressive</div>
-</details>
    <DBAccordionItem title="Expressive">Expressive</DBAccordionItem>
    <DBAccordionItem title="Expressive">Expressive</DBAccordionItem>
    
\ No newline at end of file
+</details>
    <DBAccordionItem title="Expressive">Expressive</DBAccordionItem>
    <DBAccordionItem title="Expressive">Expressive</DBAccordionItem>
    \ 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 24fdb1633bf..63137da8420 100644 --- a/review/main/components/accordion-item/docs/Angular.html +++ b/review/main/components/accordion-item/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -22,4 +22,4 @@ 
    With Content ProjectionWith attributeswith-attributes anchor link
    
 
    <!-- app.component.html -->
 <db-accordion-item title="Title" content="Content"></db-accordion-item>
-
    \ No newline at end of file +
    \ 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 6c7b85d91e6..ea5485fb153 100644 --- a/review/main/components/accordion-item/docs/HTML.html +++ b/review/main/components/accordion-item/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion-item/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 caf148cc87b..483b29ebcd4 100644 --- a/review/main/components/accordion-item/docs/Migration.html +++ b/review/main/components/accordion-item/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    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)

    propsprops anchor link

    -
    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 d1d285565d3..63b80a8ea9e 100644 --- a/review/main/components/accordion-item/docs/React.html +++ b/review/main/components/accordion-item/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    With Slotswith-slots anchor link

    @@ -14,4 +14,4 @@

    With attributes{"props":{"pageProps":{}},"page":"/components/accordion-item/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ 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 26381d403c9..13954a54cd3 100644 --- a/review/main/components/accordion-item/docs/Vue.html +++ b/review/main/components/accordion-item/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    With Slotswith-slots anchor link

    @@ -23,4 +23,4 @@

    With attributes{"props":{"pageProps":{}},"page":"/components/accordion-item/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ 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 0d05e9efa87..ab9ef64e397 100644 --- a/review/main/components/accordion-item/how-to-use.html +++ b/review/main/components/accordion-item/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 a0d6cc4bf6c..dd29738ab5f 100644 --- a/review/main/components/accordion-item/migration.html +++ b/review/main/components/accordion-item/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 c50c5b524e9..9a8a9a87c70 100644 --- a/review/main/components/accordion-item/overview.html +++ b/review/main/components/accordion-item/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 38820a9a018..55f7545b68a 100644 --- a/review/main/components/accordion-item/properties.html +++ b/review/main/components/accordion-item/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion.html b/review/main/components/accordion.html index 163cd019f00..6e04901619c 100644 --- a/review/main/components/accordion.html +++ b/review/main/components/accordion.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 57eb50bb5cc..cf9a12cd03b 100644 --- a/review/main/components/accordion/code/Behaviour.html +++ b/review/main/components/accordion/code/Behaviour.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion>
+DB UI Mono
    <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>
@@ -22,4 +22,4 @@
   <DBAccordionItem title="Item 1" content="Content 1" />
   <DBAccordionItem title="Item 2" content="Content 2" />
   <DBAccordionItem title="Item 3" content="Content 3" />
-</DBAccordion>
    
\ No newline at end of file
+</DBAccordion>
    \ 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 368a8123004..6192a0e9ede 100644 --- a/review/main/components/accordion/code/Tonality.html +++ b/review/main/components/accordion/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion>
+DB UI Mono
    <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>
@@ -34,4 +34,4 @@
   <DBAccordionItem title="Item 1" content="Content 1" />
   <DBAccordionItem title="Item 2" content="Content 2" />
   <DBAccordionItem title="Item 3" content="Content 3" />
-</DBAccordion>
    
\ No newline at end of file
+</DBAccordion>
    \ No newline at end of file diff --git a/review/main/components/accordion/code/Variant.html b/review/main/components/accordion/code/Variant.html index 6b476c5735b..e29caff744a 100644 --- a/review/main/components/accordion/code/Variant.html +++ b/review/main/components/accordion/code/Variant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion>
+DB UI Mono
    <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>
@@ -22,4 +22,4 @@
   <DBAccordionItem title="Item 1" content="Content 1" />
   <DBAccordionItem title="Item 2" content="Content 2" />
   <DBAccordionItem title="Item 3" content="Content 3" />
-</DBAccordion>
    
\ No newline at end of file
+</DBAccordion>
    \ 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 7ea95ca6944..f4253071331 100644 --- a/review/main/components/accordion/docs/Angular.html +++ b/review/main/components/accordion/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 ce5646c4cdf..68f06d14524 100644 --- a/review/main/components/accordion/docs/HTML.html +++ b/review/main/components/accordion/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -19,4 +19,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 54c7e0f2efb..bc3251d77cb 100644 --- a/review/main/components/accordion/docs/Migration.html +++ b/review/main/components/accordion/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    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 8990ac49878..32ca748b4df 100644 --- a/review/main/components/accordion/docs/React.html +++ b/review/main/components/accordion/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 eb38b12e651..c511c3cf8b2 100644 --- a/review/main/components/accordion/docs/Vue.html +++ b/review/main/components/accordion/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -13,4 +13,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 a0f3e961609..3a1c6e235f3 100644 --- a/review/main/components/accordion/how-to-use.html +++ b/review/main/components/accordion/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion/migration.html b/review/main/components/accordion/migration.html index 4e09d04e910..34adb1f0bc2 100644 --- a/review/main/components/accordion/migration.html +++ b/review/main/components/accordion/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion/overview.html b/review/main/components/accordion/overview.html index df18e6e06f0..a7db393ca74 100644 --- a/review/main/components/accordion/overview.html +++ b/review/main/components/accordion/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion/properties.html b/review/main/components/accordion/properties.html index a6a0f393720..96159ee80ac 100644 --- a/review/main/components/accordion/properties.html +++ b/review/main/components/accordion/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/alert.html b/review/main/components/alert.html index b3e775a19b6..7ed30441a67 100644 --- a/review/main/components/alert.html +++ b/review/main/components/alert.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 a84490e0511..d5705246fee 100644 --- a/review/main/components/alert/code/Behaviour.html +++ b/review/main/components/alert/code/Behaviour.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" [click]="()=>{alert('click close button')}">Closable</db-alert>
    <div class="db-alert" data-type="alert">
+DB UI Mono
    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" [click]="()=>{alert('click close button')}">Closable</db-alert>
    <div class="db-alert" data-type="alert">
   <strong class="db-alert-headline">Headline</strong>
   <p class="db-alert-content">Closable</p>
   <a
@@ -46,4 +46,4 @@
   behaviour="permanent"
 >
   Permanent
-</DBAlert>
    <DBAlert type="alert" headline="Headline" :link="{'href':'#','text':'Link'}" behaviour="permanent">Permanent</DBAlert>
    
\ No newline at end of file
+</DBAlert>
    <DBAlert type="alert" headline="Headline" :link="{'href':'#','text':'Link'}" behaviour="permanent">Permanent</DBAlert>
    \ 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 c01c4dff536..d9bd5d9e9e7 100644 --- a/review/main/components/alert/code/Content.html +++ b/review/main/components/alert/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link & Icon</db-alert>
    <div class="db-alert" data-type="alert" data-icon="account">
+DB UI Mono
    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link & Icon</db-alert>
    <div class="db-alert" data-type="alert" data-icon="account">
   <strong class="db-alert-headline">Headline</strong>
   <p class="db-alert-content">Headline &amp Text &amp Link &amp Icon</p>
   <a
@@ -76,4 +76,4 @@
   >
     Close Button
   </button>
-</div>
    <DBAlert>Text</DBAlert>
    <DBAlert>Text</DBAlert>
    
\ No newline at end of file
+</div>
    <DBAlert>Text</DBAlert>
    <DBAlert>Text</DBAlert>
    \ 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 ae81858ba90..9b252a9bb2e 100644 --- a/review/main/components/alert/code/Tonality.html +++ b/review/main/components/alert/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">Functional</db-alert>
    <div class="db-alert">
+DB UI Mono
    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">Functional</db-alert>
    <div class="db-alert">
   <strong class="db-alert-headline">Headline</strong>
   <p class="db-alert-content">Functional</p>
   <a
@@ -64,4 +64,4 @@
   </button>
 </div>
    <DBAlert headline="Headline" link={{ href: "#", text: "Link" }}>
   Expressive
-</DBAlert>
    <DBAlert headline="Headline" :link="{'href':'#','text':'Link'}">Expressive</DBAlert>
    
\ No newline at end of file
+</DBAlert>
    <DBAlert headline="Headline" :link="{'href':'#','text':'Link'}">Expressive</DBAlert>
    \ 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 ac27492c091..68a7d46441d 100644 --- a/review/main/components/alert/code/Type.html +++ b/review/main/components/alert/code/Type.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Alert</db-alert>
    <div class="db-alert" data-type="alert">
+DB UI Mono
    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Alert</db-alert>
    <div class="db-alert" data-type="alert">
   <strong class="db-alert-headline">Headline</strong>
   <p class="db-alert-content">(Default) Alert</p>
   <a
@@ -42,4 +42,4 @@
   </button>
 </div>
    <DBAlert type="inline" headline="Headline" link={{ href: "#", text: "Link" }}>
   Inline
-</DBAlert>
    <DBAlert type="inline" headline="Headline" :link="{'href':'#','text':'Link'}">Inline</DBAlert>
    
\ No newline at end of file
+</DBAlert>
    <DBAlert type="inline" headline="Headline" :link="{'href':'#','text':'Link'}">Inline</DBAlert>
    \ 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 5ba3b2523ae..4b34459f458 100644 --- a/review/main/components/alert/code/Variant.html +++ b/review/main/components/alert/code/Variant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Adaptive</db-alert>
    <div class="db-alert" data-type="alert" data-icon="account">
+DB UI Mono
    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Adaptive</db-alert>
    <div class="db-alert" data-type="alert" data-icon="account">
   <strong class="db-alert-headline">Headline</strong>
   <p class="db-alert-content">(Default) Adaptive</p>
   <a
@@ -160,4 +160,4 @@
   link={{ href: "#", text: "Link" }}
 >
   Warning
-</DBAlert>
    <DBAlert type="alert" variant="warning" headline="Headline" :link="{'href':'#','text':'Link'}">Warning</DBAlert>
    
\ No newline at end of file
+</DBAlert>
    <DBAlert type="alert" variant="warning" headline="Headline" :link="{'href':'#','text':'Link'}">Warning</DBAlert>
    \ 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 0304fb96545..b981349babd 100644 --- a/review/main/components/alert/docs/Angular.html +++ b/review/main/components/alert/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-alert headline="Headline">Alert</db-alert>
-
    \ No newline at end of file +
    \ 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 24ede0e30af..1bc58b49956 100644 --- a/review/main/components/alert/docs/HTML.html +++ b/review/main/components/alert/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -23,4 +23,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/alert/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 45aa733f9a3..95f4329f927 100644 --- a/review/main/components/alert/docs/Migration.html +++ b/review/main/components/alert/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    classvariant ➡ typevariant--type anchor link

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

    type ➡ variantstype--variants anchor link

    -
    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 6624f895743..1f0a776adc8 100644 --- a/review/main/components/alert/docs/React.html +++ b/review/main/components/alert/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/alert/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 e294cde695d..5c1b2eaa7a7 100644 --- a/review/main/components/alert/docs/Vue.html +++ b/review/main/components/alert/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/alert/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 31ed6dae653..cb684024ef0 100644 --- a/review/main/components/alert/how-to-use.html +++ b/review/main/components/alert/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/alert/migration.html b/review/main/components/alert/migration.html index 386553cd415..0182bfe8e36 100644 --- a/review/main/components/alert/migration.html +++ b/review/main/components/alert/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/alert/overview.html b/review/main/components/alert/overview.html index dbcf540ba0a..6c3331a22d4 100644 --- a/review/main/components/alert/overview.html +++ b/review/main/components/alert/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/alert/properties.html b/review/main/components/alert/properties.html index 0887441100b..552a67fc53c 100644 --- a/review/main/components/alert/properties.html +++ b/review/main/components/alert/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/badge.html b/review/main/components/badge.html index 03c52d6de03..89c52769092 100644 --- a/review/main/components/badge.html +++ b/review/main/components/badge.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 3e3347b39fa..0462922a4b4 100644 --- a/review/main/components/badge/code/Content.html +++ b/review/main/components/badge/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-badge>(Default) Text</db-badge>
    <span class="db-badge">(Default) Text</span>
    <DBBadge>(Default) Text</DBBadge>
    <DBBadge>(Default) Text</DBBadge>
    <db-badge size="medium">(Default) Text - Medium</db-badge>
    <span class="db-badge" data-size="medium">
+DB UI Mono
    <db-badge>(Default) Text</db-badge>
    <span class="db-badge">(Default) Text</span>
    <DBBadge>(Default) Text</DBBadge>
    <DBBadge>(Default) Text</DBBadge>
    <db-badge size="medium">(Default) Text - Medium</db-badge>
    <span class="db-badge" data-size="medium">
   (Default) Text - Medium
 </span>
    <DBBadge size="medium">(Default) Text - Medium</DBBadge>
    <DBBadge size="medium">(Default) Text - Medium</DBBadge>
    <db-badge [noContent]="true">Dot - Small</db-badge>
    <span class="db-badge">Dot - Small</span>
    <DBBadge noContent>Dot - Small</DBBadge>
    <DBBadge :noContent="true">Dot - Small</DBBadge>
    <db-badge [noContent]="true" size="medium">Dot - Medium</db-badge>
    <span class="db-badge" data-size="medium">
   Dot - Medium
@@ -12,4 +12,4 @@
   Icon - Medium
 </DBBadge>
    <DBBadge example="icon" size="medium">
   Icon - Medium
-</DBBadge>
    
\ No newline at end of file
+</DBBadge>
    \ 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 c0e7bcaab83..e04f7055701 100644 --- a/review/main/components/badge/code/Emphasis.html +++ b/review/main/components/badge/code/Emphasis.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-badge>(Default) Weak</db-badge>
    <span class="db-badge">(Default) Weak</span>
    <DBBadge>(Default) Weak</DBBadge>
    <DBBadge>(Default) Weak</DBBadge>
    <db-badge emphasis="strong">Strong</db-badge>
    <span class="db-badge" data-emphasis="strong">
+DB UI Mono
    <db-badge>(Default) Weak</db-badge>
    <span class="db-badge">(Default) Weak</span>
    <DBBadge>(Default) Weak</DBBadge>
    <DBBadge>(Default) Weak</DBBadge>
    <db-badge emphasis="strong">Strong</db-badge>
    <span class="db-badge" data-emphasis="strong">
   Strong
-</span>
    <DBBadge emphasis="strong">Strong</DBBadge>
    <DBBadge emphasis="strong">Strong</DBBadge>
    
\ No newline at end of file
+</span>
    <DBBadge emphasis="strong">Strong</DBBadge>
    <DBBadge emphasis="strong">Strong</DBBadge>
    \ 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 084cbbe48a2..7e78fd0d1b7 100644 --- a/review/main/components/badge/code/Examples.html +++ b/review/main/components/badge/code/Examples.html @@ -1 +1 @@ -DB UI Mono
    <db-badge example="number">Numbers</db-badge>
    <span class="db-badge">Numbers</span>
    <DBBadge example="number">Numbers</DBBadge>
    <DBBadge example="number">Numbers</DBBadge>
    \ No newline at end of file +DB UI Mono
    <db-badge example="number">Numbers</db-badge>
    <span class="db-badge">Numbers</span>
    <DBBadge example="number">Numbers</DBBadge>
    <DBBadge example="number">Numbers</DBBadge>
    \ 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 7f21841be7a..628a48028b9 100644 --- a/review/main/components/badge/code/Placement.html +++ b/review/main/components/badge/code/Placement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-badge placement="inline">(Default) Inline</db-badge>
    <span class="db-badge" data-placement="inline">
+DB UI Mono
    <db-badge placement="inline">(Default) Inline</db-badge>
    <span class="db-badge" data-placement="inline">
   (Default) Inline
 </span>
    <DBBadge placement="inline">(Default) Inline</DBBadge>
    <DBBadge placement="inline">(Default) Inline</DBBadge>
    <db-badge placement="corner-top-left">Corner - Top - Left</db-badge>
    <span class="db-badge" data-placement="corner-top-left">
   Corner - Top - Left
@@ -12,4 +12,4 @@
   Corner - Center - Right
 </span>
    <DBBadge placement="corner-center-right">Corner - Center - Right</DBBadge>
    <DBBadge placement="corner-center-right">Corner - Center - Right</DBBadge>
    <db-badge placement="corner-bottom-right">Corner - Bottom- Right</db-badge>
    <span class="db-badge" data-placement="corner-bottom-right">
   Corner - Bottom- Right
-</span>
    <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
    <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
    
\ No newline at end of file
+</span>
    <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
    <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
    \ No newline at end of file diff --git a/review/main/components/badge/code/Semantic.html b/review/main/components/badge/code/Semantic.html index 2aeaa66bb2c..94a0e8ddea9 100644 --- a/review/main/components/badge/code/Semantic.html +++ b/review/main/components/badge/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-badge>(Default) Adaptive</db-badge>
    <span class="db-badge">(Default) Adaptive</span>
    <DBBadge>(Default) Adaptive</DBBadge>
    <DBBadge>(Default) Adaptive</DBBadge>
    <db-badge variant="neutral">Neutral</db-badge>
    <span class="db-badge" data-variant="neutral">
+DB UI Mono
    <db-badge>(Default) Adaptive</db-badge>
    <span class="db-badge">(Default) Adaptive</span>
    <DBBadge>(Default) Adaptive</DBBadge>
    <DBBadge>(Default) Adaptive</DBBadge>
    <db-badge variant="neutral">Neutral</db-badge>
    <span class="db-badge" data-variant="neutral">
   Neutral
 </span>
    <DBBadge variant="neutral">Neutral</DBBadge>
    <DBBadge variant="neutral">Neutral</DBBadge>
    <db-badge variant="critical">Critical</db-badge>
    <span class="db-badge" data-variant="critical">
   Critical
@@ -50,4 +50,4 @@
   Warning Strong
 </DBBadge>
    <DBBadge variant="warning" emphasis="strong">
   Warning Strong
-</DBBadge>
    
\ No newline at end of file
+</DBBadge>
    \ 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 d32343f7424..bb7fe12d4b7 100644 --- a/review/main/components/badge/code/Size.html +++ b/review/main/components/badge/code/Size.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-badge>(Default) Small</db-badge>
    <span class="db-badge">(Default) Small</span>
    <DBBadge>(Default) Small</DBBadge>
    <DBBadge>(Default) Small</DBBadge>
    <db-badge size="medium">Medium</db-badge>
    <span class="db-badge" data-size="medium">
+DB UI Mono
    <db-badge>(Default) Small</db-badge>
    <span class="db-badge">(Default) Small</span>
    <DBBadge>(Default) Small</DBBadge>
    <DBBadge>(Default) Small</DBBadge>
    <db-badge size="medium">Medium</db-badge>
    <span class="db-badge" data-size="medium">
   Medium
-</span>
    <DBBadge size="medium">Medium</DBBadge>
    <DBBadge size="medium">Medium</DBBadge>
    
\ No newline at end of file
+</span>
    <DBBadge size="medium">Medium</DBBadge>
    <DBBadge size="medium">Medium</DBBadge>
    \ 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 93eb497c2fb..33359e142bf 100644 --- a/review/main/components/badge/code/Tonality.html +++ b/review/main/components/badge/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-badge>Functional</db-badge>
    <span class="db-badge">Functional</span>
    <DBBadge>Functional</DBBadge>
    <DBBadge>Functional</DBBadge>
    <db-badge>(Default) Regular</db-badge>
    <span class="db-badge">(Default) Regular</span>
    <DBBadge>(Default) Regular</DBBadge>
    <DBBadge>(Default) Regular</DBBadge>
    <db-badge>Expressive</db-badge>
    <span class="db-badge">Expressive</span>
    <DBBadge>Expressive</DBBadge>
    <DBBadge>Expressive</DBBadge>
    \ No newline at end of file +DB UI Mono
    <db-badge>Functional</db-badge>
    <span class="db-badge">Functional</span>
    <DBBadge>Functional</DBBadge>
    <DBBadge>Functional</DBBadge>
    <db-badge>(Default) Regular</db-badge>
    <span class="db-badge">(Default) Regular</span>
    <DBBadge>(Default) Regular</DBBadge>
    <DBBadge>(Default) Regular</DBBadge>
    <db-badge>Expressive</db-badge>
    <span class="db-badge">Expressive</span>
    <DBBadge>Expressive</DBBadge>
    <DBBadge>Expressive</DBBadge>
    \ 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 0d33ac70f3e..82d68a94f98 100644 --- a/review/main/components/badge/docs/Angular.html +++ b/review/main/components/badge/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-badge>Badge</db-badge>
-
    \ No newline at end of file +
    \ 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 2c3f67dc7eb..e3988c2003d 100644 --- a/review/main/components/badge/docs/HTML.html +++ b/review/main/components/badge/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/badge/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 e3f19bbbc43..ef8752fe0f2 100644 --- a/review/main/components/badge/docs/Migration.html +++ b/review/main/components/badge/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    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 906e79de274..1cd6c248287 100644 --- a/review/main/components/badge/docs/React.html +++ b/review/main/components/badge/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/badge/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 65bf7a2a261..fb917f15bbb 100644 --- a/review/main/components/badge/docs/Vue.html +++ b/review/main/components/badge/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/badge/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 81a8992c444..5963672cdf7 100644 --- a/review/main/components/badge/how-to-use.html +++ b/review/main/components/badge/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/badge/migration.html b/review/main/components/badge/migration.html index 20ca9215451..7c2a516527c 100644 --- a/review/main/components/badge/migration.html +++ b/review/main/components/badge/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/badge/overview.html b/review/main/components/badge/overview.html index 567118efc85..57943d5829a 100644 --- a/review/main/components/badge/overview.html +++ b/review/main/components/badge/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/badge/properties.html b/review/main/components/badge/properties.html index 92b20e96ff7..79ae0df454f 100644 --- a/review/main/components/badge/properties.html +++ b/review/main/components/badge/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/brand.html b/review/main/components/brand.html index 0af913dd74b..64caaccd39c 100644 --- a/review/main/components/brand.html +++ b/review/main/components/brand.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/brand/code/Tonality.html b/review/main/components/brand/code/Tonality.html index e61bac76233..d69348924d9 100644 --- a/review/main/components/brand/code/Tonality.html +++ b/review/main/components/brand/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-brand>Functional</db-brand>
    <div class="db-brand">
+DB UI Mono
    <db-brand>Functional</db-brand>
    <div class="db-brand">
   <a href="/">
     <img
       class="db-logo"
@@ -31,4 +31,4 @@
     />
   </a>
   Expressive
-</div>
    <DBBrand>Expressive</DBBrand>
    <DBBrand>Expressive</DBBrand>
    
\ No newline at end of file
+</div>
    <DBBrand>Expressive</DBBrand>
    <DBBrand>Expressive</DBBrand>
    \ 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 84139d55030..1b44e430e31 100644 --- a/review/main/components/brand/docs/Angular.html +++ b/review/main/components/brand/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-brand>Brand</db-brand>
-
    \ No newline at end of file +
    \ 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 f65789dc922..d4de08a054e 100644 --- a/review/main/components/brand/docs/HTML.html +++ b/review/main/components/brand/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/brand/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 4650ba3fd32..cd073d027fa 100644 --- a/review/main/components/brand/docs/React.html +++ b/review/main/components/brand/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/brand/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 c9740ea8fc2..b0136077248 100644 --- a/review/main/components/brand/docs/Vue.html +++ b/review/main/components/brand/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/brand/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 02e12f42861..c8193088556 100644 --- a/review/main/components/brand/how-to-use.html +++ b/review/main/components/brand/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/brand/migration.html b/review/main/components/brand/migration.html index 18db1831a67..65f09194b8d 100644 --- a/review/main/components/brand/migration.html +++ b/review/main/components/brand/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/brand/overview.html b/review/main/components/brand/overview.html index 48a2e4bccb2..7e0eca0d25a 100644 --- a/review/main/components/brand/overview.html +++ b/review/main/components/brand/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/brand/properties.html b/review/main/components/brand/properties.html index d1f12a4feea..947350623f1 100644 --- a/review/main/components/brand/properties.html +++ b/review/main/components/brand/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/button.html b/review/main/components/button.html index 52d3b48e1e5..7c0bf38a596 100644 --- a/review/main/components/button.html +++ b/review/main/components/button.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 71e9cc06d31..f853d587657 100644 --- a/review/main/components/button/code/Behaviour.html +++ b/review/main/components/button/code/Behaviour.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-button>(Default) Auto Width</db-button>
    <button class="db-button">(Default) Auto Width</button>
    <DBButton>(Default) Auto Width</DBButton>
    <DBButton>(Default) Auto Width</DBButton>
    <db-button width="full">Width full</db-button>
    <button class="db-button" data-width="full">
+DB UI Mono
    <db-button>(Default) Auto Width</db-button>
    <button class="db-button">(Default) Auto Width</button>
    <DBButton>(Default) Auto Width</DBButton>
    <DBButton>(Default) Auto Width</DBButton>
    <db-button width="full">Width full</db-button>
    <button class="db-button" data-width="full">
   Width full
-</button>
    <DBButton width="full">Width full</DBButton>
    <DBButton width="full">Width full</DBButton>
    
\ No newline at end of file
+</button>
    <DBButton width="full">Width full</DBButton>
    <DBButton width="full">Width full</DBButton>
    \ 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 e063f7a334d..853f0fc02af 100644 --- a/review/main/components/button/code/Content.html +++ b/review/main/components/button/code/Content.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-button>(Default) Text</db-button>
    <button class="db-button">(Default) Text</button>
    <DBButton>(Default) Text</DBButton>
    <DBButton>(Default) Text</DBButton>
    <db-button icon="account">Icon & Text</db-button>
    <button class="db-button" data-icon="account">
+DB UI Mono
    <db-button>(Default) Text</db-button>
    <button class="db-button">(Default) Text</button>
    <DBButton>(Default) Text</DBButton>
    <DBButton>(Default) Text</DBButton>
    <db-button icon="account">Icon & Text</db-button>
    <button class="db-button" data-icon="account">
   Icon &amp Text
 </button>
    <DBButton icon="account">Icon & Text</DBButton>
    <DBButton icon="account">Icon & Text</DBButton>
    <db-button icon="account" [noText]="true">Icon</db-button>
    <button class="db-button is-icon-text-replace" data-icon="account">
   Icon
 </button>
    <DBButton icon="account" noText>
   Icon
-</DBButton>
    <DBButton icon="account" :noText="true">Icon</DBButton>
    
\ No newline at end of file
+</DBButton>
    <DBButton icon="account" :noText="true">Icon</DBButton>
    \ 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 2c065b2a041..888daa69b8c 100644 --- a/review/main/components/button/code/Size.html +++ b/review/main/components/button/code/Size.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-button>(Default) Medium</db-button>
    <button class="db-button">(Default) Medium</button>
    <DBButton>(Default) Medium</DBButton>
    <DBButton>(Default) Medium</DBButton>
    <db-button size="small">Small</db-button>
    <button class="db-button" data-size="small">
+DB UI Mono
    <db-button>(Default) Medium</db-button>
    <button class="db-button">(Default) Medium</button>
    <DBButton>(Default) Medium</DBButton>
    <DBButton>(Default) Medium</DBButton>
    <db-button size="small">Small</db-button>
    <button class="db-button" data-size="small">
   Small
-</button>
    <DBButton size="small">Small</DBButton>
    <DBButton size="small">Small</DBButton>
    
\ No newline at end of file
+</button>
    <DBButton size="small">Small</DBButton>
    <DBButton size="small">Small</DBButton>
    \ 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 fc4859d17e7..0487c0e3711 100644 --- a/review/main/components/button/code/State.html +++ b/review/main/components/button/code/State.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-button>(Default) Enabled</db-button>
    <button class="db-button">(Default) Enabled</button>
    <DBButton>(Default) Enabled</DBButton>
    <DBButton>(Default) Enabled</DBButton>
    <db-button [disabled]="true">Disabled</db-button>
    <button class="db-button" disabled="">
+DB UI Mono
    <db-button>(Default) Enabled</db-button>
    <button class="db-button">(Default) Enabled</button>
    <DBButton>(Default) Enabled</DBButton>
    <DBButton>(Default) Enabled</DBButton>
    <db-button [disabled]="true">Disabled</db-button>
    <button class="db-button" disabled="">
   Disabled
-</button>
    <DBButton disabled>Disabled</DBButton>
    <DBButton :disabled="true">Disabled</DBButton>
    
\ No newline at end of file
+</button>
    <DBButton disabled>Disabled</DBButton>
    <DBButton :disabled="true">Disabled</DBButton>
    \ 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 2883d5185a8..a0c82f921be 100644 --- a/review/main/components/button/code/Tonality.html +++ b/review/main/components/button/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-button>Functional</db-button>
    <button class="db-button">Functional</button>
    <DBButton>Functional</DBButton>
    <DBButton>Functional</DBButton>
    <db-button>(Default) Regular</db-button>
    <button class="db-button">(Default) Regular</button>
    <DBButton>(Default) Regular</DBButton>
    <DBButton>(Default) Regular</DBButton>
    <db-button>Expressive</db-button>
    <button class="db-button">Expressive</button>
    <DBButton>Expressive</DBButton>
    <DBButton>Expressive</DBButton>
    \ No newline at end of file +DB UI Mono
    <db-button>Functional</db-button>
    <button class="db-button">Functional</button>
    <DBButton>Functional</DBButton>
    <DBButton>Functional</DBButton>
    <db-button>(Default) Regular</db-button>
    <button class="db-button">(Default) Regular</button>
    <DBButton>(Default) Regular</DBButton>
    <DBButton>(Default) Regular</DBButton>
    <db-button>Expressive</db-button>
    <button class="db-button">Expressive</button>
    <DBButton>Expressive</DBButton>
    <DBButton>Expressive</DBButton>
    \ 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 48583a7a720..7e4672c9c7c 100644 --- a/review/main/components/button/code/Variant.html +++ b/review/main/components/button/code/Variant.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-button variant="primary">Primary</db-button>
    <button class="db-button" data-variant="primary">
+DB UI Mono
    <db-button variant="primary">Primary</db-button>
    <button class="db-button" data-variant="primary">
   Primary
 </button>
    <DBButton variant="primary">Primary</DBButton>
    <DBButton variant="primary">Primary</DBButton>
    <db-button>Outlined (Adaptive)</db-button>
    <button class="db-button">Outlined (Adaptive)</button>
    <DBButton>Outlined (Adaptive)</DBButton>
    <DBButton>Outlined (Adaptive)</DBButton>
    <db-button variant="solid">Solid (Adaptive)</db-button>
    <button class="db-button" data-variant="solid">
   Solid (Adaptive)
 </button>
    <DBButton variant="solid">Solid (Adaptive)</DBButton>
    <DBButton variant="solid">Solid (Adaptive)</DBButton>
    <db-button variant="text">Text (Adaptive)</db-button>
    <button class="db-button" data-variant="text">
   Text (Adaptive)
-</button>
    <DBButton variant="text">Text (Adaptive)</DBButton>
    <DBButton variant="text">Text (Adaptive)</DBButton>
    
\ No newline at end of file
+</button>
    <DBButton variant="text">Text (Adaptive)</DBButton>
    <DBButton variant="text">Text (Adaptive)</DBButton>
    \ 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 55d1a6ce300..4beecfbca49 100644 --- a/review/main/components/button/docs/Angular.html +++ b/review/main/components/button/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-button variant="primary">Button</db-button>
-
    \ No newline at end of file +
    \ 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 c1a7c79679a..31ba7bae7fd 100644 --- a/review/main/components/button/docs/HTML.html +++ b/review/main/components/button/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -8,4 +8,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/button/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 81134c5d9dd..7b9f5f1fa50 100644 --- a/review/main/components/button/docs/Migration.html +++ b/review/main/components/button/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    sizesvariantsvariants anchor link

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

    iconsicons anchor link

    -
    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 1467d840791..3ffaa821dad 100644 --- a/review/main/components/button/docs/React.html +++ b/review/main/components/button/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/button/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 21db5f56833..4dd614173a6 100644 --- a/review/main/components/button/docs/Vue.html +++ b/review/main/components/button/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/button/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 54d2ef5afba..ce8368aed5a 100644 --- a/review/main/components/button/how-to-use.html +++ b/review/main/components/button/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/button/migration.html b/review/main/components/button/migration.html index f7bb1aa8ae6..c924d9105df 100644 --- a/review/main/components/button/migration.html +++ b/review/main/components/button/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/button/overview.html b/review/main/components/button/overview.html index 8d62455f317..f304a361e33 100644 --- a/review/main/components/button/overview.html +++ b/review/main/components/button/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/button/properties.html b/review/main/components/button/properties.html index 907c7688622..6c38bbfed01 100644 --- a/review/main/components/button/properties.html +++ b/review/main/components/button/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/card.html b/review/main/components/card.html index 44dcd428e98..503b323335f 100644 --- a/review/main/components/card.html +++ b/review/main/components/card.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 5dd35517715..077c9abecbb 100644 --- a/review/main/components/card/code/Colorvariant.html +++ b/review/main/components/card/code/Colorvariant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-card variant="interactive" spacing="small" colorVariant="adaptive">
+DB UI Mono
    <db-card variant="interactive" spacing="small" colorVariant="adaptive">
   (Default) adaptive
 </db-card>
    undefined
    <DBCard variant="interactive" spacing="small" colorVariant="adaptive">
   (Default) adaptive
@@ -40,4 +40,4 @@
   informational
 </DBCard>
    <DBCard colorVariant="informational" variant="interactive" spacing="small">
   informational
-</DBCard>
    
\ No newline at end of file
+</DBCard>
    \ 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 1402d665cfe..161bb5eb05b 100644 --- a/review/main/components/card/code/Spacing.html +++ b/review/main/components/card/code/Spacing.html @@ -1,5 +1,5 @@ -DB UI Mono
    <db-card>(Default) No Spacing</db-card>
    <div class="db-card">(Default) No Spacing</div>
    <DBCard>(Default) No Spacing</DBCard>
    <DBCard>(Default) No Spacing</DBCard>
    <db-card spacing="medium">Medium</db-card>
    <div class="db-card" data-spacing="medium">
+DB UI Mono
    <db-card>(Default) No Spacing</db-card>
    <div class="db-card">(Default) No Spacing</div>
    <DBCard>(Default) No Spacing</DBCard>
    <DBCard>(Default) No Spacing</DBCard>
    <db-card spacing="medium">Medium</db-card>
    <div class="db-card" data-spacing="medium">
   Medium
 </div>
    <DBCard spacing="medium">Medium</DBCard>
    <DBCard spacing="medium">Medium</DBCard>
    <db-card spacing="small">Small</db-card>
    <div class="db-card" data-spacing="small">
   Small
-</div>
    <DBCard spacing="small">Small</DBCard>
    <DBCard spacing="small">Small</DBCard>
    
\ No newline at end of file
+</div>
    <DBCard spacing="small">Small</DBCard>
    <DBCard spacing="small">Small</DBCard>
    \ 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 7925b27b37d..6ba0f89855f 100644 --- a/review/main/components/card/code/Tonality.html +++ b/review/main/components/card/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-card spacing="small">Functional</db-card>
    <div class="db-card" data-spacing="small">
+DB UI Mono
    <db-card spacing="small">Functional</db-card>
    <div class="db-card" data-spacing="small">
   Functional
 </div>
    <DBCard spacing="small">Functional</DBCard>
    <DBCard spacing="small">Functional</DBCard>
    <db-card spacing="small">(Default) Regular</db-card>
    <div class="db-card" data-spacing="small">
   (Default) Regular
 </div>
    <DBCard spacing="small">(Default) Regular</DBCard>
    <DBCard spacing="small">(Default) Regular</DBCard>
    <db-card spacing="small">Expressive</db-card>
    <div class="db-card" data-spacing="small">
   Expressive
-</div>
    <DBCard spacing="small">Expressive</DBCard>
    <DBCard spacing="small">Expressive</DBCard>
    
\ No newline at end of file
+</div>
    <DBCard spacing="small">Expressive</DBCard>
    <DBCard spacing="small">Expressive</DBCard>
    \ 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 bad96499c66..fef54d40ae6 100644 --- a/review/main/components/card/code/Variant.html +++ b/review/main/components/card/code/Variant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-card spacing="small">(Default) Non interactive</db-card>
    <div class="db-card" data-spacing="small">
+DB UI Mono
    <db-card spacing="small">(Default) Non interactive</db-card>
    <div class="db-card" data-spacing="small">
   (Default) Non interactive
 </div>
    <DBCard spacing="small">(Default) Non interactive</DBCard>
    <DBCard spacing="small">(Default) Non interactive</DBCard>
    <db-card spacing="small" variant="interactive">
   Interactive
@@ -8,4 +8,4 @@
   Interactive
 </DBCard>
    <DBCard spacing="small" variant="interactive">
   Interactive
-</DBCard>
    
\ No newline at end of file
+</DBCard>
    \ 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 ee07885dbef..3a097aa298b 100644 --- a/review/main/components/card/docs/Angular.html +++ b/review/main/components/card/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    //app.component.ts
@@ -16,4 +16,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-card>Card content</db-card>
-
    \ No newline at end of file +
    \ 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 c0430589d94..6413b0fdb32 100644 --- a/review/main/components/card/docs/HTML.html +++ b/review/main/components/card/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/card/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 d15b225f01e..fcb53854651 100644 --- a/review/main/components/card/docs/Migration.html +++ b/review/main/components/card/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    classvariantvariant anchor link

    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.

    imageimage anchor link

    -
    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 1ee8f9422be..d9dffe97a9d 100644 --- a/review/main/components/card/docs/React.html +++ b/review/main/components/card/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/card/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 4ea9ee44c73..9aa2e3220c4 100644 --- a/review/main/components/card/docs/Vue.html +++ b/review/main/components/card/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/card/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 e50562e0966..1ecc7588294 100644 --- a/review/main/components/card/how-to-use.html +++ b/review/main/components/card/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/card/migration.html b/review/main/components/card/migration.html index 75ac7756e3d..e8003b61b3b 100644 --- a/review/main/components/card/migration.html +++ b/review/main/components/card/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/card/overview.html b/review/main/components/card/overview.html index 637b367a3b6..ae53c595bae 100644 --- a/review/main/components/card/overview.html +++ b/review/main/components/card/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/card/properties.html b/review/main/components/card/properties.html index e34b614cab6..1e6beac3217 100644 --- a/review/main/components/card/properties.html +++ b/review/main/components/card/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/checkbox.html b/review/main/components/checkbox.html index f2043a810b1..6dc66c424d0 100644 --- a/review/main/components/checkbox.html +++ b/review/main/components/checkbox.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 44fd6821d8e..809307f68fc 100644 --- a/review/main/components/checkbox/code/Requirement.html +++ b/review/main/components/checkbox/code/Requirement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-checkbox name="Requirement">(Default) Optional</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
+DB UI Mono
    <db-checkbox name="Requirement">(Default) Optional</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
   <input type="checkbox" id="OVERWRITE_DEFAULT_ID" name="Requirement" />
   (Default) Optional
 </label>
    <DBCheckbox name="Requirement">(Default) Optional</DBCheckbox>
    <DBCheckbox name="Requirement">(Default) Optional</DBCheckbox>
    <db-checkbox name="Requirement" [required]="true">Required</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
@@ -22,4 +22,4 @@
   Required - Checked
 </label>
    <DBCheckbox name="Requirement" required checked>
   Required - Checked
-</DBCheckbox>
    <DBCheckbox name="Requirement" :required="true" :checked="true">Required - Checked</DBCheckbox>
    
\ No newline at end of file
+</DBCheckbox>
    <DBCheckbox name="Requirement" :required="true" :checked="true">Required - Checked</DBCheckbox>
    \ 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 c9708c1827e..001cd528876 100644 --- a/review/main/components/checkbox/code/Size.html +++ b/review/main/components/checkbox/code/Size.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-checkbox name="Size">(Default) Medium</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
+DB UI Mono
    <db-checkbox name="Size">(Default) Medium</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
   <input type="checkbox" id="OVERWRITE_DEFAULT_ID" name="Size" />
   (Default) Medium
 </label>
    <DBCheckbox name="Size">(Default) Medium</DBCheckbox>
    <DBCheckbox name="Size">(Default) Medium</DBCheckbox>
    <db-checkbox name="Size" size="small">
@@ -10,4 +10,4 @@
   Small
 </DBCheckbox>
    <DBCheckbox name="Size" size="small">
   Small
-</DBCheckbox>
    
\ No newline at end of file
+</DBCheckbox>
    \ 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 543c08798f1..b64ce678162 100644 --- a/review/main/components/checkbox/code/States.html +++ b/review/main/components/checkbox/code/States.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-checkbox name="States">(Default) Unchecked</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
+DB UI Mono
    <db-checkbox name="States">(Default) Unchecked</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
   <input type="checkbox" id="OVERWRITE_DEFAULT_ID" name="States" />
   (Default) Unchecked
 </label>
    <DBCheckbox name="States">(Default) Unchecked</DBCheckbox>
    <DBCheckbox name="States">(Default) Unchecked</DBCheckbox>
    <db-checkbox name="States" [checked]="true">Checked</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
@@ -16,4 +16,4 @@
   Disabled
 </label>
    <DBCheckbox name="States" disabled>
   Disabled
-</DBCheckbox>
    <DBCheckbox name="States" :disabled="true">Disabled</DBCheckbox>
    
\ No newline at end of file
+</DBCheckbox>
    <DBCheckbox name="States" :disabled="true">Disabled</DBCheckbox>
    \ 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 f8e69c0c04e..164872da932 100644 --- a/review/main/components/checkbox/code/Tonality.html +++ b/review/main/components/checkbox/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-checkbox name="Tonality">Functional</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
+DB UI Mono
    <db-checkbox name="Tonality">Functional</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
   <input type="checkbox" id="OVERWRITE_DEFAULT_ID" name="Tonality" />
   Functional
 </label>
    <DBCheckbox name="Tonality">Functional</DBCheckbox>
    <DBCheckbox name="Tonality">Functional</DBCheckbox>
    <db-checkbox name="Tonality">(Default) Regular</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
@@ -7,4 +7,4 @@
 </label>
    <DBCheckbox name="Tonality">(Default) Regular</DBCheckbox>
    <DBCheckbox name="Tonality">(Default) Regular</DBCheckbox>
    <db-checkbox name="Tonality">Expressive</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
   <input type="checkbox" id="OVERWRITE_DEFAULT_ID" name="Tonality" />
   Expressive
-</label>
    <DBCheckbox name="Tonality">Expressive</DBCheckbox>
    <DBCheckbox name="Tonality">Expressive</DBCheckbox>
    
\ No newline at end of file
+</label>
    <DBCheckbox name="Tonality">Expressive</DBCheckbox>
    <DBCheckbox name="Tonality">Expressive</DBCheckbox>
    \ 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 4402d34be5a..f3ca884097c 100644 --- a/review/main/components/checkbox/code/VariantLabel.html +++ b/review/main/components/checkbox/code/VariantLabel.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-checkbox name="Content">(Default) Label</db-checkbox>
    undefined
    <DBCheckbox name="Content">(Default) Label</DBCheckbox>
    <DBCheckbox name="Content">(Default) Label</DBCheckbox>
    <db-checkbox name="Content" labelVariant="hidden">
+DB UI Mono
    <db-checkbox name="Content">(Default) Label</db-checkbox>
    undefined
    <DBCheckbox name="Content">(Default) Label</DBCheckbox>
    <DBCheckbox name="Content">(Default) Label</DBCheckbox>
    <db-checkbox name="Content" labelVariant="hidden">
   Hidden Label
 </db-checkbox>
    undefined
    <DBCheckbox name="Content" labelVariant="hidden">
   Hidden Label
 </DBCheckbox>
    <DBCheckbox name="Content" labelVariant="hidden">
   Hidden Label
-</DBCheckbox>
    
\ No newline at end of file
+</DBCheckbox>
    \ 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 aa1020be1b2..1e2c7d67bb9 100644 --- a/review/main/components/checkbox/docs/Angular.html +++ b/review/main/components/checkbox/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -80,4 +80,4 @@ 
    How to use with Template Driven F
 }

    How to use with Reactive Formshow-to-use-with-reactive-forms anchor link

    -

    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 a76d7fda126..ce14ab8fabe 100644 --- a/review/main/components/checkbox/docs/HTML.html +++ b/review/main/components/checkbox/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/checkbox/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/Migration.html b/review/main/components/checkbox/docs/Migration.html index a1d675aa054..bcbe0054eb6 100644 --- a/review/main/components/checkbox/docs/Migration.html +++ b/review/main/components/checkbox/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-checkbox🔁db-checkbox

    idid anchor link

    -
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file +
    BeforeStatusAfterDescription
    input_id🔁id
    \ 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 879ae807343..5825cd86b5b 100644 --- a/review/main/components/checkbox/docs/React.html +++ b/review/main/components/checkbox/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -22,4 +22,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/checkbox/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 a438c250296..87cf4da98ca 100644 --- a/review/main/components/checkbox/docs/Vue.html +++ b/review/main/components/checkbox/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -13,4 +13,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/checkbox/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 4fe8960bbb5..8de07f77535 100644 --- a/review/main/components/checkbox/how-to-use.html +++ b/review/main/components/checkbox/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/checkbox/migration.html b/review/main/components/checkbox/migration.html index d38a9862286..3ccb6e4d872 100644 --- a/review/main/components/checkbox/migration.html +++ b/review/main/components/checkbox/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/checkbox/overview.html b/review/main/components/checkbox/overview.html index 4428e207775..188a2b9ccb7 100644 --- a/review/main/components/checkbox/overview.html +++ b/review/main/components/checkbox/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/checkbox/properties.html b/review/main/components/checkbox/properties.html index f7582ddf10e..46a61b1ace9 100644 --- a/review/main/components/checkbox/properties.html +++ b/review/main/components/checkbox/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/divider.html b/review/main/components/divider.html index 4f053375678..f17383cd6cc 100644 --- a/review/main/components/divider.html +++ b/review/main/components/divider.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 7b292695ce1..4829416965e 100644 --- a/review/main/components/divider/code/Emphasis.html +++ b/review/main/components/divider/code/Emphasis.html @@ -1 +1 @@ -DB UI Mono
    <db-divider>(Default) Weak</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Weak</DBDivider>
    <DBDivider>(Default) Weak</DBDivider>
    <db-divider emphasis="strong">Strong</db-divider>
    <div data-emphasis="strong" class="db-divider"></div>
    <DBDivider emphasis="strong">Strong</DBDivider>
    <DBDivider emphasis="strong">Strong</DBDivider>
    \ No newline at end of file +DB UI Mono
    <db-divider>(Default) Weak</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Weak</DBDivider>
    <DBDivider>(Default) Weak</DBDivider>
    <db-divider emphasis="strong">Strong</db-divider>
    <div data-emphasis="strong" class="db-divider"></div>
    <DBDivider emphasis="strong">Strong</DBDivider>
    <DBDivider emphasis="strong">Strong</DBDivider>
    \ 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 437d39cb3b3..0100b686086 100644 --- a/review/main/components/divider/code/Tonality.html +++ b/review/main/components/divider/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-divider>Functional</db-divider>
    <div class="db-divider"></div>
    <DBDivider>Functional</DBDivider>
    <DBDivider>Functional</DBDivider>
    <db-divider>(Default) Regular</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Regular</DBDivider>
    <DBDivider>(Default) Regular</DBDivider>
    <db-divider>Expressive</db-divider>
    <div class="db-divider"></div>
    <DBDivider>Expressive</DBDivider>
    <DBDivider>Expressive</DBDivider>
    \ No newline at end of file +DB UI Mono
    <db-divider>Functional</db-divider>
    <div class="db-divider"></div>
    <DBDivider>Functional</DBDivider>
    <DBDivider>Functional</DBDivider>
    <db-divider>(Default) Regular</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Regular</DBDivider>
    <DBDivider>(Default) Regular</DBDivider>
    <db-divider>Expressive</db-divider>
    <div class="db-divider"></div>
    <DBDivider>Expressive</DBDivider>
    <DBDivider>Expressive</DBDivider>
    \ 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 26f777a1712..fe507b79663 100644 --- a/review/main/components/divider/code/Variant.html +++ b/review/main/components/divider/code/Variant.html @@ -1 +1 @@ -DB UI Mono
    <db-divider>(Default) Adaptive - Horizontal</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
    <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
    <db-divider variant="vertical">Adaptive - Vertical</db-divider>
    <div data-variant="vertical" class="db-divider"></div>
    <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
    <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
    \ No newline at end of file +DB UI Mono
    <db-divider>(Default) Adaptive - Horizontal</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
    <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
    <db-divider variant="vertical">Adaptive - Vertical</db-divider>
    <div data-variant="vertical" class="db-divider"></div>
    <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
    <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
    \ 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 1053a8e1844..c823f987ebd 100644 --- a/review/main/components/divider/docs/Angular.html +++ b/review/main/components/divider/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-divider></db-divider>
-
    \ No newline at end of file +
    \ 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 51389f44a8d..a4deeeb02ff 100644 --- a/review/main/components/divider/docs/HTML.html +++ b/review/main/components/divider/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/divider/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 9458139e5ae..9d126a02621 100644 --- a/review/main/components/divider/docs/Migration.html +++ b/review/main/components/divider/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    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 22db234b5b2..e6864a3532c 100644 --- a/review/main/components/divider/docs/React.html +++ b/review/main/components/divider/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/divider/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 6ba695ccdb7..e0d403257cf 100644 --- a/review/main/components/divider/docs/Vue.html +++ b/review/main/components/divider/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/divider/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 96326a0e719..767c0bbc921 100644 --- a/review/main/components/divider/how-to-use.html +++ b/review/main/components/divider/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/divider/migration.html b/review/main/components/divider/migration.html index 029d0c8995f..333faf4d311 100644 --- a/review/main/components/divider/migration.html +++ b/review/main/components/divider/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/divider/overview.html b/review/main/components/divider/overview.html index a0aa0eeecbe..75e7c757067 100644 --- a/review/main/components/divider/overview.html +++ b/review/main/components/divider/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/divider/properties.html b/review/main/components/divider/properties.html index d7d3414c9fe..d4e59285978 100644 --- a/review/main/components/divider/properties.html +++ b/review/main/components/divider/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/drawer.html b/review/main/components/drawer.html index 3912b242b4f..15b0b16303a 100644 --- a/review/main/components/drawer.html +++ b/review/main/components/drawer.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 093d2a77237..9df0a4ef26c 100644 --- a/review/main/components/drawer/code/Backdrop.html +++ b/review/main/components/drawer/code/Backdrop.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	With Backdrop (Default)
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -69,4 +69,4 @@
   }}
 >
   No Backdrop
-</DBDrawer>
    <DBDrawer backdrop="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">No Backdrop</DBDrawer>
    
\ No newline at end of file
+</DBDrawer>
    <DBDrawer backdrop="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">No Backdrop</DBDrawer>
    \ 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 002ef7e8bad..fa020ec6a58 100644 --- a/review/main/components/drawer/code/Directions.html +++ b/review/main/components/drawer/code/Directions.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	Right (Default)
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -93,4 +93,4 @@
   }}
 >
   Down
-</DBDrawer>
    <DBDrawer direction="left" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Down</DBDrawer>
    
\ No newline at end of file
+</DBDrawer>
    <DBDrawer direction="left" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Down</DBDrawer>
    \ 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 9e8cd66b95d..3892f20940b 100644 --- a/review/main/components/drawer/code/Rounded.html +++ b/review/main/components/drawer/code/Rounded.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	No rounding (Default)
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -45,4 +45,4 @@
   }}
 >
   Rounded
-</DBDrawer>
    <DBDrawer :rounded="true" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Rounded</DBDrawer>
    
\ No newline at end of file
+</DBDrawer>
    <DBDrawer :rounded="true" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Rounded</DBDrawer>
    \ 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 d16a67d6231..0652196c2b7 100644 --- a/review/main/components/drawer/code/Size.html +++ b/review/main/components/drawer/code/Size.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	With padding (Default)
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -47,4 +47,4 @@
   Full
 </DBDrawer>
    <DBDrawer :withCloseButton="true" width="full" :open="openDrawer" @close="toggleDrawer(false)">
 		Full
-	</DBDrawer>
    
\ No newline at end of file
+	</DBDrawer>
    \ 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 9d8508091f2..11cee17be72 100644 --- a/review/main/components/drawer/code/Spacing.html +++ b/review/main/components/drawer/code/Spacing.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	Medium (Default)
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -93,4 +93,4 @@
   }}
 >
   None
-</DBDrawer>
    <DBDrawer spacing="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">None</DBDrawer>
    
\ No newline at end of file
+</DBDrawer>
    <DBDrawer spacing="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">None</DBDrawer>
    \ 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 57f23e05288..7eeb68ccb98 100644 --- a/review/main/components/drawer/code/Tonality.html +++ b/review/main/components/drawer/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	functional
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -70,4 +70,4 @@
   expressive
 </DBDrawer>
    <DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
 		expressive
-	</DBDrawer>
    
\ No newline at end of file
+	</DBDrawer>
    \ 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 3f14d890102..7c9c1e105f8 100644 --- a/review/main/components/drawer/docs/Angular.html +++ b/review/main/components/drawer/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Generalgeneral anchor link

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

    @@ -28,4 +28,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/drawer/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ 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 76c99c1365f..6a860fe2d98 100644 --- a/review/main/components/drawer/docs/HTML.html +++ b/review/main/components/drawer/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Generalgeneral anchor link

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

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/drawer/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ 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 207180b2257..dd0b865c144 100644 --- a/review/main/components/drawer/docs/Migration.html +++ b/review/main/components/drawer/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    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 132750eea71..deba3ec1fd9 100644 --- a/review/main/components/drawer/docs/React.html +++ b/review/main/components/drawer/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Generalgeneral anchor link

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

    @@ -31,4 +31,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/drawer/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ 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 c6c50b17dd3..c8b2a6e59ab 100644 --- a/review/main/components/drawer/docs/Vue.html +++ b/review/main/components/drawer/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Generalgeneral anchor link

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

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/drawer/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ 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 bd4b21224d4..a2bb91fbd63 100644 --- a/review/main/components/drawer/how-to-use.html +++ b/review/main/components/drawer/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/drawer/migration.html b/review/main/components/drawer/migration.html index 19e8dd0697c..fbff833bb50 100644 --- a/review/main/components/drawer/migration.html +++ b/review/main/components/drawer/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/drawer/overview.html b/review/main/components/drawer/overview.html index cb8d8505584..ecd9c48fe63 100644 --- a/review/main/components/drawer/overview.html +++ b/review/main/components/drawer/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/drawer/properties.html b/review/main/components/drawer/properties.html index d5edc3fe0a4..573e2e1f957 100644 --- a/review/main/components/drawer/properties.html +++ b/review/main/components/drawer/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/header.html b/review/main/components/header.html index 58ce4eb5eb5..d60ea06f706 100644 --- a/review/main/components/header.html +++ b/review/main/components/header.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/header/code/Behaviour.html b/review/main/components/header/code/Behaviour.html index ea3e2a1513e..5f1ca0bb2b2 100644 --- a/review/main/components/header/code/Behaviour.html +++ b/review/main/components/header/code/Behaviour.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-header>
+DB UI Mono
    <db-header>
 	<db-brand brand>DBHeader</db-brand>
 	<db-main-navigation *dbNavigation>
 		<db-navigation-item icon="account"><a>Desktop (full width)</a></db-navigation-item><db-navigation-item disabled><a>Desktop (full width) disabled</a></db-navigation-item>
@@ -599,4 +599,4 @@
 				<a href="#">Mobile disabled</a>
 			</DBNavigationItem>
 		</DBMainNavigation>
-	</DBHeader>
    
\ No newline at end of file
+	</DBHeader>
    \ No newline at end of file diff --git a/review/main/components/header/code/Tonality.html b/review/main/components/header/code/Tonality.html index cebe08d480f..1af9379e6eb 100644 --- a/review/main/components/header/code/Tonality.html +++ b/review/main/components/header/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-header>
+DB UI Mono
    <db-header>
 	<db-brand brand>DBHeader</db-brand>
 	<db-main-navigation *dbNavigation>
 		<db-navigation-item icon="account"><a>functional</a></db-navigation-item><db-navigation-item disabled><a>functional disabled</a></db-navigation-item>
@@ -898,4 +898,4 @@
 				<a href="#">expressive disabled</a>
 			</DBNavigationItem>
 		</DBMainNavigation>
-	</DBHeader>
    
\ No newline at end of file
+	</DBHeader>
    \ 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 25538b2540e..c2eed54b675 100644 --- a/review/main/components/header/docs/Angular.html +++ b/review/main/components/header/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    //app.component.ts
@@ -70,4 +70,4 @@ 
    Full{"props":{"pageProps":{}},"page":"/components/header/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 c6ef26df30d..8b62052bb69 100644 --- a/review/main/components/header/docs/HTML.html +++ b/review/main/components/header/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -204,4 +204,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/header/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/header/docs/Migration.html b/review/main/components/header/docs/Migration.html index 1ff40f92719..4d584b36f99 100644 --- a/review/main/components/header/docs/Migration.html +++ b/review/main/components/header/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    rea-header🔁db-header

    mobilemobile anchor link

    -
    BeforeStatusAfterDescription
    mobile🔁forceMobileforces the burger menu for desktop
    \ No newline at end of file +
    BeforeStatusAfterDescription
    mobile🔁forceMobileforces the burger menu for desktop
    \ 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 2c130ece928..b71be425823 100644 --- a/review/main/components/header/docs/React.html +++ b/review/main/components/header/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    Simplesimple anchor link

    @@ -53,4 +53,4 @@

    Full{"props":{"pageProps":{}},"page":"/components/header/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ 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 6c7d963d3a8..0cf987dd26c 100644 --- a/review/main/components/header/docs/Vue.html +++ b/review/main/components/header/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    Simplesimple anchor link

    @@ -57,4 +57,4 @@

    Full{"props":{"pageProps":{}},"page":"/components/header/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ 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 c74b3ad4708..30fff0781ab 100644 --- a/review/main/components/header/how-to-use.html +++ b/review/main/components/header/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/header/migration.html b/review/main/components/header/migration.html index 82f15acac25..014320399c8 100644 --- a/review/main/components/header/migration.html +++ b/review/main/components/header/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/header/overview.html b/review/main/components/header/overview.html index 41ea30f0709..a2a7c4b1242 100644 --- a/review/main/components/header/overview.html +++ b/review/main/components/header/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/header/properties.html b/review/main/components/header/properties.html index c0bd9412048..3fdc9872b85 100644 --- a/review/main/components/header/properties.html +++ b/review/main/components/header/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/icon.html b/review/main/components/icon.html index 3ff86cc351e..da68f94c543 100644 --- a/review/main/components/icon.html +++ b/review/main/components/icon.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/icon/code/Tonality.html b/review/main/components/icon/code/Tonality.html index 94e117c81bb..21cffd23467 100644 --- a/review/main/components/icon/code/Tonality.html +++ b/review/main/components/icon/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-icon>Functional</db-icon>
    <span aria-hidden="true" class="db-icon">
+DB UI Mono
    <db-icon>Functional</db-icon>
    <span aria-hidden="true" class="db-icon">
   Functional
 </span>
    <DBIcon>Functional</DBIcon>
    <DBIcon>Functional</DBIcon>
    <db-icon>(Default) Regular</db-icon>
    <span aria-hidden="true" class="db-icon">
   (Default) Regular
 </span>
    <DBIcon>(Default) Regular</DBIcon>
    <DBIcon>(Default) Regular</DBIcon>
    <db-icon>Expressive</db-icon>
    <span aria-hidden="true" class="db-icon">
   Expressive
-</span>
    <DBIcon>Expressive</DBIcon>
    <DBIcon>Expressive</DBIcon>
    
\ No newline at end of file
+</span>
    <DBIcon>Expressive</DBIcon>
    <DBIcon>Expressive</DBIcon>
    \ 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 76721d83449..9f974820b31 100644 --- a/review/main/components/icon/docs/Angular.html +++ b/review/main/components/icon/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-icon icon="account">Icon</db-icon>
-
    \ No newline at end of file +
    \ 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 439e0b7be92..7473445754b 100644 --- a/review/main/components/icon/docs/HTML.html +++ b/review/main/components/icon/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

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

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

    Use component{"props":{"pageProps":{}},"page":"/components/icon/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/icon/docs/Migration.html b/review/main/components/icon/docs/Migration.html index 5648927dc43..c1eab64e317 100644 --- a/review/main/components/icon/docs/Migration.html +++ b/review/main/components/icon/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    🔁db-icon

    variantvariant anchor link

    -
    BeforeStatusAfterDescription
    variant🔁❌icon variants are controlled by font-family:var(--db-icon-font-family) and font-weight: var(--db-icon-font-weight);
    \ No newline at end of file +
    BeforeStatusAfterDescription
    variant🔁❌icon variants are controlled by font-family:var(--db-icon-font-family) and font-weight: var(--db-icon-font-weight);
    \ 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 722213b8cf9..7a24ec56c84 100644 --- a/review/main/components/icon/docs/React.html +++ b/review/main/components/icon/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/icon/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 bbf43111f99..01e50d112d5 100644 --- a/review/main/components/icon/docs/Vue.html +++ b/review/main/components/icon/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/icon/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 08e3ff7606a..a6252baf2fb 100644 --- a/review/main/components/icon/how-to-use.html +++ b/review/main/components/icon/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/icon/migration.html b/review/main/components/icon/migration.html index 2e41dd010f5..da87ba55b0d 100644 --- a/review/main/components/icon/migration.html +++ b/review/main/components/icon/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/icon/overview.html b/review/main/components/icon/overview.html index d04b4b1bb98..65844b694e7 100644 --- a/review/main/components/icon/overview.html +++ b/review/main/components/icon/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/icon/properties.html b/review/main/components/icon/properties.html index 04a6a760c4c..c747403b8f0 100644 --- a/review/main/components/icon/properties.html +++ b/review/main/components/icon/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/infotext.html b/review/main/components/infotext.html index 6a1e9ab6540..33eefeab798 100644 --- a/review/main/components/infotext.html +++ b/review/main/components/infotext.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/infotext/code/Semantic.html b/review/main/components/infotext/code/Semantic.html index 7cd0a5a2fa0..8bd8ac51f79 100644 --- a/review/main/components/infotext/code/Semantic.html +++ b/review/main/components/infotext/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-infotext>(Default) Adaptive</db-infotext>
    <span class="db-infotext">(Default) Adaptive</span>
    <DBInfotext>(Default) Adaptive</DBInfotext>
    <DBInfotext>(Default) Adaptive</DBInfotext>
    <db-infotext variant="critical">Critical</db-infotext>
    <span class="db-infotext" data-variant="critical">
+DB UI Mono
    <db-infotext>(Default) Adaptive</db-infotext>
    <span class="db-infotext">(Default) Adaptive</span>
    <DBInfotext>(Default) Adaptive</DBInfotext>
    <DBInfotext>(Default) Adaptive</DBInfotext>
    <db-infotext variant="critical">Critical</db-infotext>
    <span class="db-infotext" data-variant="critical">
   Critical
 </span>
    <DBInfotext variant="critical">Critical</DBInfotext>
    <DBInfotext variant="critical">Critical</DBInfotext>
    <db-infotext variant="informational">Informational</db-infotext>
    <span class="db-infotext" data-variant="informational">
   Informational
@@ -6,4 +6,4 @@
   Successful
 </span>
    <DBInfotext variant="successful">Successful</DBInfotext>
    <DBInfotext variant="successful">Successful</DBInfotext>
    <db-infotext variant="warning">Warning</db-infotext>
    <span class="db-infotext" data-variant="warning">
   Warning
-</span>
    <DBInfotext variant="warning">Warning</DBInfotext>
    <DBInfotext variant="warning">Warning</DBInfotext>
    
\ No newline at end of file
+</span>
    <DBInfotext variant="warning">Warning</DBInfotext>
    <DBInfotext variant="warning">Warning</DBInfotext>
    \ 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 b6a08fa5199..0a78758d07b 100644 --- a/review/main/components/infotext/code/Size.html +++ b/review/main/components/infotext/code/Size.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-infotext>(Default) Medium</db-infotext>
    <span class="db-infotext">(Default) Medium</span>
    <DBInfotext>(Default) Medium</DBInfotext>
    <DBInfotext>(Default) Medium</DBInfotext>
    <db-infotext size="small">Small</db-infotext>
    <span class="db-infotext" data-size="small">
+DB UI Mono
    <db-infotext>(Default) Medium</db-infotext>
    <span class="db-infotext">(Default) Medium</span>
    <DBInfotext>(Default) Medium</DBInfotext>
    <DBInfotext>(Default) Medium</DBInfotext>
    <db-infotext size="small">Small</db-infotext>
    <span class="db-infotext" data-size="small">
   Small
-</span>
    <DBInfotext size="small">Small</DBInfotext>
    <DBInfotext size="small">Small</DBInfotext>
    
\ No newline at end of file
+</span>
    <DBInfotext size="small">Small</DBInfotext>
    <DBInfotext size="small">Small</DBInfotext>
    \ 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 2fcca26d86c..d57083d1222 100644 --- a/review/main/components/infotext/code/Tonality.html +++ b/review/main/components/infotext/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-infotext>Functional</db-infotext>
    <span class="db-infotext">Functional</span>
    <DBInfotext>Functional</DBInfotext>
    <DBInfotext>Functional</DBInfotext>
    <db-infotext>(Default) Regular</db-infotext>
    <span class="db-infotext">(Default) Regular</span>
    <DBInfotext>(Default) Regular</DBInfotext>
    <DBInfotext>(Default) Regular</DBInfotext>
    <db-infotext>Expressive</db-infotext>
    <span class="db-infotext">Expressive</span>
    <DBInfotext>Expressive</DBInfotext>
    <DBInfotext>Expressive</DBInfotext>
    \ No newline at end of file +DB UI Mono
    <db-infotext>Functional</db-infotext>
    <span class="db-infotext">Functional</span>
    <DBInfotext>Functional</DBInfotext>
    <DBInfotext>Functional</DBInfotext>
    <db-infotext>(Default) Regular</db-infotext>
    <span class="db-infotext">(Default) Regular</span>
    <DBInfotext>(Default) Regular</DBInfotext>
    <DBInfotext>(Default) Regular</DBInfotext>
    <db-infotext>Expressive</db-infotext>
    <span class="db-infotext">Expressive</span>
    <DBInfotext>Expressive</DBInfotext>
    <DBInfotext>Expressive</DBInfotext>
    \ 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 ba0223a509b..e935f3758ee 100644 --- a/review/main/components/infotext/docs/Angular.html +++ b/review/main/components/infotext/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-infotext>Infotext</db-infotext>
-
    \ No newline at end of file +
    \ 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 097bbd32a91..153bab9289f 100644 --- a/review/main/components/infotext/docs/HTML.html +++ b/review/main/components/infotext/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/infotext/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 4065e874f6c..7111e84be18 100644 --- a/review/main/components/infotext/docs/Migration.html +++ b/review/main/components/infotext/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    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 cee0010200b..aafd3c032eb 100644 --- a/review/main/components/infotext/docs/React.html +++ b/review/main/components/infotext/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/infotext/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 0e35cb6c273..b4549ac11d1 100644 --- a/review/main/components/infotext/docs/Vue.html +++ b/review/main/components/infotext/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/infotext/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 868fb923e1c..4818b4b950a 100644 --- a/review/main/components/infotext/how-to-use.html +++ b/review/main/components/infotext/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/infotext/migration.html b/review/main/components/infotext/migration.html index b7a6dc79c88..457cabd22ee 100644 --- a/review/main/components/infotext/migration.html +++ b/review/main/components/infotext/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/infotext/overview.html b/review/main/components/infotext/overview.html index dce5ca7fca7..de1bea15d5b 100644 --- a/review/main/components/infotext/overview.html +++ b/review/main/components/infotext/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/infotext/properties.html b/review/main/components/infotext/properties.html index 8490a705da7..ac8c751eeca 100644 --- a/review/main/components/infotext/properties.html +++ b/review/main/components/infotext/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/input.html b/review/main/components/input.html index da040fb39ac..fed8bd7afad 100644 --- a/review/main/components/input.html +++ b/review/main/components/input.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 4dff6c0cb39..c3dc4597aed 100644 --- a/review/main/components/input/code/Content.html +++ b/review/main/components/input/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label" value="(Default) Text">
+DB UI Mono
    <db-input label="Label" value="(Default) Text">
   (Default) Text
 </db-input>
    <div class="db-input">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
@@ -58,4 +58,4 @@
   Text - Trailing Icon
 </DBInput>
    <DBInput label="Label" iconAfter="x_placeholder">
   Text - Trailing Icon
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ 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 8710b5ea0d6..177824c2daa 100644 --- a/review/main/components/input/code/ExampleTypes.html +++ b/review/main/components/input/code/ExampleTypes.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label">(Default) Text</db-input>
    undefined
    <DBInput label="Label">(Default) Text</DBInput>
    <DBInput label="Label">(Default) Text</DBInput>
    <db-input label="Label" type="password">
+DB UI Mono
    <db-input label="Label">(Default) Text</db-input>
    undefined
    <DBInput label="Label">(Default) Text</DBInput>
    <DBInput label="Label">(Default) Text</DBInput>
    <db-input label="Label" type="password">
   Password
 </db-input>
    undefined
    <DBInput label="Label" type="password">
   Password
@@ -64,4 +64,4 @@
   Week
 </DBInput>
    <DBInput label="Label" type="week">
   Week
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ 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 c6f9657ec4b..098030f601a 100644 --- a/review/main/components/input/code/ExampleTypesFloatingLabel.html +++ b/review/main/components/input/code/ExampleTypesFloatingLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label" labelVariant="floating">
+DB UI Mono
    <db-input label="Label" labelVariant="floating">
   (Default) Text
 </db-input>
    undefined
    <DBInput label="Label" labelVariant="floating">
   (Default) Text
@@ -70,4 +70,4 @@
   Week
 </DBInput>
    <DBInput label="Label" type="week" labelVariant="floating">
   Week
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ 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 c8e8240514a..aeadaa09cc3 100644 --- a/review/main/components/input/code/Requirement.html +++ b/review/main/components/input/code/Requirement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label">(Default) Optional</db-input>
    <div class="db-input">
+DB UI Mono
    <db-input label="Label">(Default) Optional</db-input>
    <div class="db-input">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <input id="OVERWRITE_DEFAULT_ID" type="text" placeholder=" " />
   (Default) Optional
@@ -20,4 +20,4 @@
   Required - Filled
 </div>
    <DBInput label="Label" value="Required - Filled" required>
   Required - Filled
-</DBInput>
    <DBInput label="Label" value="Required - Filled" :required="true">Required - Filled</DBInput>
    
\ No newline at end of file
+</DBInput>
    <DBInput label="Label" value="Required - Filled" :required="true">Required - Filled</DBInput>
    \ 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 5fbe8ce4d71..23dd0d9b7a4 100644 --- a/review/main/components/input/code/Semantic.html +++ b/review/main/components/input/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label" message="Helper Message">
+DB UI Mono
    <db-input label="Label" message="Helper Message">
   (Default) Adaptive
 </db-input>
    <div class="db-input">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
@@ -113,4 +113,4 @@
   Warning
 </DBInput>
    <DBInput label="Label" variant="warning" message="Warning Message">
   Warning
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ 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 eee21ae0ae6..24bf47c49fa 100644 --- a/review/main/components/input/code/StatesFloatingLabel.html +++ b/review/main/components/input/code/StatesFloatingLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label" labelVariant="floating">
+DB UI Mono
    <db-input label="Label" labelVariant="floating">
   (Default) Empty
 </db-input>
    undefined
    <DBInput label="Label" labelVariant="floating">
   (Default) Empty
@@ -23,4 +23,4 @@
   labelVariant="floating"
 >
   Readonly - Filled
-</DBInput>
    <DBInput label="Label" value="Readonly - Filled" :readOnly="true" labelVariant="floating">Readonly - Filled</DBInput>
    
\ No newline at end of file
+</DBInput>
    <DBInput label="Label" value="Readonly - Filled" :readOnly="true" labelVariant="floating">Readonly - Filled</DBInput>
    \ 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 b5dfc625d69..653340e915b 100644 --- a/review/main/components/input/code/StatesLabelAbove.html +++ b/review/main/components/input/code/StatesLabelAbove.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label">(Default) Empty</db-input>
    undefined
    <DBInput label="Label">(Default) Empty</DBInput>
    <DBInput label="Label">(Default) Empty</DBInput>
    <db-input label="Label" value="Filled">
+DB UI Mono
    <db-input label="Label">(Default) Empty</db-input>
    undefined
    <DBInput label="Label">(Default) Empty</DBInput>
    <DBInput label="Label">(Default) Empty</DBInput>
    <db-input label="Label" value="Filled">
   Filled
 </db-input>
    undefined
    <DBInput label="Label" value="Filled">
   Filled
@@ -12,4 +12,4 @@
   Disabled
 </DBInput>
    <DBInput label="Label" :disabled="true">Disabled</DBInput>
    <db-input label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-input>
    undefined
    <DBInput label="Label" value="Readonly - Filled" readOnly>
   Readonly - Filled
-</DBInput>
    <DBInput label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBInput>
    
\ No newline at end of file
+</DBInput>
    <DBInput label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBInput>
    \ 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 a9b942ec3be..d836181b7b7 100644 --- a/review/main/components/input/code/Tonality.html +++ b/review/main/components/input/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label">Functional</db-input>
    <div class="db-input">
+DB UI Mono
    <db-input label="Label">Functional</db-input>
    <div class="db-input">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <input id="OVERWRITE_DEFAULT_ID" type="text" placeholder=" " />
   Functional
@@ -10,4 +10,4 @@
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <input id="OVERWRITE_DEFAULT_ID" type="text" placeholder=" " />
   Expressive
-</div>
    <DBInput label="Label">Expressive</DBInput>
    <DBInput label="Label">Expressive</DBInput>
    
\ No newline at end of file
+</div>
    <DBInput label="Label">Expressive</DBInput>
    <DBInput label="Label">Expressive</DBInput>
    \ 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 cf762e2741a..6a5bdc412bc 100644 --- a/review/main/components/input/code/VariantHelperMessage.html +++ b/review/main/components/input/code/VariantHelperMessage.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-input label="Label">(Default) Basic</db-input>
    undefined
    <DBInput label="Label">(Default) Basic</DBInput>
    <DBInput label="Label">(Default) Basic</DBInput>
    <db-input label="Label" message="Helper Message">
+DB UI Mono
    <db-input label="Label">(Default) Basic</db-input>
    undefined
    <DBInput label="Label">(Default) Basic</DBInput>
    <DBInput label="Label">(Default) Basic</DBInput>
    <db-input label="Label" message="Helper Message">
   Helper Message
 </db-input>
    undefined
    <DBInput label="Label" message="Helper Message">
   Helper Message
 </DBInput>
    <DBInput label="Label" message="Helper Message">
   Helper Message
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ 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 5c4cc0c2fa5..9e391e8cb85 100644 --- a/review/main/components/input/code/VariantLabel.html +++ b/review/main/components/input/code/VariantLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label">(Default) Label Above</db-input>
    undefined
    <DBInput label="Label">(Default) Label Above</DBInput>
    <DBInput label="Label">(Default) Label Above</DBInput>
    <db-input label="Label" labelVariant="floating" value="Floating Label">
+DB UI Mono
    <db-input label="Label">(Default) Label Above</db-input>
    undefined
    <DBInput label="Label">(Default) Label Above</DBInput>
    <DBInput label="Label">(Default) Label Above</DBInput>
    <db-input label="Label" labelVariant="floating" value="Floating Label">
   Floating Label
 </db-input>
    undefined
    <DBInput label="Label" labelVariant="floating" value="Floating Label">
   Floating Label
@@ -10,4 +10,4 @@
   Hidden Label
 </DBInput>
    <DBInput label="Label" labelVariant="hidden">
   Hidden Label
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ 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 bb80c72cdbd..fb67d48e563 100644 --- a/review/main/components/input/docs/Angular.html +++ b/review/main/components/input/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    Load SCSS globally within styles.scss in your app:

    @forward "@db-ui/components/build/styles/db-ui-42-rollup";
    @@ -109,4 +109,4 @@

    How to use with Template driven F alert(JSON.stringify({ input: this.input })); } } -

    \ No newline at end of file +
    \ 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 7f1a71722e0..678676470bd 100644 --- a/review/main/components/input/docs/HTML.html +++ b/review/main/components/input/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    Load SCSS globally somewhere in your app:

    @forward "@db-ui/components/build/styles/db-ui-42";
    @@ -7,4 +7,4 @@ <label for="username">Label</label> <input type="text" name="username" id="username" /> </div> -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/docs/Migration.html b/review/main/components/input/docs/Migration.html index 6c429e555fc..841d419b4d3 100644 --- a/review/main/components/input/docs/Migration.html +++ b/review/main/components/input/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-input🔁db-input

    variantsvariants anchor link

    -
    BeforeStatusAfterDescription
    semitransparent❌❌old variants are removed a semi-transparent look is the default, new variants are chaniging the color
    white❌❌
    solid❌❌
    outline❌❌
    🆕adaptive
    🆕neutral
    🆕critical
    🆕informational
    🆕warning
    🆕successful
    \ No newline at end of file +
    BeforeStatusAfterDescription
    semitransparent❌❌old variants are removed a semi-transparent look is the default, new variants are chaniging the color
    white❌❌
    solid❌❌
    outline❌❌
    🆕adaptive
    🆕neutral
    🆕critical
    🆕informational
    🆕warning
    🆕successful
    \ 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 568874d7679..e84191b71fa 100644 --- a/review/main/components/input/docs/React.html +++ b/review/main/components/input/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    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";
    @@ -11,4 +11,4 @@ description={description} onChange={handleChange} ></DBInput>; -
    \ No newline at end of file +
    \ 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 1e3eeedacdc..8fa4618ecb9 100644 --- a/review/main/components/input/docs/Vue.html +++ b/review/main/components/input/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    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";
    @@ -25,4 +25,4 @@

    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 +
    \ 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 a050e286c41..8ad2b0dda3b 100644 --- a/review/main/components/input/how-to-use.html +++ b/review/main/components/input/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/input/migration.html b/review/main/components/input/migration.html index 5bca92ecb36..d4cd0d04d9e 100644 --- a/review/main/components/input/migration.html +++ b/review/main/components/input/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/input/overview.html b/review/main/components/input/overview.html index ba7636cfa10..2378d24dd87 100644 --- a/review/main/components/input/overview.html +++ b/review/main/components/input/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/input/properties.html b/review/main/components/input/properties.html index bacfd6589a4..2269131b229 100644 --- a/review/main/components/input/properties.html +++ b/review/main/components/input/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/link.html b/review/main/components/link.html index 71d4a3da54b..381d93d84a4 100644 --- a/review/main/components/link.html +++ b/review/main/components/link.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 b97fda13415..3768ed750cc 100644 --- a/review/main/components/link/code/Content.html +++ b/review/main/components/link/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-link href="#">(Default) Internal</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono
    <db-link href="#">(Default) Internal</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   (Default) Internal
 </a>
    <DBLink href="#">(Default) Internal</DBLink>
    <DBLink href="#">(Default) Internal</DBLink>
    <db-link href="#" content="external">
   External
@@ -8,4 +8,4 @@
   External
 </DBLink>
    <DBLink href="#" content="external">
   External
-</DBLink>
    
\ No newline at end of file
+</DBLink>
    \ No newline at end of file diff --git a/review/main/components/link/code/InteractionStates.html b/review/main/components/link/code/InteractionStates.html index 2d100e72cad..dc3bb712326 100644 --- a/review/main/components/link/code/InteractionStates.html +++ b/review/main/components/link/code/InteractionStates.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-link href="#">Enabled (Default)/Hover/Pressed</db-link>
    undefined
    <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
    <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
    <db-link href="#" [disabled]="true">Disabled</db-link>
    undefined
    <DBLink href="#" disabled>
+DB UI Mono
    <db-link href="#">Enabled (Default)/Hover/Pressed</db-link>
    undefined
    <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
    <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
    <db-link href="#" [disabled]="true">Disabled</db-link>
    undefined
    <DBLink href="#" disabled>
   Disabled
-</DBLink>
    <DBLink href="#" :disabled="true">Disabled</DBLink>
    
\ No newline at end of file
+</DBLink>
    <DBLink href="#" :disabled="true">Disabled</DBLink>
    \ No newline at end of file diff --git a/review/main/components/link/code/Semantic.html b/review/main/components/link/code/Semantic.html index 6f2e0f2fd31..5175fe1a86e 100644 --- a/review/main/components/link/code/Semantic.html +++ b/review/main/components/link/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-link href="#">(Default) Adaptive</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono
    <db-link href="#">(Default) Adaptive</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   (Default) Adaptive
 </a>
    <DBLink href="#">(Default) Adaptive</DBLink>
    <DBLink href="#">(Default) Adaptive</DBLink>
    <db-link href="#" variant="primary">
   Brand
@@ -14,4 +14,4 @@
   Brand
 </DBLink>
    <DBLink href="#" variant="primary">
   Brand
-</DBLink>
    
\ No newline at end of file
+</DBLink>
    \ 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 7b6ef433763..b23491e6931 100644 --- a/review/main/components/link/code/Size.html +++ b/review/main/components/link/code/Size.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-link href="#">(Default) Medium</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono
    <db-link href="#">(Default) Medium</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   (Default) Medium
 </a>
    <DBLink href="#">(Default) Medium</DBLink>
    <DBLink href="#">(Default) Medium</DBLink>
    <db-link href="#" size="small">
   Small
@@ -14,4 +14,4 @@
   Small
 </DBLink>
    <DBLink href="#" size="small">
   Small
-</DBLink>
    
\ No newline at end of file
+</DBLink>
    \ 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 d8d9a2b8695..7319e76486c 100644 --- a/review/main/components/link/code/Tonality.html +++ b/review/main/components/link/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-link href="#">Functional</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono
    <db-link href="#">Functional</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   Functional
 </a>
    <DBLink href="#">Functional</DBLink>
    <DBLink href="#">Functional</DBLink>
    <db-link href="#">(Default) Regular</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   (Default) Regular
 </a>
    <DBLink href="#">(Default) Regular</DBLink>
    <DBLink href="#">(Default) Regular</DBLink>
    <db-link href="#">Expressive</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   Expressive
-</a>
    <DBLink href="#">Expressive</DBLink>
    <DBLink href="#">Expressive</DBLink>
    
\ No newline at end of file
+</a>
    <DBLink href="#">Expressive</DBLink>
    <DBLink href="#">Expressive</DBLink>
    \ 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 e93c5759800..cb240efddde 100644 --- a/review/main/components/link/docs/Angular.html +++ b/review/main/components/link/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-link href="#" variant="primary">Link</db-link>
-
    \ No newline at end of file +
    \ 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 b4b98dbe805..a108009e304 100644 --- a/review/main/components/link/docs/HTML.html +++ b/review/main/components/link/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/link/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/link/docs/Migration.html b/review/main/components/link/docs/Migration.html index 14305129699..2428e650ba0 100644 --- a/review/main/components/link/docs/Migration.html +++ b/review/main/components/link/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-link🔁db-link

    iconsicons anchor link

    -
    BeforeStatusAfterDescription
    icon❌❌not valid anymore use content to show interal or external arrow icon
    icononly❌❌
    iconVariant❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    icon❌❌not valid anymore use content to show interal or external arrow icon
    icononly❌❌
    iconVariant❌❌
    \ 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 e7bb8320c30..7edf1c7ff7f 100644 --- a/review/main/components/link/docs/React.html +++ b/review/main/components/link/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -11,4 +11,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/link/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 dfa206415e8..14dcc3f5997 100644 --- a/review/main/components/link/docs/Vue.html +++ b/review/main/components/link/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/link/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 60957d00468..876b53264a7 100644 --- a/review/main/components/link/how-to-use.html +++ b/review/main/components/link/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/link/migration.html b/review/main/components/link/migration.html index d5ecd77a5ca..ad85e734a7e 100644 --- a/review/main/components/link/migration.html +++ b/review/main/components/link/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/link/overview.html b/review/main/components/link/overview.html index 10d8779865f..f30a35e43f0 100644 --- a/review/main/components/link/overview.html +++ b/review/main/components/link/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/link/properties.html b/review/main/components/link/properties.html index 9503b29670c..e01f1a7181b 100644 --- a/review/main/components/link/properties.html +++ b/review/main/components/link/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/main-navigation.html b/review/main/components/main-navigation.html index 35550703d00..eb1a00dc45f 100644 --- a/review/main/components/main-navigation.html +++ b/review/main/components/main-navigation.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 c7a7b9f5bbc..875fb9b1a98 100644 --- a/review/main/components/main-navigation/code/Tonality.html +++ b/review/main/components/main-navigation/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-main-navigation>
+DB UI Mono
    <db-main-navigation>
 	<db-navigation-item [active]="true">
 		<ng-container sub-navigation>
 			<db-navigation-item [active]="true">
@@ -403,4 +403,4 @@
 		<DBNavigationItem :disabled="true">
 			<a href="#">Navi-Item 3</a>
 		</DBNavigationItem>
-	</DBMainNavigation>
    
\ No newline at end of file
+	</DBMainNavigation>
    \ 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 b6ea83c003b..7d3db9ecd6b 100644 --- a/review/main/components/main-navigation/docs/Angular.html +++ b/review/main/components/main-navigation/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -116,4 +116,4 @@ 
    Angular Router and active stat
 		</ng-container>
 	</db-navigation-item>
 </db-main-navigation>
-
    \ No newline at end of file +
    \ 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 1fe8fa4fce6..983cff3571d 100644 --- a/review/main/components/main-navigation/docs/HTML.html +++ b/review/main/components/main-navigation/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -48,4 +48,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/main-navigation/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/Migration.html b/review/main/components/main-navigation/docs/Migration.html index 13ce57d0c7b..d4c834bda3b 100644 --- a/review/main/components/main-navigation/docs/Migration.html +++ b/review/main/components/main-navigation/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    cmp-mainnavigation🔁db-main-navigation

    childrenchildren anchor link

    -
    BeforeStatusAfterDescription
    data❌❌pass data via children / slot, moved a lot of the features to db-header
    siteName❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    data❌❌pass data via children / slot, moved a lot of the features to db-header
    siteName❌❌
    \ 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 08d3e262d5c..874564731cc 100644 --- a/review/main/components/main-navigation/docs/React.html +++ b/review/main/components/main-navigation/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -43,4 +43,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/main-navigation/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 a76005895e6..5f73b7fb3ad 100644 --- a/review/main/components/main-navigation/docs/Vue.html +++ b/review/main/components/main-navigation/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -73,4 +73,4 @@ 
    Vue Router and active state handli
 		</DBNavigationItem>
 	</DBMainNavigation>
 </template>
-
    \ 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 109aff35206..7f5a535882b 100644 --- a/review/main/components/main-navigation/how-to-use.html +++ b/review/main/components/main-navigation/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 90402fc988c..9560869b183 100644 --- a/review/main/components/main-navigation/migration.html +++ b/review/main/components/main-navigation/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 5e9c989325b..5e4be6ca9bb 100644 --- a/review/main/components/main-navigation/overview.html +++ b/review/main/components/main-navigation/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 a30822bc71b..92d8231d9ee 100644 --- a/review/main/components/main-navigation/properties.html +++ b/review/main/components/main-navigation/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/navigation-item.html b/review/main/components/navigation-item.html index bc300f411a8..228f505fe09 100644 --- a/review/main/components/navigation-item.html +++ b/review/main/components/navigation-item.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 a5456db5e55..cef4b8d8aaa 100644 --- a/review/main/components/navigation-item/code/Content.html +++ b/review/main/components/navigation-item/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-navigation-item [areaPopup]="false">(Default) Text</db-navigation-item>
    <li class="db-navigation-item">
+DB UI Mono
    <db-navigation-item [areaPopup]="false">(Default) Text</db-navigation-item>
    <li class="db-navigation-item">
   <button
     class="db-navigation-item-expand-button"
     aria-haspopup="false"
@@ -6,7 +6,7 @@
   >
     (Default) Text
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-6960615414084528"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-3161845519188706"></menu>
 </li>
    <DBNavigationItem areaPopup>(Default) Text</DBNavigationItem>
    <DBNavigationItem :areaPopup="false">(Default) Text</DBNavigationItem>
    <db-navigation-item icon="account" [areaPopup]="false">Text - Icon (Leading)</db-navigation-item>
    <li class="db-navigation-item" data-icon="account">
   <button
     class="db-navigation-item-expand-button"
@@ -15,7 +15,7 @@
   >
     Text - Icon (Leading)
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-34933985784117216"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-43680896153778503"></menu>
 </li>
    <DBNavigationItem icon="account" areaPopup>
   Text - Icon (Leading)
 </DBNavigationItem>
    <DBNavigationItem icon="account" :areaPopup="false">Text - Icon (Leading)</DBNavigationItem>
    <db-navigation-item icon="account" [areaPopup]="true">Text - Icons (Leading, Chevron)</db-navigation-item>
    <li class="db-navigation-item" data-icon="account">
@@ -26,7 +26,7 @@
   >
     Text - Icons (Leading, Chevron)
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-6656176155572642"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-6496110676948237"></menu>
 </li>
    <DBNavigationItem icon="account" areaPopup>
   Text - Icons (Leading, Chevron)
 </DBNavigationItem>
    <DBNavigationItem icon="account" :areaPopup="true">Text - Icons (Leading, Chevron)</DBNavigationItem>
    <db-navigation-item [areaPopup]="true">Text - Icon (Chevron)</db-navigation-item>
    <li class="db-navigation-item">
@@ -37,5 +37,5 @@
   >
     Text - Icon (Chevron)
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-49325949573088534"></menu>
-</li>
    <DBNavigationItem areaPopup>Text - Icon (Chevron)</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Text - Icon (Chevron)</DBNavigationItem>
    
\ No newline at end of file
+  <menu class="db-sub-navigation" id="sub-navigation-8208884129917753"></menu>
+</li>
    <DBNavigationItem areaPopup>Text - Icon (Chevron)</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Text - Icon (Chevron)</DBNavigationItem>
    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/InteractionStates.html b/review/main/components/navigation-item/code/InteractionStates.html index aa7ad891751..371a260e3d5 100644 --- a/review/main/components/navigation-item/code/InteractionStates.html +++ b/review/main/components/navigation-item/code/InteractionStates.html @@ -1,5 +1,5 @@ -DB UI Mono
    <db-navigation-item [areaPopup]="true">Enabled (Default)/Hover/Pressed</db-navigation-item>
    undefined
    <DBNavigationItem areaPopup>Enabled (Default)/Hover/Pressed</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Enabled (Default)/Hover/Pressed</DBNavigationItem>
    <db-navigation-item [active]="true" [areaPopup]="true">Active</db-navigation-item>
    undefined
    <DBNavigationItem active areaPopup>
+DB UI Mono
    <db-navigation-item [areaPopup]="true">Enabled (Default)/Hover/Pressed</db-navigation-item>
    undefined
    <DBNavigationItem areaPopup>Enabled (Default)/Hover/Pressed</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Enabled (Default)/Hover/Pressed</DBNavigationItem>
    <db-navigation-item [active]="true" [areaPopup]="true">Active</db-navigation-item>
    undefined
    <DBNavigationItem active areaPopup>
   Active
 </DBNavigationItem>
    <DBNavigationItem :active="true" :areaPopup="true">Active</DBNavigationItem>
    <db-navigation-item [disabled]="true" [areaPopup]="true">Disabled</db-navigation-item>
    undefined
    <DBNavigationItem disabled areaPopup>
   Disabled
-</DBNavigationItem>
    <DBNavigationItem :disabled="true" :areaPopup="true">Disabled</DBNavigationItem>
    
\ No newline at end of file
+</DBNavigationItem>
    <DBNavigationItem :disabled="true" :areaPopup="true">Disabled</DBNavigationItem>
    \ 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 5f64686b3cc..8fa5f379557 100644 --- a/review/main/components/navigation-item/code/Tonality.html +++ b/review/main/components/navigation-item/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-navigation-item [areaPopup]="true">Functional</db-navigation-item>
    <li class="db-navigation-item">
+DB UI Mono
    <db-navigation-item [areaPopup]="true">Functional</db-navigation-item>
    <li class="db-navigation-item">
   <button
     class="db-navigation-item-expand-button"
     aria-haspopup="false"
@@ -6,7 +6,7 @@
   >
     Functional
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-506572121564407"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-43306887276919426"></menu>
 </li>
    <DBNavigationItem areaPopup>Functional</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Functional</DBNavigationItem>
    <db-navigation-item [areaPopup]="true">(Default) Regular</db-navigation-item>
    <li class="db-navigation-item">
   <button
     class="db-navigation-item-expand-button"
@@ -15,7 +15,7 @@
   >
     (Default) Regular
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-3483895745500567"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-6640243341530307"></menu>
 </li>
    <DBNavigationItem areaPopup>(Default) Regular</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">(Default) Regular</DBNavigationItem>
    <db-navigation-item [areaPopup]="true">Expressive</db-navigation-item>
    <li class="db-navigation-item">
   <button
     class="db-navigation-item-expand-button"
@@ -24,5 +24,5 @@
   >
     Expressive
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-35302645096299723"></menu>
-</li>
    <DBNavigationItem areaPopup>Expressive</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Expressive</DBNavigationItem>
    
\ No newline at end of file
+  <menu class="db-sub-navigation" id="sub-navigation-5518851626709314"></menu>
+</li>
    <DBNavigationItem areaPopup>Expressive</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Expressive</DBNavigationItem>
    \ 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 1945b01a794..22240bd240f 100644 --- a/review/main/components/navigation-item/code/Width.html +++ b/review/main/components/navigation-item/code/Width.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-navigation-item [areaPopup]="true">(Default) Auto</db-navigation-item>
    <li class="db-navigation-item">
+DB UI Mono
    <db-navigation-item [areaPopup]="true">(Default) Auto</db-navigation-item>
    <li class="db-navigation-item">
   <button
     class="db-navigation-item-expand-button"
     aria-haspopup="false"
@@ -6,7 +6,7 @@
   >
     (Default) Auto
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-19149731339386977"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-28142776917010415"></menu>
 </li>
    <DBNavigationItem areaPopup>(Default) Auto</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">(Default) Auto</DBNavigationItem>
    <db-navigation-item width="full" [areaPopup]="true">Full</db-navigation-item>
    <li class="db-navigation-item" data-width="full">
   <button
     class="db-navigation-item-expand-button"
@@ -15,7 +15,7 @@
   >
     Full
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-20094698490506957"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-3856962884650039"></menu>
 </li>
    <DBNavigationItem width="full" areaPopup>
   Full
-</DBNavigationItem>
    <DBNavigationItem width="full" :areaPopup="true">Full</DBNavigationItem>
    
\ No newline at end of file
+</DBNavigationItem>
    <DBNavigationItem width="full" :areaPopup="true">Full</DBNavigationItem>
    \ 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 f147b3d2389..95396b5d9ef 100644 --- a/review/main/components/navigation-item/docs/Angular.html +++ b/review/main/components/navigation-item/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    //app.component.ts
@@ -40,4 +40,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/navigation-item/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 caadedd8a6b..8e9b5195803 100644 --- a/review/main/components/navigation-item/docs/HTML.html +++ b/review/main/components/navigation-item/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    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.

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation-item/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ 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 3031d45478b..93a54bd1f13 100644 --- a/review/main/components/navigation-item/docs/Migration.html +++ b/review/main/components/navigation-item/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    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 0112e6c5ae7..3a7b2ab4062 100644 --- a/review/main/components/navigation-item/docs/React.html +++ b/review/main/components/navigation-item/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    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

    @@ -32,4 +32,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation-item/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ 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 e8fb3e2d6f7..08847b5d6ca 100644 --- a/review/main/components/navigation-item/docs/Vue.html +++ b/review/main/components/navigation-item/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    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

    @@ -26,4 +26,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation-item/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ 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 e37eb76721c..4fecf52f450 100644 --- a/review/main/components/navigation-item/how-to-use.html +++ b/review/main/components/navigation-item/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 bcc846050ba..cbda7c971e6 100644 --- a/review/main/components/navigation-item/migration.html +++ b/review/main/components/navigation-item/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 9d22bdd9307..02f109ce841 100644 --- a/review/main/components/navigation-item/overview.html +++ b/review/main/components/navigation-item/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 5df2c8b7b90..6177a6e3d57 100644 --- a/review/main/components/navigation-item/properties.html +++ b/review/main/components/navigation-item/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/page.html b/review/main/components/page.html index 447e11b88bd..d34a34a043e 100644 --- a/review/main/components/page.html +++ b/review/main/components/page.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/page/code/Tonality.html b/review/main/components/page/code/Tonality.html index afc69c3758a..9a291974229 100644 --- a/review/main/components/page/code/Tonality.html +++ b/review/main/components/page/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-page>Functional</db-page>
    <div class="db-page" data-fonts-loaded="false">
+DB UI Mono
    <db-page>Functional</db-page>
    <div class="db-page" data-fonts-loaded="false">
   <main class="db-main">Functional</main>
 </div>
    <DBPage>Functional</DBPage>
    <DBPage>Functional</DBPage>
    <db-page>(Default) Regular</db-page>
    <div class="db-page" data-fonts-loaded="false">
   <main class="db-main">(Default) Regular</main>
 </div>
    <DBPage>(Default) Regular</DBPage>
    <DBPage>(Default) Regular</DBPage>
    <db-page>Expressive</db-page>
    <div class="db-page" data-fonts-loaded="false">
   <main class="db-main">Expressive</main>
-</div>
    <DBPage>Expressive</DBPage>
    <DBPage>Expressive</DBPage>
    
\ No newline at end of file
+</div>
    <DBPage>Expressive</DBPage>
    <DBPage>Expressive</DBPage>
    \ 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 e5ddaa940a8..43297014897 100644 --- a/review/main/components/page/docs/Angular.html +++ b/review/main/components/page/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    //app.component.ts
@@ -19,4 +19,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/page/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 ef74f9261b3..b82f1084a3b 100644 --- a/review/main/components/page/docs/HTML.html +++ b/review/main/components/page/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/page/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/page/docs/Migration.html b/review/main/components/page/docs/Migration.html index 11fdd52e4d1..a13f24c13a8 100644 --- a/review/main/components/page/docs/Migration.html +++ b/review/main/components/page/docs/Migration.html @@ -1,8 +1,8 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    classclass anchor link

    -
    BeforeStatusAfterDescription
    rea-page🔁db-page
    \ No newline at end of file +
    BeforeStatusAfterDescription
    rea-page🔁db-page
    \ 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 1129be6ea9a..f6f599038fc 100644 --- a/review/main/components/page/docs/React.html +++ b/review/main/components/page/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -11,4 +11,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/page/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 bd1ab388c9a..c0ca2ffb0e3 100644 --- a/review/main/components/page/docs/Vue.html +++ b/review/main/components/page/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/page/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 d84646b3d3b..43b9c4961df 100644 --- a/review/main/components/page/how-to-use.html +++ b/review/main/components/page/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/page/migration.html b/review/main/components/page/migration.html index 4d874c33810..09a97d2fde6 100644 --- a/review/main/components/page/migration.html +++ b/review/main/components/page/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/page/overview.html b/review/main/components/page/overview.html index bc920fd79b0..33b7f8ebc75 100644 --- a/review/main/components/page/overview.html +++ b/review/main/components/page/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/page/properties.html b/review/main/components/page/properties.html index 43565af8485..ae146ef5819 100644 --- a/review/main/components/page/properties.html +++ b/review/main/components/page/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/popover.html b/review/main/components/popover.html index 3bf1a482613..d073c227546 100644 --- a/review/main/components/popover.html +++ b/review/main/components/popover.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 d8167d6b240..5ccf66bdc54 100644 --- a/review/main/components/popover/code/Animations.html +++ b/review/main/components/popover/code/Animations.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-popover id="popover-13">(Default) Animation no delay</db-popover>
    <div id="popover-13" class="db-popover">
+DB UI Mono
    <db-popover id="popover-13">(Default) Animation no delay</db-popover>
    <div id="popover-13" class="db-popover">
   <article class="db-popover-content">(Default) Animation no delay</article>
 </div>
    <DBPopover id="popover-13">(Default) Animation no delay</DBPopover>
    <DBPopover id="popover-13">(Default) Animation no delay</DBPopover>
    <db-popover delay="slow" id="popover-14">
   Delay slow
@@ -30,4 +30,4 @@
   No animation
 </DBPopover>
    <DBPopover animation="disabled" id="popover-16">
   No animation
-</DBPopover>
    
\ No newline at end of file
+</DBPopover>
    \ 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 c044b3a804f..c143597eda0 100644 --- a/review/main/components/popover/code/Gap.html +++ b/review/main/components/popover/code/Gap.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-popover id="popover-11">(Default) No gap</db-popover>
    <div id="popover-11" class="db-popover">
+DB UI Mono
    <db-popover id="popover-11">(Default) No gap</db-popover>
    <div id="popover-11" class="db-popover">
   <article class="db-popover-content">(Default) No gap</article>
 </div>
    <DBPopover id="popover-11">(Default) No gap</DBPopover>
    <DBPopover id="popover-11">(Default) No gap</DBPopover>
    <db-popover [gap]="true" id="popover-12">With gap</db-popover>
    <div id="popover-12" class="db-popover">
   <article class="db-popover-content" data-gap="true">
@@ -6,4 +6,4 @@
   </article>
 </div>
    <DBPopover gap id="popover-12">
   With gap
-</DBPopover>
    <DBPopover :gap="true" id="popover-12">With gap</DBPopover>
    
\ No newline at end of file
+</DBPopover>
    <DBPopover :gap="true" id="popover-12">With gap</DBPopover>
    \ 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 c8c5fa32bc3..8ef67c8422c 100644 --- a/review/main/components/popover/code/Placement.html +++ b/review/main/components/popover/code/Placement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-popover placement="bottom-start" id="popover-07-start">
+DB UI Mono
    <db-popover placement="bottom-start" id="popover-07-start">
   bottom-start
 </db-popover>
    <div id="popover-07-start" class="db-popover">
   <article class="db-popover-content" data-placement="bottom-start">
@@ -118,4 +118,4 @@
   top-end
 </DBPopover>
    <DBPopover placement="top-end" id="popover-08-end">
   top-end
-</DBPopover>
    
\ No newline at end of file
+</DBPopover>
    \ 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 26410c5cf7f..fabc242eec1 100644 --- a/review/main/components/popover/code/Spacing.html +++ b/review/main/components/popover/code/Spacing.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-popover spacing="small" id="popover-04">
+DB UI Mono
    <db-popover spacing="small" id="popover-04">
   (Default) Small
 </db-popover>
    <div id="popover-04" class="db-popover">
   <article class="db-popover-content" data-spacing="small">
@@ -28,4 +28,4 @@
   None
 </DBPopover>
    <DBPopover spacing="none" id="popover-06">
   None
-</DBPopover>
    
\ No newline at end of file
+</DBPopover>
    \ 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 4c7802206ac..a4570d74d21 100644 --- a/review/main/components/popover/code/Tonality.html +++ b/review/main/components/popover/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-popover id="popover-01">Functional</db-popover>
    <div id="popover-01" class="db-popover">
+DB UI Mono
    <db-popover id="popover-01">Functional</db-popover>
    <div id="popover-01" class="db-popover">
   <article class="db-popover-content">Functional</article>
 </div>
    <DBPopover id="popover-01">Functional</DBPopover>
    <DBPopover id="popover-01">Functional</DBPopover>
    <db-popover id="popover-02">(Default) Regular</db-popover>
    <div id="popover-02" class="db-popover">
   <article class="db-popover-content">(Default) Regular</article>
 </div>
    <DBPopover id="popover-02">(Default) Regular</DBPopover>
    <DBPopover id="popover-02">(Default) Regular</DBPopover>
    <db-popover id="popover-03">Expressive</db-popover>
    <div id="popover-03" class="db-popover">
   <article class="db-popover-content">Expressive</article>
-</div>
    <DBPopover id="popover-03">Expressive</DBPopover>
    <DBPopover id="popover-03">Expressive</DBPopover>
    
\ No newline at end of file
+</div>
    <DBPopover id="popover-03">Expressive</DBPopover>
    <DBPopover id="popover-03">Expressive</DBPopover>
    \ 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 ab2aea9659c..dac081954eb 100644 --- a/review/main/components/popover/code/Width.html +++ b/review/main/components/popover/code/Width.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-popover
+DB UI Mono
    <db-popover
   content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
   id="popover-17"
 >
@@ -37,4 +37,4 @@
   id="popover-18"
 >
   Fixed
-</DBPopover>
    
\ No newline at end of file
+</DBPopover>
    \ 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 79f7d98f047..f351f4dc478 100644 --- a/review/main/components/popover/docs/Angular.html +++ b/review/main/components/popover/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/popover/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 a4205897498..57614b41706 100644 --- a/review/main/components/popover/docs/HTML.html +++ b/review/main/components/popover/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -14,4 +14,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/popover/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 2e0a5c69341..4d693794268 100644 --- a/review/main/components/popover/docs/Migration.html +++ b/review/main/components/popover/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    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 2eff65ad8de..9433199126d 100644 --- a/review/main/components/popover/docs/React.html +++ b/review/main/components/popover/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/popover/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 339ccfdc39f..db22ef04b71 100644 --- a/review/main/components/popover/docs/Vue.html +++ b/review/main/components/popover/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -15,4 +15,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/popover/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 d4c5f9301e2..cd0c584a0f2 100644 --- a/review/main/components/popover/how-to-use.html +++ b/review/main/components/popover/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/popover/migration.html b/review/main/components/popover/migration.html index af19ebf691e..44936cf673d 100644 --- a/review/main/components/popover/migration.html +++ b/review/main/components/popover/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/popover/overview.html b/review/main/components/popover/overview.html index f4d19c46815..1a37dff7fad 100644 --- a/review/main/components/popover/overview.html +++ b/review/main/components/popover/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/popover/properties.html b/review/main/components/popover/properties.html index 56b770856f3..3f02ae23109 100644 --- a/review/main/components/popover/properties.html +++ b/review/main/components/popover/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/radio.html b/review/main/components/radio.html index 04c0edde2c0..493c91687d8 100644 --- a/review/main/components/radio.html +++ b/review/main/components/radio.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 ca3b10d7f13..5a9ba86fa15 100644 --- a/review/main/components/radio/code/Requirement.html +++ b/review/main/components/radio/code/Requirement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-radio name="Requirement">(Default) Optional</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
+DB UI Mono
    <db-radio name="Requirement">(Default) Optional</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
   <input type="radio" id="OVERWRITE_DEFAULT_ID" name="Requirement" />
   (Default) Optional
 </label>
    <DBRadio name="Requirement">(Default) Optional</DBRadio>
    <DBRadio name="Requirement">(Default) Optional</DBRadio>
    <db-radio name="Requirement" [required]="true" [invalid]="true">Required</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
@@ -23,4 +23,4 @@
   Required - Checked
 </label>
    <DBRadio name="Requirement" required checked>
   Required - Checked
-</DBRadio>
    <DBRadio name="Requirement" :required="true" :checked="true">Required - Checked</DBRadio>
    
\ No newline at end of file
+</DBRadio>
    <DBRadio name="Requirement" :required="true" :checked="true">Required - Checked</DBRadio>
    \ 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 08509b5c002..88d306dfab8 100644 --- a/review/main/components/radio/code/Size.html +++ b/review/main/components/radio/code/Size.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-radio name="Size">(Default) Medium</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
+DB UI Mono
    <db-radio name="Size">(Default) Medium</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
   <input type="radio" id="OVERWRITE_DEFAULT_ID" name="Size" />
   (Default) Medium
 </label>
    <DBRadio name="Size">(Default) Medium</DBRadio>
    <DBRadio name="Size">(Default) Medium</DBRadio>
    <db-radio name="Size" size="small">
@@ -10,4 +10,4 @@
   Small
 </DBRadio>
    <DBRadio name="Size" size="small">
   Small
-</DBRadio>
    
\ No newline at end of file
+</DBRadio>
    \ 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 81a54a28762..ea6ed1f2783 100644 --- a/review/main/components/radio/code/States.html +++ b/review/main/components/radio/code/States.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-radio name="States">(Default) Unchecked</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
+DB UI Mono
    <db-radio name="States">(Default) Unchecked</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
   <input type="radio" id="OVERWRITE_DEFAULT_ID" name="States" />
   (Default) Unchecked
 </label>
    <DBRadio name="States">(Default) Unchecked</DBRadio>
    <DBRadio name="States">(Default) Unchecked</DBRadio>
    <db-radio name="States" [checked]="true">Checked</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
@@ -11,4 +11,4 @@
   Disabled
 </label>
    <DBRadio name="States" disabled>
   Disabled
-</DBRadio>
    <DBRadio name="States" :disabled="true">Disabled</DBRadio>
    
\ No newline at end of file
+</DBRadio>
    <DBRadio name="States" :disabled="true">Disabled</DBRadio>
    \ 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 f949b7c51f6..419958d3b55 100644 --- a/review/main/components/radio/code/Tonality.html +++ b/review/main/components/radio/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-radio name="Tonality" value="functional">
+DB UI Mono
    <db-radio name="Tonality" value="functional">
   Functional
 </db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
   <input
@@ -40,4 +40,4 @@
   Expressive
 </DBRadio>
    <DBRadio name="Tonality" value="expressive">
   Expressive
-</DBRadio>
    
\ No newline at end of file
+</DBRadio>
    \ 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 d73965813d1..ac8d935c225 100644 --- a/review/main/components/radio/code/VariantLabel.html +++ b/review/main/components/radio/code/VariantLabel.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-radio name="Content">(Default) Label</db-radio>
    undefined
    <DBRadio name="Content">(Default) Label</DBRadio>
    <DBRadio name="Content">(Default) Label</DBRadio>
    <db-radio name="Content" labelVariant="hidden">
+DB UI Mono
    <db-radio name="Content">(Default) Label</db-radio>
    undefined
    <DBRadio name="Content">(Default) Label</DBRadio>
    <DBRadio name="Content">(Default) Label</DBRadio>
    <db-radio name="Content" labelVariant="hidden">
   Hidden Label
 </db-radio>
    undefined
    <DBRadio name="Content" labelVariant="hidden">
   Hidden Label
 </DBRadio>
    <DBRadio name="Content" labelVariant="hidden">
   Hidden Label
-</DBRadio>
    
\ No newline at end of file
+</DBRadio>
    \ 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 35bfabfcf52..83c09537c7c 100644 --- a/review/main/components/radio/docs/Angular.html +++ b/review/main/components/radio/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -76,4 +76,4 @@ 
    How to use with Template Driven F
 }

    How to use with Reactive Formshow-to-use-with-reactive-forms anchor link

    -

    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 b092c649578..142ef91d94c 100644 --- a/review/main/components/radio/docs/HTML.html +++ b/review/main/components/radio/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -13,4 +13,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/radio/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/radio/docs/Migration.html b/review/main/components/radio/docs/Migration.html index a34f06c3b2b..e8dec9c651c 100644 --- a/review/main/components/radio/docs/Migration.html +++ b/review/main/components/radio/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-radio🔁db-radio

    idid anchor link

    -
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file +
    BeforeStatusAfterDescription
    input_id🔁id
    \ 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 d752bbe4762..f1388f4dac6 100644 --- a/review/main/components/radio/docs/React.html +++ b/review/main/components/radio/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -24,4 +24,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/radio/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 a9f8e711f42..7cfe30d372c 100644 --- a/review/main/components/radio/docs/Vue.html +++ b/review/main/components/radio/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -23,4 +23,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/radio/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 6a187a072f7..102bcd512d7 100644 --- a/review/main/components/radio/how-to-use.html +++ b/review/main/components/radio/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/radio/migration.html b/review/main/components/radio/migration.html index caca8bb6c3b..9b656f6fcda 100644 --- a/review/main/components/radio/migration.html +++ b/review/main/components/radio/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/radio/overview.html b/review/main/components/radio/overview.html index e37379fe4b7..d15f04b5bfb 100644 --- a/review/main/components/radio/overview.html +++ b/review/main/components/radio/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/radio/properties.html b/review/main/components/radio/properties.html index 39609f66416..54de05af643 100644 --- a/review/main/components/radio/properties.html +++ b/review/main/components/radio/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/readme.html b/review/main/components/readme.html index ae533f5b959..9247f21e044 100644 --- a/review/main/components/readme.html +++ b/review/main/components/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/router-usage.html b/review/main/components/router-usage.html index 73d7636ca11..e9b63892df7 100644 --- a/review/main/components/router-usage.html +++ b/review/main/components/router-usage.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/section.html b/review/main/components/section.html index 013eb60ab4e..41209472490 100644 --- a/review/main/components/section.html +++ b/review/main/components/section.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 ca8016a17f4..f1519c72cde 100644 --- a/review/main/components/section/code/Size.html +++ b/review/main/components/section/code/Size.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-section>(Default) Medium</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono
    <db-section>(Default) Medium</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div>(Default) Medium</div>
 </section>
    <DBSection>(Default) Medium</DBSection>
    <DBSection>(Default) Medium</DBSection>
    <db-section size="large">Large</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="large" class="db-section">
   <div>Large</div>
 </section>
    <DBSection size="large">Large</DBSection>
    <DBSection size="large">Large</DBSection>
    <db-section size="small">Small</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="small" class="db-section">
   <div>Small</div>
-</section>
    <DBSection size="small">Small</DBSection>
    <DBSection size="small">Small</DBSection>
    
\ No newline at end of file
+</section>
    <DBSection size="small">Small</DBSection>
    <DBSection size="small">Small</DBSection>
    \ 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 3342694fcdf..e5450428356 100644 --- a/review/main/components/section/code/Tonality.html +++ b/review/main/components/section/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-section>Functional</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono
    <db-section>Functional</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div>Functional</div>
 </section>
    <DBSection>Functional</DBSection>
    <DBSection>Functional</DBSection>
    <db-section>(Default) Regular</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div>(Default) Regular</div>
 </section>
    <DBSection>(Default) Regular</DBSection>
    <DBSection>(Default) Regular</DBSection>
    <db-section>Expressive</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div>Expressive</div>
-</section>
    <DBSection>Expressive</DBSection>
    <DBSection>Expressive</DBSection>
    
\ No newline at end of file
+</section>
    <DBSection>Expressive</DBSection>
    <DBSection>Expressive</DBSection>
    \ 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 f593f0d7d96..2f392074d98 100644 --- a/review/main/components/section/code/Variant.html +++ b/review/main/components/section/code/Variant.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-section>(Default) Full</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono
    <db-section>(Default) Full</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div>(Default) Full</div>
 </section>
    <DBSection>(Default) Full</DBSection>
    <DBSection>(Default) Full</DBSection>
    <db-section variant="medium">Medium</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div data-variant="medium">Medium</div>
 </section>
    <DBSection variant="medium">Medium</DBSection>
    <DBSection variant="medium">Medium</DBSection>
    <db-section variant="large">Large</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div data-variant="large">Large</div>
-</section>
    <DBSection variant="large">Large</DBSection>
    <DBSection variant="large">Large</DBSection>
    
\ No newline at end of file
+</section>
    <DBSection variant="large">Large</DBSection>
    <DBSection variant="large">Large</DBSection>
    \ 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 77cfd27affd..65349fca885 100644 --- a/review/main/components/section/docs/Angular.html +++ b/review/main/components/section/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-section variant="full">Section</db-section>
-
    \ No newline at end of file +
    \ 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 d427223c1bb..462b65e9d71 100644 --- a/review/main/components/section/docs/HTML.html +++ b/review/main/components/section/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -8,4 +8,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/section/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 bdc2497085b..c9e680a7724 100644 --- a/review/main/components/section/docs/Migration.html +++ b/review/main/components/section/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    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 2c17654cf24..fedaf28d841 100644 --- a/review/main/components/section/docs/React.html +++ b/review/main/components/section/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/section/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 9c8e94de3b9..207dc03f084 100644 --- a/review/main/components/section/docs/Vue.html +++ b/review/main/components/section/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/section/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 cd0ba0720b9..8d79c97db3f 100644 --- a/review/main/components/section/how-to-use.html +++ b/review/main/components/section/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/section/migration.html b/review/main/components/section/migration.html index 905f69ea6ae..da1ebacdbdf 100644 --- a/review/main/components/section/migration.html +++ b/review/main/components/section/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/section/overview.html b/review/main/components/section/overview.html index 4706638b666..be5ec30a0bc 100644 --- a/review/main/components/section/overview.html +++ b/review/main/components/section/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/section/properties.html b/review/main/components/section/properties.html index eb0ea0d741d..bc5a16a1b06 100644 --- a/review/main/components/section/properties.html +++ b/review/main/components/section/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/select.html b/review/main/components/select.html index 5adc1c47e00..7db79ebabbf 100644 --- a/review/main/components/select.html +++ b/review/main/components/select.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 b5aacff6a23..554fb36b302 100644 --- a/review/main/components/select/code/Content.html +++ b/review/main/components/select/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</db-select>
    <div class="db-select">
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</db-select>
    <div class="db-select">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <select
     id="OVERWRITE_DEFAULT_ID"
@@ -31,4 +31,4 @@
   icon="x_placeholder"
 >
   Text - Leading Icon
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</DBSelect>
    \ 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 62ba674a1dd..e89f824b7b6 100644 --- a/review/main/components/select/code/Requirement.html +++ b/review/main/components/select/code/Requirement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</db-select>
    <div class="db-select">
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</db-select>
    <div class="db-select">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <select
     id="OVERWRITE_DEFAULT_ID"
@@ -53,4 +53,4 @@
   required
 >
   Required - Filled
-</DBSelect>
    <DBSelect :options="[{'value':'Required - Filled'},{'value':'Option 2'}]" label="Label" value="Required - Filled" :required="true">Required - Filled</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Required - Filled'},{'value':'Option 2'}]" label="Label" value="Required - Filled" :required="true">Required - Filled</DBSelect>
    \ 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 e6f9f6a5946..e0b75f73b86 100644 --- a/review/main/components/select/code/Semantic.html +++ b/review/main/components/select/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">(Default) Adaptive</db-select>
    <div class="db-select">
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">(Default) Adaptive</db-select>
    <div class="db-select">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <select
     id="OVERWRITE_DEFAULT_ID"
@@ -127,4 +127,4 @@
   message="Warning Message"
 >
   Warning
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="warning" message="Warning Message">Warning</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="warning" message="Warning Message">Warning</DBSelect>
    \ 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 48b24ecd5d0..09382b66cbb 100644 --- a/review/main/components/select/code/StatesFloatingLabel.html +++ b/review/main/components/select/code/StatesFloatingLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="floating">(Default) Empty</db-select>
    undefined
    <DBSelect
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="floating">(Default) Empty</db-select>
    undefined
    <DBSelect
   options={[{ value: "Option 1" }, { value: "Option 2" }]}
   label="Label"
   labelVariant="floating"
@@ -35,4 +35,4 @@
   value="Disabled"
 >
   Disabled
-</DBSelect>
    <DBSelect :options="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" :disabled="true" labelVariant="floating" value="Disabled">Disabled</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" :disabled="true" labelVariant="floating" value="Disabled">Disabled</DBSelect>
    \ 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 55147f186c2..b790d2a551b 100644 --- a/review/main/components/select/code/StatesLabelAbove.html +++ b/review/main/components/select/code/StatesLabelAbove.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Empty</db-select>
    undefined
    <DBSelect
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Empty</db-select>
    undefined
    <DBSelect
   options={[{ value: "Option 1" }, { value: "Option 2" }]}
   label="Label"
 >
@@ -29,4 +29,4 @@
   disabled
 >
   Disabled
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :disabled="true">Disabled</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :disabled="true">Disabled</DBSelect>
    \ 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 e6f9e364939..e9e46dd2cf7 100644 --- a/review/main/components/select/code/Tonality.html +++ b/review/main/components/select/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</db-select>
    <div class="db-select">
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</db-select>
    <div class="db-select">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <select
     id="OVERWRITE_DEFAULT_ID"
@@ -46,4 +46,4 @@
   label="Label"
 >
   Expressive
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</DBSelect>
    \ 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 b9d004c86f3..22885c1bcc7 100644 --- a/review/main/components/select/code/VariantHelperMessage.html +++ b/review/main/components/select/code/VariantHelperMessage.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Basic</db-select>
    undefined
    <DBSelect
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Basic</db-select>
    undefined
    <DBSelect
   options={[{ value: "Option 1" }, { value: "Option 2" }]}
   label="Label"
 >
@@ -9,4 +9,4 @@
   message="Helper Message"
 >
   Helper Message
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</DBSelect>
    \ 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 2928b4d4d3e..b3e0a2d37bf 100644 --- a/review/main/components/select/code/VariantLabel.html +++ b/review/main/components/select/code/VariantLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Label Above</db-select>
    undefined
    <DBSelect
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Label Above</db-select>
    undefined
    <DBSelect
   options={[{ value: "Option 1" }, { value: "Option 2" }]}
   label="Label"
 >
@@ -16,4 +16,4 @@
   labelVariant="hidden"
 >
   Hidden Label
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="hidden">Hidden Label</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="hidden">Hidden Label</DBSelect>
    \ 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 49764894d0b..b4a40b99866 100644 --- a/review/main/components/select/docs/Angular.html +++ b/review/main/components/select/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -17,4 +17,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/select/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 849792f2fc4..29f18b9b473 100644 --- a/review/main/components/select/docs/HTML.html +++ b/review/main/components/select/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/select/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 9f235ebce53..b999e846125 100644 --- a/review/main/components/select/docs/Migration.html +++ b/review/main/components/select/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-select🔁db-select

    selectselect anchor link

    -
    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 29a1d9700b4..d58d6cb39ed 100644 --- a/review/main/components/select/docs/React.html +++ b/review/main/components/select/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/select/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 a2b3af80eb7..b5287c45f7b 100644 --- a/review/main/components/select/docs/Vue.html +++ b/review/main/components/select/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/select/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 0ff15374571..eb7b64a38b7 100644 --- a/review/main/components/select/how-to-use.html +++ b/review/main/components/select/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/select/migration.html b/review/main/components/select/migration.html index 086a213f367..9506bb7b946 100644 --- a/review/main/components/select/migration.html +++ b/review/main/components/select/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/select/overview.html b/review/main/components/select/overview.html index 4a7fd1b0e45..e3b8ac04ec3 100644 --- a/review/main/components/select/overview.html +++ b/review/main/components/select/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/select/properties.html b/review/main/components/select/properties.html index 2245a215a7e..eec391a78e7 100644 --- a/review/main/components/select/properties.html +++ b/review/main/components/select/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-list/docs/Angular.html b/review/main/components/tab-list/docs/Angular.html index e5d43c46087..5635e29bf89 100644 --- a/review/main/components/tab-list/docs/Angular.html +++ b/review/main/components/tab-list/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/tab-list/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/tab-list/docs/HTML.html b/review/main/components/tab-list/docs/HTML.html index 5ac3167f5ad..eeb00b5325f 100644 --- a/review/main/components/tab-list/docs/HTML.html +++ b/review/main/components/tab-list/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -72,4 +72,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-list/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-list/docs/Migration.html b/review/main/components/tab-list/docs/Migration.html index 6512e6b6839..b31ce21acf4 100644 --- a/review/main/components/tab-list/docs/Migration.html +++ b/review/main/components/tab-list/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/tab-list/docs/React.html b/review/main/components/tab-list/docs/React.html index 72c7a47b51b..6bfccec6c38 100644 --- a/review/main/components/tab-list/docs/React.html +++ b/review/main/components/tab-list/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-list/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-list/docs/Vue.html b/review/main/components/tab-list/docs/Vue.html index 36e2c9a66ad..e34c5b637a0 100644 --- a/review/main/components/tab-list/docs/Vue.html +++ b/review/main/components/tab-list/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-list/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-list/how-to-use.html b/review/main/components/tab-list/how-to-use.html index d0ea4b0d591..561b6cc734a 100644 --- a/review/main/components/tab-list/how-to-use.html +++ b/review/main/components/tab-list/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-list/migration.html b/review/main/components/tab-list/migration.html index 265b7332ee9..900f8c827ed 100644 --- a/review/main/components/tab-list/migration.html +++ b/review/main/components/tab-list/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-list/properties.html b/review/main/components/tab-list/properties.html index e276713d861..8c6a6cb9f45 100644 --- a/review/main/components/tab-list/properties.html +++ b/review/main/components/tab-list/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-panel/docs/Angular.html b/review/main/components/tab-panel/docs/Angular.html index e3fc6286518..82a3d5b6871 100644 --- a/review/main/components/tab-panel/docs/Angular.html +++ b/review/main/components/tab-panel/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/tab-panel/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/tab-panel/docs/HTML.html b/review/main/components/tab-panel/docs/HTML.html index 99865d709ed..f7032cffa62 100644 --- a/review/main/components/tab-panel/docs/HTML.html +++ b/review/main/components/tab-panel/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -72,4 +72,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-panel/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-panel/docs/Migration.html b/review/main/components/tab-panel/docs/Migration.html index a2dc4469525..9791f355cb0 100644 --- a/review/main/components/tab-panel/docs/Migration.html +++ b/review/main/components/tab-panel/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/tab-panel/docs/React.html b/review/main/components/tab-panel/docs/React.html index 34e77d9ce08..f7a6dfb696b 100644 --- a/review/main/components/tab-panel/docs/React.html +++ b/review/main/components/tab-panel/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-panel/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-panel/docs/Vue.html b/review/main/components/tab-panel/docs/Vue.html index 92cfaa77a31..c8f5e9dab0e 100644 --- a/review/main/components/tab-panel/docs/Vue.html +++ b/review/main/components/tab-panel/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-panel/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-panel/how-to-use.html b/review/main/components/tab-panel/how-to-use.html index 772c8bdaf91..dc6c9d9cece 100644 --- a/review/main/components/tab-panel/how-to-use.html +++ b/review/main/components/tab-panel/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-panel/migration.html b/review/main/components/tab-panel/migration.html index 6a7d312340d..61651161690 100644 --- a/review/main/components/tab-panel/migration.html +++ b/review/main/components/tab-panel/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-panel/properties.html b/review/main/components/tab-panel/properties.html index 6f88695485f..25114bfb7fb 100644 --- a/review/main/components/tab-panel/properties.html +++ b/review/main/components/tab-panel/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab.html b/review/main/components/tab.html index e09abfcd0d4..ce233e805e8 100644 --- a/review/main/components/tab.html +++ b/review/main/components/tab.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab/code/Behaviour.html b/review/main/components/tab/code/Behaviour.html index cbb3e43db4f..6575e10229c 100644 --- a/review/main/components/tab/code/Behaviour.html +++ b/review/main/components/tab/code/Behaviour.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-tab label="(Default) Auto Width">(Default) Auto Width</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Auto Width<!-- -->(Default) Auto Width</label></li>
    <DBTab label="(Default) Auto Width">(Default) Auto Width</DBTab>
    <DBTab label="(Default) Auto Width">(Default) Auto Width</DBTab>
    <db-tab label="Width full" width="full">
+DB UI Mono
    <db-tab label="(Default) Auto Width">(Default) Auto Width</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Auto Width<!-- -->(Default) Auto Width</label></li>
    <DBTab label="(Default) Auto Width">(Default) Auto Width</DBTab>
    <DBTab label="(Default) Auto Width">(Default) Auto Width</DBTab>
    <db-tab label="Width full" width="full">
   Width full
 </db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>Width full<!-- -->Width full</label></li>
    <DBTab label="Width full" width="full">
   Width full
 </DBTab>
    <DBTab label="Width full" width="full">
   Width full
-</DBTab>
    
\ No newline at end of file
+</DBTab>
    \ No newline at end of file diff --git a/review/main/components/tab/code/Content.html b/review/main/components/tab/code/Content.html index 9a6fd66fda8..2ee5f86eca1 100644 --- a/review/main/components/tab/code/Content.html +++ b/review/main/components/tab/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tab label="(Default) Text">(Default) Text</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Text<!-- -->(Default) Text</label></li>
    <DBTab label="(Default) Text">(Default) Text</DBTab>
    <DBTab label="(Default) Text">(Default) Text</DBTab>
    <db-tab label="Text - Icon (Leading)" icon="x_placeholder">
+DB UI Mono
    <db-tab label="(Default) Text">(Default) Text</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Text<!-- -->(Default) Text</label></li>
    <DBTab label="(Default) Text">(Default) Text</DBTab>
    <DBTab label="(Default) Text">(Default) Text</DBTab>
    <db-tab label="Text - Icon (Leading)" icon="x_placeholder">
   Text - Icon (Leading)
 </db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" data-icon="x_placeholder" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>Text - Icon (Leading)<!-- -->Text - Icon (Leading)</label></li>
    <DBTab label="Text - Icon (Leading)" icon="x_placeholder">
   Text - Icon (Leading)
@@ -21,4 +21,4 @@
   </label>
 </li>
    <DBTab icon="x_placeholder" noText>
   Icon
-</DBTab>
    <DBTab icon="x_placeholder" :noText="true">Icon</DBTab>
    
\ No newline at end of file
+</DBTab>
    <DBTab icon="x_placeholder" :noText="true">Icon</DBTab>
    \ No newline at end of file diff --git a/review/main/components/tab/code/ContentAlignmentFullWidth.html b/review/main/components/tab/code/ContentAlignmentFullWidth.html index 506f6dd707d..fea64fd0478 100644 --- a/review/main/components/tab/code/ContentAlignmentFullWidth.html +++ b/review/main/components/tab/code/ContentAlignmentFullWidth.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tab label="Left" width="full">
+DB UI Mono
    <db-tab label="Left" width="full">
   Left
 </db-tab>
    undefined
    <DBTab label="Left" width="full">
   Left
@@ -10,4 +10,4 @@
   Centered
 </DBTab>
    <DBTab label="Centered" width="full" alignment="center">
   Centered
-</DBTab>
    
\ No newline at end of file
+</DBTab>
    \ No newline at end of file diff --git a/review/main/components/tab/code/States.html b/review/main/components/tab/code/States.html index 6b790fd718c..3bdadfc0891 100644 --- a/review/main/components/tab/code/States.html +++ b/review/main/components/tab/code/States.html @@ -1,5 +1,5 @@ -DB UI Mono
    <db-tab label="(Default) Enabled">(Default) Enabled</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Enabled<!-- -->(Default) Enabled</label></li>
    <DBTab label="(Default) Enabled">(Default) Enabled</DBTab>
    <DBTab label="(Default) Enabled">(Default) Enabled</DBTab>
    <db-tab label="active" [active]="true">active</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->active</label></li>
    <DBTab label="active" active>
+DB UI Mono
    <db-tab label="(Default) Enabled">(Default) Enabled</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Enabled<!-- -->(Default) Enabled</label></li>
    <DBTab label="(Default) Enabled">(Default) Enabled</DBTab>
    <DBTab label="(Default) Enabled">(Default) Enabled</DBTab>
    <db-tab label="active" [active]="true">active</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->active</label></li>
    <DBTab label="active" active>
   active
 </DBTab>
    <DBTab label="active" :active="true">active</DBTab>
    <db-tab label="active" [disabled]="true">disabled</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" disabled="" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->disabled</label></li>
    <DBTab label="active" disabled>
   disabled
-</DBTab>
    <DBTab label="active" :disabled="true">disabled</DBTab>
    
\ No newline at end of file
+</DBTab>
    <DBTab label="active" :disabled="true">disabled</DBTab>
    \ No newline at end of file diff --git a/review/main/components/tab/code/Tonality.html b/review/main/components/tab/code/Tonality.html index 9feb3a2f0c9..28917cd2cf5 100644 --- a/review/main/components/tab/code/Tonality.html +++ b/review/main/components/tab/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-tab label="functional">Functional</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>functional<!-- -->Functional</label></li>
    <DBTab label="functional">Functional</DBTab>
    <DBTab label="functional">Functional</DBTab>
    <db-tab label="(Default) Regular">(Default) Regular</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Regular<!-- -->(Default) Regular</label></li>
    <DBTab label="(Default) Regular">(Default) Regular</DBTab>
    <DBTab label="(Default) Regular">(Default) Regular</DBTab>
    <db-tab label="expressive">Expressive</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>expressive<!-- -->Expressive</label></li>
    <DBTab label="expressive">Expressive</DBTab>
    <DBTab label="expressive">Expressive</DBTab>
    \ No newline at end of file +DB UI Mono
    <db-tab label="functional">Functional</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>functional<!-- -->Functional</label></li>
    <DBTab label="functional">Functional</DBTab>
    <DBTab label="functional">Functional</DBTab>
    <db-tab label="(Default) Regular">(Default) Regular</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Regular<!-- -->(Default) Regular</label></li>
    <DBTab label="(Default) Regular">(Default) Regular</DBTab>
    <DBTab label="(Default) Regular">(Default) Regular</DBTab>
    <db-tab label="expressive">Expressive</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>expressive<!-- -->Expressive</label></li>
    <DBTab label="expressive">Expressive</DBTab>
    <DBTab label="expressive">Expressive</DBTab>
    \ 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 baa3adacc93..8f6acf48241 100644 --- a/review/main/components/tab/docs/Angular.html +++ b/review/main/components/tab/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/tab/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ 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 98a6384030f..73d6539f8d7 100644 --- a/review/main/components/tab/docs/HTML.html +++ b/review/main/components/tab/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -72,4 +72,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab/docs/Migration.html b/review/main/components/tab/docs/Migration.html index e2e4ed4e6f9..161d6133aa0 100644 --- a/review/main/components/tab/docs/Migration.html +++ b/review/main/components/tab/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    cmp-db-tab🔁db-tab

    namename anchor link

    -
    BeforeStatusAfterDescription
    name❌❌It should be used with db-tabs which will add a the name from db-tabs to all tabs all at one.
    \ No newline at end of file +
    BeforeStatusAfterDescription
    name❌❌It should be used with db-tabs which will add a the name from db-tabs to all tabs all at one.
    \ 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 186248bb63f..deacf5e631b 100644 --- a/review/main/components/tab/docs/React.html +++ b/review/main/components/tab/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 31392bd4b47..4a87a63b5ab 100644 --- a/review/main/components/tab/docs/Vue.html +++ b/review/main/components/tab/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 70e7e52b57e..2af1472ca8e 100644 --- a/review/main/components/tab/how-to-use.html +++ b/review/main/components/tab/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab/migration.html b/review/main/components/tab/migration.html index 2e9bb7c981f..63034f10a5f 100644 --- a/review/main/components/tab/migration.html +++ b/review/main/components/tab/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab/overview.html b/review/main/components/tab/overview.html index 67b42da1507..cd9b31e20c4 100644 --- a/review/main/components/tab/overview.html +++ b/review/main/components/tab/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab/properties.html b/review/main/components/tab/properties.html index 7bb21220b9f..63b0c883b59 100644 --- a/review/main/components/tab/properties.html +++ b/review/main/components/tab/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tabs.html b/review/main/components/tabs.html index 7de86625785..e2ce30b39c4 100644 --- a/review/main/components/tabs.html +++ b/review/main/components/tabs.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tabs/code/Examples.html b/review/main/components/tabs/code/Examples.html index 70fd3f2c9e9..4bce1b91beb 100644 --- a/review/main/components/tabs/code/Examples.html +++ b/review/main/components/tabs/code/Examples.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tabs [initialSelectedIndex]="1">
+DB UI Mono
    <db-tabs [initialSelectedIndex]="1">
 	<db-tab-list>
 		<db-tab>Tab 1</db-tab>
 		<db-tab>Tab 2</db-tab>
@@ -176,4 +176,4 @@
 		<DBTabPanel>Tab Panel 1</DBTabPanel>
 		<DBTabPanel>Tab Panel 2</DBTabPanel>
 		<DBTabPanel>Tab Panel 3</DBTabPanel>
-	</DBTabs>
    
\ No newline at end of file
+	</DBTabs>
    \ No newline at end of file diff --git a/review/main/components/tabs/code/Orientation.html b/review/main/components/tabs/code/Orientation.html index c995f10fa7c..a5be08eb758 100644 --- a/review/main/components/tabs/code/Orientation.html +++ b/review/main/components/tabs/code/Orientation.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tabs>
+DB UI Mono
    <db-tabs>
   <db-tab-list>
     <db-tab>Tab 1</db-tab>
     <db-tab>Tab 2</db-tab>
@@ -176,4 +176,4 @@
   <DBTabPanel>Tab Panel 1</DBTabPanel>
   <DBTabPanel>Tab Panel 2</DBTabPanel>
   <DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
    
\ No newline at end of file
+</DBTabs>
    \ No newline at end of file diff --git a/review/main/components/tabs/code/Overflow.html b/review/main/components/tabs/code/Overflow.html index 6a021d9398f..439510d1668 100644 --- a/review/main/components/tabs/code/Overflow.html +++ b/review/main/components/tabs/code/Overflow.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tabs>
+DB UI Mono
    <db-tabs>
   <db-tab-list>
     <db-tab>Tab 1</db-tab>
     <db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
   <DBTabPanel>Tab Panel 1</DBTabPanel>
   <DBTabPanel>Tab Panel 2</DBTabPanel>
   <DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
    
\ No newline at end of file
+</DBTabs>
    \ No newline at end of file diff --git a/review/main/components/tabs/code/Tonality.html b/review/main/components/tabs/code/Tonality.html index 7cc84ce9554..2adb796fd5d 100644 --- a/review/main/components/tabs/code/Tonality.html +++ b/review/main/components/tabs/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tabs>
+DB UI Mono
    <db-tabs>
   <db-tab-list>
     <db-tab>Tab 1</db-tab>
     <db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
   <DBTabPanel>Tab Panel 1</DBTabPanel>
   <DBTabPanel>Tab Panel 2</DBTabPanel>
   <DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
    
\ No newline at end of file
+</DBTabs>
    \ No newline at end of file diff --git a/review/main/components/tabs/code/Width.html b/review/main/components/tabs/code/Width.html index 43b9b5c41cc..59659c7b3d8 100644 --- a/review/main/components/tabs/code/Width.html +++ b/review/main/components/tabs/code/Width.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tabs>
+DB UI Mono
    <db-tabs>
   <db-tab-list>
     <db-tab>Tab 1</db-tab>
     <db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
   <DBTabPanel>Tab Panel 1</DBTabPanel>
   <DBTabPanel>Tab Panel 2</DBTabPanel>
   <DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
    
\ No newline at end of file
+</DBTabs>
    \ No newline at end of file diff --git a/review/main/components/tabs/docs/Angular.html b/review/main/components/tabs/docs/Angular.html index 667ce51eadf..69acbce8022 100644 --- a/review/main/components/tabs/docs/Angular.html +++ b/review/main/components/tabs/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/tabs/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/tabs/docs/HTML.html b/review/main/components/tabs/docs/HTML.html index 7c51f334c63..9c13b7f4479 100644 --- a/review/main/components/tabs/docs/HTML.html +++ b/review/main/components/tabs/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -72,4 +72,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tabs/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tabs/docs/Migration.html b/review/main/components/tabs/docs/Migration.html index 9f4335fee67..a08691254ca 100644 --- a/review/main/components/tabs/docs/Migration.html +++ b/review/main/components/tabs/docs/Migration.html @@ -1,8 +1,8 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    classclass anchor link

    -
    BeforeStatusAfterDescription
    cmp-tab-bar🔁db-tabs
    \ No newline at end of file +
    BeforeStatusAfterDescription
    cmp-tab-bar🔁db-tabs
    \ No newline at end of file diff --git a/review/main/components/tabs/docs/React.html b/review/main/components/tabs/docs/React.html index c744dcfb865..f4ecba76670 100644 --- a/review/main/components/tabs/docs/React.html +++ b/review/main/components/tabs/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tabs/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tabs/docs/Vue.html b/review/main/components/tabs/docs/Vue.html index 4a73f6354a6..2d429a1ce97 100644 --- a/review/main/components/tabs/docs/Vue.html +++ b/review/main/components/tabs/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tabs/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tabs/how-to-use.html b/review/main/components/tabs/how-to-use.html index 77f29a6a040..30cc3c40d60 100644 --- a/review/main/components/tabs/how-to-use.html +++ b/review/main/components/tabs/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tabs/migration.html b/review/main/components/tabs/migration.html index 1dcbd67f389..9f4967182dd 100644 --- a/review/main/components/tabs/migration.html +++ b/review/main/components/tabs/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tabs/overview.html b/review/main/components/tabs/overview.html index a8a604a0d7f..142cbd215fd 100644 --- a/review/main/components/tabs/overview.html +++ b/review/main/components/tabs/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tabs/properties.html b/review/main/components/tabs/properties.html index 36eb5e27b16..6457dddd94a 100644 --- a/review/main/components/tabs/properties.html +++ b/review/main/components/tabs/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tag.html b/review/main/components/tag.html index 1fdc207fd7e..809cd6d6263 100644 --- a/review/main/components/tag.html +++ b/review/main/components/tag.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 f5a3f54f939..e297c12d415 100644 --- a/review/main/components/tag/code/Behaviour.html +++ b/review/main/components/tag/code/Behaviour.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tag>(Default) Static</db-tag>
    <div class="db-tag">(Default) Static</div>
    <DBTag>(Default) Static</DBTag>
    <DBTag>(Default) Static</DBTag>
    <db-tag>
+DB UI Mono
    <db-tag>(Default) Static</db-tag>
    <div class="db-tag">(Default) Static</div>
    <DBTag>(Default) Static</DBTag>
    <DBTag>(Default) Static</DBTag>
    <db-tag>
   <db-button>Interactive Button</db-button>
 </db-tag>
    <div class="db-tag">
   <button class="db-button">Interactive Button</button>
@@ -61,4 +61,4 @@
   >
     Remove tag
   </button>
-</div>
    <DBTag behaviour="removable">Removeable</DBTag>
    <DBTag behaviour="removable">Removeable</DBTag>
    
\ No newline at end of file
+</div>
    <DBTag behaviour="removable">Removeable</DBTag>
    <DBTag behaviour="removable">Removeable</DBTag>
    \ 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 f65547aea6c..0912107de23 100644 --- a/review/main/components/tag/code/Content.html +++ b/review/main/components/tag/code/Content.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-tag>(Default) Text</db-tag>
    <div class="db-tag">(Default) Text</div>
    <DBTag>(Default) Text</DBTag>
    <DBTag>(Default) Text</DBTag>
    <db-tag icon="account" [noText]="true">Icon</db-tag>
    <div class="db-tag" data-icon="account" data-no-text="true">
+DB UI Mono
    <db-tag>(Default) Text</db-tag>
    <div class="db-tag">(Default) Text</div>
    <DBTag>(Default) Text</DBTag>
    <DBTag>(Default) Text</DBTag>
    <db-tag icon="account" [noText]="true">Icon</db-tag>
    <div class="db-tag" data-icon="account" data-no-text="true">
   Icon
 </div>
    <DBTag icon="account" noText>
   Icon
 </DBTag>
    <DBTag icon="account" :noText="true">Icon</DBTag>
    <db-tag icon="account">Icon & Text</db-tag>
    <div class="db-tag" data-icon="account">
   Icon &amp Text
-</div>
    <DBTag icon="account">Icon & Text</DBTag>
    <DBTag icon="account">Icon & Text</DBTag>
    
\ No newline at end of file
+</div>
    <DBTag icon="account">Icon & Text</DBTag>
    <DBTag icon="account">Icon & Text</DBTag>
    \ 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 c00f5b0425a..51ec33114a8 100644 --- a/review/main/components/tag/code/Emphasis.html +++ b/review/main/components/tag/code/Emphasis.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-tag>(Default) Weak</db-tag>
    <div class="db-tag">(Default) Weak</div>
    <DBTag>(Default) Weak</DBTag>
    <DBTag>(Default) Weak</DBTag>
    <db-tag emphasis="strong">Strong</db-tag>
    <div class="db-tag" data-emphasis="strong">
+DB UI Mono
    <db-tag>(Default) Weak</db-tag>
    <div class="db-tag">(Default) Weak</div>
    <DBTag>(Default) Weak</DBTag>
    <DBTag>(Default) Weak</DBTag>
    <db-tag emphasis="strong">Strong</db-tag>
    <div class="db-tag" data-emphasis="strong">
   Strong
-</div>
    <DBTag emphasis="strong">Strong</DBTag>
    <DBTag emphasis="strong">Strong</DBTag>
    
\ No newline at end of file
+</div>
    <DBTag emphasis="strong">Strong</DBTag>
    <DBTag emphasis="strong">Strong</DBTag>
    \ 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 05571641e32..7af920917fd 100644 --- a/review/main/components/tag/code/Example.html +++ b/review/main/components/tag/code/Example.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tag>
+DB UI Mono
    <db-tag>
   <db-button>Interactive Button</db-button>
 </db-tag>
    <div class="db-tag">
   <button class="db-button">Interactive Button</button>
@@ -54,4 +54,4 @@
   }}
 >
   Interactive Strong Radio 2 with Icon
-</DBTag>
    <DBTag component="radio" emphasis="strong" icon="account" identifier="radio02" :code="{'angular':'<db-tag><db-radio name='radio02'>Interactive Radio 2</db-radio></db-tag>','html':'<div class='db-tag'><input type='radio' class='db-checkbox' id='checkbox-element' name='radio02' /><label for='checkbox-element'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</DBTag>
    
\ No newline at end of file
+</DBTag>
    <DBTag component="radio" emphasis="strong" icon="account" identifier="radio02" :code="{'angular':'<db-tag><db-radio name='radio02'>Interactive Radio 2</db-radio></db-tag>','html':'<div class='db-tag'><input type='radio' class='db-checkbox' id='checkbox-element' name='radio02' /><label for='checkbox-element'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</DBTag>
    \ 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 6fd342d0354..d0b00506fba 100644 --- a/review/main/components/tag/code/Overflow.html +++ b/review/main/components/tag/code/Overflow.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-tag>(Default) No Overflow</db-tag>
    <div class="db-tag">(Default) No Overflow</div>
    <DBTag>(Default) No Overflow</DBTag>
    <DBTag>(Default) No Overflow</DBTag>
    <db-tag [overflow]="true">With Overflow (max-width)</db-tag>
    <div class="db-tag" data-overflow="true">
+DB UI Mono
    <db-tag>(Default) No Overflow</db-tag>
    <div class="db-tag">(Default) No Overflow</div>
    <DBTag>(Default) No Overflow</DBTag>
    <DBTag>(Default) No Overflow</DBTag>
    <db-tag [overflow]="true">With Overflow (max-width)</db-tag>
    <div class="db-tag" data-overflow="true">
   With Overflow (max-width)
-</div>
    <DBTag overflow>With Overflow (max-width)</DBTag>
    <DBTag :overflow="true">With Overflow (max-width)</DBTag>
    
\ No newline at end of file
+</div>
    <DBTag overflow>With Overflow (max-width)</DBTag>
    <DBTag :overflow="true">With Overflow (max-width)</DBTag>
    \ 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 1d868c3138c..37c2de5e69a 100644 --- a/review/main/components/tag/code/State.html +++ b/review/main/components/tag/code/State.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tag>
+DB UI Mono
    <db-tag>
   <db-checkbox>Interactive Checkbox</db-checkbox>
 </db-tag>
    <div class="db-tag">
   <input type="checkbox" class="db-checkbox" id="checkbox-element" />
@@ -30,4 +30,4 @@
   <DBCheckbox checked disabled>
     Interactive Checkbox
   </DBCheckbox>
-</DBTag>
    <DBTag><DBCheckbox :checked="true" :disabled="true">Interactive Checkbox</DBCheckbox></DBTag>
    
\ No newline at end of file
+</DBTag>
    <DBTag><DBCheckbox :checked="true" :disabled="true">Interactive Checkbox</DBCheckbox></DBTag>
    \ 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 7aea4315ca8..c9ae7b472dd 100644 --- a/review/main/components/tag/code/Tonality.html +++ b/review/main/components/tag/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-tag>Functional</db-tag>
    <div class="db-tag">Functional</div>
    <DBTag>Functional</DBTag>
    <DBTag>Functional</DBTag>
    <db-tag>(Default) Regular</db-tag>
    <div class="db-tag">(Default) Regular</div>
    <DBTag>(Default) Regular</DBTag>
    <DBTag>(Default) Regular</DBTag>
    <db-tag>Expressive</db-tag>
    <div class="db-tag">Expressive</div>
    <DBTag>Expressive</DBTag>
    <DBTag>Expressive</DBTag>
    \ No newline at end of file +DB UI Mono
    <db-tag>Functional</db-tag>
    <div class="db-tag">Functional</div>
    <DBTag>Functional</DBTag>
    <DBTag>Functional</DBTag>
    <db-tag>(Default) Regular</db-tag>
    <div class="db-tag">(Default) Regular</div>
    <DBTag>(Default) Regular</DBTag>
    <DBTag>(Default) Regular</DBTag>
    <db-tag>Expressive</db-tag>
    <div class="db-tag">Expressive</div>
    <DBTag>Expressive</DBTag>
    <DBTag>Expressive</DBTag>
    \ 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 875efaff66c..bfe33be2e84 100644 --- a/review/main/components/tag/code/Variant.html +++ b/review/main/components/tag/code/Variant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tag>(Default) Adaptive</db-tag>
    <div class="db-tag">(Default) Adaptive</div>
    <DBTag>(Default) Adaptive</DBTag>
    <DBTag>(Default) Adaptive</DBTag>
    <db-tag variant="neutral">Neutral</db-tag>
    <div class="db-tag" data-variant="neutral">
+DB UI Mono
    <db-tag>(Default) Adaptive</db-tag>
    <div class="db-tag">(Default) Adaptive</div>
    <DBTag>(Default) Adaptive</DBTag>
    <DBTag>(Default) Adaptive</DBTag>
    <db-tag variant="neutral">Neutral</db-tag>
    <div class="db-tag" data-variant="neutral">
   Neutral
 </div>
    <DBTag variant="neutral">Neutral</DBTag>
    <DBTag variant="neutral">Neutral</DBTag>
    <db-tag variant="critical">Critical</db-tag>
    <div class="db-tag" data-variant="critical">
   Critical
@@ -50,4 +50,4 @@
   Warning Strong
 </DBTag>
    <DBTag variant="warning" emphasis="strong">
   Warning Strong
-</DBTag>
    
\ No newline at end of file
+</DBTag>
    \ 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 2f7d2cb0dfa..82dece6132c 100644 --- a/review/main/components/tag/docs/Angular.html +++ b/review/main/components/tag/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -21,4 +21,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tag/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 83405dca84f..f0d41a03ecc 100644 --- a/review/main/components/tag/docs/HTML.html +++ b/review/main/components/tag/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -8,4 +8,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tag/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 1e3972d470b..e576e8b58f3 100644 --- a/review/main/components/tag/docs/Migration.html +++ b/review/main/components/tag/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    sizesvariantsvariants anchor link

    BeforeStatusAfterDescription
    poi-*❌❌We removed all point of interest colors for now.
    track❌❌We removed track for now.
    error🔁critical
    informative🔁informational
    success🔁successful

    iconsicons anchor link

    -
    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 3db57cf6c5f..58961c68a4f 100644 --- a/review/main/components/tag/docs/React.html +++ b/review/main/components/tag/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -26,4 +26,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tag/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 dac73270040..967b02fa9ad 100644 --- a/review/main/components/tag/docs/Vue.html +++ b/review/main/components/tag/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tag/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 ec9b34cf2ba..d247cc52296 100644 --- a/review/main/components/tag/how-to-use.html +++ b/review/main/components/tag/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tag/migration.html b/review/main/components/tag/migration.html index 983a8537bd7..05db4c9119d 100644 --- a/review/main/components/tag/migration.html +++ b/review/main/components/tag/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tag/overview.html b/review/main/components/tag/overview.html index b009630a177..4a576246458 100644 --- a/review/main/components/tag/overview.html +++ b/review/main/components/tag/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tag/properties.html b/review/main/components/tag/properties.html index 87bbd52a335..75dc05843b2 100644 --- a/review/main/components/tag/properties.html +++ b/review/main/components/tag/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/textarea.html b/review/main/components/textarea.html index 8499714a5c4..c3a5b589ba3 100644 --- a/review/main/components/textarea.html +++ b/review/main/components/textarea.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 fde3164e903..d92990d48e3 100644 --- a/review/main/components/textarea/code/Requirement.html +++ b/review/main/components/textarea/code/Requirement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label">(Default) Optional</db-textarea>
    <div class="db-textarea">
+DB UI Mono
    <db-textarea label="Label">(Default) Optional</db-textarea>
    <div class="db-textarea">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <textarea id="OVERWRITE_DEFAULT_ID" placeholder=" " rows="4"></textarea>
 </div>
    <DBTextarea label="Label">(Default) Optional</DBTextarea>
    <DBTextarea label="Label">(Default) Optional</DBTextarea>
    <db-textarea label="Label" [required]="true">Required</db-textarea>
    <div class="db-textarea">
@@ -18,4 +18,4 @@
   </textarea>
 </div>
    <DBTextarea label="Label" value="Required - Filled" required>
   Required - Filled
-</DBTextarea>
    <DBTextarea label="Label" value="Required - Filled" :required="true">Required - Filled</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    <DBTextarea label="Label" value="Required - Filled" :required="true">Required - Filled</DBTextarea>
    \ 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 e14ab2481c2..3c4c0f37907 100644 --- a/review/main/components/textarea/code/Rows.html +++ b/review/main/components/textarea/code/Rows.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea
+DB UI Mono
    <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."
 >
@@ -33,4 +33,4 @@
   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
-</DBTextarea>
    <DBTextarea 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</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    <DBTextarea 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</DBTextarea>
    \ 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 92c37174501..e3cca7375e6 100644 --- a/review/main/components/textarea/code/Semantic.html +++ b/review/main/components/textarea/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label" message="Helper Message">
+DB UI Mono
    <db-textarea label="Label" message="Helper Message">
   (Default) Adaptive
 </db-textarea>
    <div class="db-textarea">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
@@ -120,4 +120,4 @@
   Warning
 </DBTextarea>
    <DBTextarea label="Label" variant="warning" message="Warning Message">
   Warning
-</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    \ 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 379fad497bd..8fcef3db2f5 100644 --- a/review/main/components/textarea/code/StatesFloatingLabel.html +++ b/review/main/components/textarea/code/StatesFloatingLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label" labelVariant="floating">
+DB UI Mono
    <db-textarea label="Label" labelVariant="floating">
   (Default) Empty
 </db-textarea>
    undefined
    <DBTextarea label="Label" labelVariant="floating">
   (Default) Empty
@@ -33,4 +33,4 @@
   labelVariant="floating"
 >
   Readonly - Filled
-</DBTextarea>
    <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true" labelVariant="floating">Readonly - Filled</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true" labelVariant="floating">Readonly - Filled</DBTextarea>
    \ 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 e43dc5342f0..83fe9b05f57 100644 --- a/review/main/components/textarea/code/StatesLabelAbove.html +++ b/review/main/components/textarea/code/StatesLabelAbove.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label">(Default) Empty</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Empty</DBTextarea>
    <DBTextarea label="Label">(Default) Empty</DBTextarea>
    <db-textarea label="Label" value="Filled">
+DB UI Mono
    <db-textarea label="Label">(Default) Empty</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Empty</DBTextarea>
    <DBTextarea label="Label">(Default) Empty</DBTextarea>
    <db-textarea label="Label" value="Filled">
   Filled
 </db-textarea>
    undefined
    <DBTextarea label="Label" value="Filled">
   Filled
@@ -12,4 +12,4 @@
   Disabled
 </DBTextarea>
    <DBTextarea label="Label" :disabled="true">Disabled</DBTextarea>
    <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-textarea>
    undefined
    <DBTextarea label="Label" value="Readonly - Filled" readOnly>
   Readonly - Filled
-</DBTextarea>
    <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBTextarea>
    \ 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 2767a09be84..2f933cc3fa2 100644 --- a/review/main/components/textarea/code/Tonality.html +++ b/review/main/components/textarea/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label">Functional</db-textarea>
    <div class="db-textarea">
+DB UI Mono
    <db-textarea label="Label">Functional</db-textarea>
    <div class="db-textarea">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <textarea id="OVERWRITE_DEFAULT_ID" placeholder=" " rows="4"></textarea>
 </div>
    <DBTextarea label="Label">Functional</DBTextarea>
    <DBTextarea label="Label">Functional</DBTextarea>
    <db-textarea label="Label">(Default) Regular</db-textarea>
    <div class="db-textarea">
@@ -7,4 +7,4 @@
 </div>
    <DBTextarea label="Label">(Default) Regular</DBTextarea>
    <DBTextarea label="Label">(Default) Regular</DBTextarea>
    <db-textarea label="Label">Expressive</db-textarea>
    <div class="db-textarea">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <textarea id="OVERWRITE_DEFAULT_ID" placeholder=" " rows="4"></textarea>
-</div>
    <DBTextarea label="Label">Expressive</DBTextarea>
    <DBTextarea label="Label">Expressive</DBTextarea>
    
\ No newline at end of file
+</div>
    <DBTextarea label="Label">Expressive</DBTextarea>
    <DBTextarea label="Label">Expressive</DBTextarea>
    \ 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 b5d8963eb7a..c7743099e9b 100644 --- a/review/main/components/textarea/code/VariantHelperMessage.html +++ b/review/main/components/textarea/code/VariantHelperMessage.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-textarea label="Label">(Default) Basic</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Basic</DBTextarea>
    <DBTextarea label="Label">(Default) Basic</DBTextarea>
    <db-textarea label="Label" message="Helper Message">
+DB UI Mono
    <db-textarea label="Label">(Default) Basic</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Basic</DBTextarea>
    <DBTextarea label="Label">(Default) Basic</DBTextarea>
    <db-textarea label="Label" message="Helper Message">
   Helper Message
 </db-textarea>
    undefined
    <DBTextarea label="Label" message="Helper Message">
   Helper Message
 </DBTextarea>
    <DBTextarea label="Label" message="Helper Message">
   Helper Message
-</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    \ 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 c353a07555c..8ecf64a23b1 100644 --- a/review/main/components/textarea/code/VariantLabel.html +++ b/review/main/components/textarea/code/VariantLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label">(Default) Label Above</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Label Above</DBTextarea>
    <DBTextarea label="Label">(Default) Label Above</DBTextarea>
    <db-textarea label="Label" labelVariant="floating" value="Floating Label">
+DB UI Mono
    <db-textarea label="Label">(Default) Label Above</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Label Above</DBTextarea>
    <DBTextarea label="Label">(Default) Label Above</DBTextarea>
    <db-textarea label="Label" labelVariant="floating" value="Floating Label">
   Floating Label
 </db-textarea>
    undefined
    <DBTextarea label="Label" labelVariant="floating" value="Floating Label">
   Floating Label
@@ -10,4 +10,4 @@
   Hidden Label
 </DBTextarea>
    <DBTextarea label="Label" labelVariant="hidden">
   Hidden Label
-</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    \ 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 0f32ed180a2..9d271f7ffeb 100644 --- a/review/main/components/textarea/docs/Angular.html +++ b/review/main/components/textarea/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -33,4 +33,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/textarea/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 a6ba4a06ecc..f294a25e28b 100644 --- a/review/main/components/textarea/docs/HTML.html +++ b/review/main/components/textarea/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/textarea/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 8ce75d64453..a6838bf5297 100644 --- a/review/main/components/textarea/docs/Migration.html +++ b/review/main/components/textarea/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

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

    classvariantsvariants anchor link

    BeforeStatusAfterDescription
    semitransparent❌
    white❌
    solid❌
    outline❌
    🆕adaptive
    🆕critical
    🆕informational
    🆕warning
    🆕successful

    otherother anchor link

    -
    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 f675c1bc059..f175324321b 100644 --- a/review/main/components/textarea/docs/React.html +++ b/review/main/components/textarea/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -19,4 +19,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/textarea/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 e4351f5e098..d5dfb5b966d 100644 --- a/review/main/components/textarea/docs/Vue.html +++ b/review/main/components/textarea/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Generalgeneral anchor link

    You cannot use a default value for textarea in vue. @@ -22,4 +22,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/textarea/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ 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 5db8f914307..fa1278b4b53 100644 --- a/review/main/components/textarea/how-to-use.html +++ b/review/main/components/textarea/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/textarea/migration.html b/review/main/components/textarea/migration.html index 1ab2a60d36c..14dc8ad65fa 100644 --- a/review/main/components/textarea/migration.html +++ b/review/main/components/textarea/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/textarea/overview.html b/review/main/components/textarea/overview.html index e60b64ab22c..ca94a2a3e05 100644 --- a/review/main/components/textarea/overview.html +++ b/review/main/components/textarea/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/textarea/properties.html b/review/main/components/textarea/properties.html index 9ca3ee78e56..1fea6731ea2 100644 --- a/review/main/components/textarea/properties.html +++ b/review/main/components/textarea/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tooltip.html b/review/main/components/tooltip.html index 59dc1335df6..6fdc7e4a09a 100644 --- a/review/main/components/tooltip.html +++ b/review/main/components/tooltip.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 5402e7d3515..c2a84ea60b8 100644 --- a/review/main/components/tooltip/code/Animations.html +++ b/review/main/components/tooltip/code/Animations.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-14">
+DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-14">
   (Default) Animation no delay
 </db-tooltip>
    <i role="tooltip" data-gap="true" id="tooltip-14" class="db-tooltip">
   (Default) Animation no delay
@@ -48,4 +48,4 @@
   No animation
 </DBTooltip>
    <DBTooltip content="Tooltip" animation="disabled" id="tooltip-17">
   No animation
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ 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 311379bef70..af742c0e97c 100644 --- a/review/main/components/tooltip/code/Emphasis.html +++ b/review/main/components/tooltip/code/Emphasis.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-06">
+DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-06">
   (Default) Weak
 </db-tooltip>
    <i role="tooltip" data-gap="true" id="tooltip-06" class="db-tooltip">
   (Default) Weak
@@ -20,4 +20,4 @@
   Strong
 </DBTooltip>
    <DBTooltip content="Tooltip" emphasis="strong" id="tooltip-07">
   Strong
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ 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 815eb6863b9..af978346680 100644 --- a/review/main/components/tooltip/code/Placement.html +++ b/review/main/components/tooltip/code/Placement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip content="Tooltip" placement="bottom-start" id="tooltip-08-start">
+DB UI Mono
    <db-tooltip content="Tooltip" placement="bottom-start" id="tooltip-08-start">
   bottom-start
 </db-tooltip>
    <i
   role="tooltip"
@@ -166,4 +166,4 @@
   top-end
 </DBTooltip>
    <DBTooltip content="Tooltip" placement="top-end" id="tooltip-09-end">
   top-end
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ 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 16e699a9730..e1cb79d4096 100644 --- a/review/main/components/tooltip/code/Tonality.html +++ b/review/main/components/tooltip/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-01">
+DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-01">
   Functional
 </db-tooltip>
    <i role="tooltip" data-gap="true" id="tooltip-01" class="db-tooltip">
   Functional
@@ -22,4 +22,4 @@
   Expressive
 </DBTooltip>
    <DBTooltip content="Tooltip" id="tooltip-03">
   Expressive
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ 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 08727667276..083ce363694 100644 --- a/review/main/components/tooltip/code/Variant.html +++ b/review/main/components/tooltip/code/Variant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-04">
+DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-04">
   (Default) With arrow
 </db-tooltip>
    <i role="tooltip" data-gap="true" id="tooltip-04" class="db-tooltip">
   (Default) With arrow
@@ -20,4 +20,4 @@
   Basic
 </DBTooltip>
    <DBTooltip content="Tooltip" variant="basic" id="tooltip-05">
   Basic
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ 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 71c38342556..d8360017715 100644 --- a/review/main/components/tooltip/code/Width.html +++ b/review/main/components/tooltip/code/Width.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip
+DB UI Mono
    <db-tooltip
   content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
   id="tooltip-12"
 >
@@ -41,4 +41,4 @@
   id="tooltip-13"
 >
   Fixed
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ 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 6e498dfaa37..26e719c6abe 100644 --- a/review/main/components/tooltip/docs/Angular.html +++ b/review/main/components/tooltip/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

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

    Load componentload-component anchor link

    // app.component.ts
@@ -17,4 +17,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tooltip/docs/Angular","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 17f583ad24f..04f725d590d 100644 --- a/review/main/components/tooltip/docs/HTML.html +++ b/review/main/components/tooltip/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

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

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tooltip/docs/HTML","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 de138027392..5a1fcf4980d 100644 --- a/review/main/components/tooltip/docs/Migration.html +++ b/review/main/components/tooltip/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

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

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    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 6a0680aaa0a..ca62ff07b2f 100644 --- a/review/main/components/tooltip/docs/React.html +++ b/review/main/components/tooltip/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

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

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tooltip/docs/React","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ 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 fb6c11d5cc9..b5621d48277 100644 --- a/review/main/components/tooltip/docs/Vue.html +++ b/review/main/components/tooltip/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

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

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tooltip/docs/Vue","query":{},"buildId":"GDClzaas3wPewimlfpUfj","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ 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 7d753e9e38e..c5d223d3fa8 100644 --- a/review/main/components/tooltip/how-to-use.html +++ b/review/main/components/tooltip/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tooltip/migration.html b/review/main/components/tooltip/migration.html index 89de8ab643f..9dc9d06e695 100644 --- a/review/main/components/tooltip/migration.html +++ b/review/main/components/tooltip/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tooltip/overview.html b/review/main/components/tooltip/overview.html index b9152c52804..eef0a2dfb93 100644 --- a/review/main/components/tooltip/overview.html +++ b/review/main/components/tooltip/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tooltip/properties.html b/review/main/components/tooltip/properties.html index 19d384387b4..6ab58e287ad 100644 --- a/review/main/components/tooltip/properties.html +++ b/review/main/components/tooltip/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/docs/images/download/tagnamelabelnpmcolored1c24.svg b/review/main/docs/images/download/tagnamelabelnpmcolored1c24.svg index 49fdd3e797d..b3cbeed2f73 100644 --- a/review/main/docs/images/download/tagnamelabelnpmcolored1c24.svg +++ b/review/main/docs/images/download/tagnamelabelnpmcolored1c24.svg @@ -1 +1 @@ -npm: v0.0.70npmv0.0.70 \ No newline at end of file +npm: v0.0.71npmv0.0.71 \ 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 b633a71b9d1..882b53ce8e5 100644 --- a/review/main/foundations/colors/color-schemes.html +++ b/review/main/foundations/colors/color-schemes.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/colors/overview.html b/review/main/foundations/colors/overview.html index f39ea75c796..0fad157acd6 100644 --- a/review/main/foundations/colors/overview.html +++ b/review/main/foundations/colors/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/colors/readme.html b/review/main/foundations/colors/readme.html index cc146c52223..84f466a7252 100644 --- a/review/main/foundations/colors/readme.html +++ b/review/main/foundations/colors/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/font-sizes/overview.html b/review/main/foundations/font-sizes/overview.html index 7121b7566db..973d94bf5a9 100644 --- a/review/main/foundations/font-sizes/overview.html +++ b/review/main/foundations/font-sizes/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/font-sizes/readme.html b/review/main/foundations/font-sizes/readme.html index b0416192be6..ee454ba1738 100644 --- a/review/main/foundations/font-sizes/readme.html +++ b/review/main/foundations/font-sizes/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ 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 2e80252759a..1a5dd97cb69 100644 --- a/review/main/foundations/icons/custom-icons.html +++ b/review/main/foundations/icons/custom-icons.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/icons/overview.html b/review/main/foundations/icons/overview.html index f3a19c5982d..5b4d5366f15 100644 --- a/review/main/foundations/icons/overview.html +++ b/review/main/foundations/icons/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/icons/readme.html b/review/main/foundations/icons/readme.html index f289cd6cf82..c9bc7d85adc 100644 --- a/review/main/foundations/icons/readme.html +++ b/review/main/foundations/icons/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/readme.html b/review/main/foundations/readme.html index b18694edcc8..f1dc48d40c7 100644 --- a/review/main/foundations/readme.html +++ b/review/main/foundations/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/tonalities/examples.html b/review/main/foundations/tonalities/examples.html index 36f2e836294..17769cbc903 100644 --- a/review/main/foundations/tonalities/examples.html +++ b/review/main/foundations/tonalities/examples.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/tonalities/readme.html b/review/main/foundations/tonalities/readme.html index d0bd16da7b8..c3bad347807 100644 --- a/review/main/foundations/tonalities/readme.html +++ b/review/main/foundations/tonalities/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/variables/examples.html b/review/main/foundations/variables/examples.html index 6bec4b5eef2..a6c56b8c8d0 100644 --- a/review/main/foundations/variables/examples.html +++ b/review/main/foundations/variables/examples.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/variables/readme.html b/review/main/foundations/variables/readme.html index 2e4ba3ac1a8..c59a56e1a12 100644 --- a/review/main/foundations/variables/readme.html +++ b/review/main/foundations/variables/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/iframe.html b/review/main/iframe.html index 3bbc129925d..8240bfb47cd 100644 --- a/review/main/iframe.html +++ b/review/main/iframe.html @@ -1 +1 @@ -DB UI Mono
    Wrong format
    \ No newline at end of file +DB UI Mono
    Wrong format
    \ No newline at end of file diff --git a/review/main/images/db_logo.svg b/review/main/images/db_logo.svg deleted file mode 100644 index e188143af80..00000000000 --- a/review/main/images/db_logo.svg +++ /dev/null @@ -1 +0,0 @@ -db_em_rgb_100px \ No newline at end of file diff --git a/review/main/index.html b/review/main/index.html index a8bdcce1ee4..0c155a76b88 100644 --- a/review/main/index.html +++ b/review/main/index.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/site.webmanifest b/review/main/site.webmanifest index c5b4ef35c07..34a49346fc0 100644 --- a/review/main/site.webmanifest +++ b/review/main/site.webmanifest @@ -3,7 +3,7 @@ "name": "", "icons": [ { - "src": "/images/db_logo.svg", + "src": "/assets/images/db_logo.svg", "type": "image/svg", "sizes": "192x192" }