From 233ab56e4d56cc3b65dee063923e58551045d511 Mon Sep 17 00:00:00 2001 From: nmerget Date: Wed, 10 Apr 2024 17:18:10 +0000 Subject: [PATCH] deploy: 0e3b18c80b67687300fcd50ffa6930029cb757b9 --- review/main/404.html | 2 +- .../static/GDClzaas3wPewimlfpUfj/_buildManifest.js | 1 + .../_ssgManifest.js | 0 .../_next/static/chunks/1047-2e933d592bc7bd90.js | 1 + .../_next/static/chunks/1047-6a5fbc7e28b511fc.js | 1 - ...745fbc4678e1073c.js => 11803-26134abfa8bdf615.js} | 2 +- .../_next/static/chunks/16288-06ec7b1c0d50823a.js | 1 - .../_next/static/chunks/16288-33e45af85bb3d4e5.js | 1 + .../_next/static/chunks/21356-1966b82d4998c6fd.js | 1 + .../_next/static/chunks/21356-93d66f3742197f5c.js | 1 - .../_next/static/chunks/2177-311937c67066d072.js | 1 - .../_next/static/chunks/2177-67c5397641cc2483.js | 1 + .../_next/static/chunks/23803-1e3e3346b47d3cf4.js | 1 - .../_next/static/chunks/23803-3b32f62a747bfc39.js | 1 + .../_next/static/chunks/24514-5571a38636d2fce9.js | 1 + .../_next/static/chunks/24514-fe2f9688c9fc8e78.js | 1 - .../_next/static/chunks/27752-692d8cf2c9a34bfc.js | 1 - .../_next/static/chunks/27752-913a8fab86b94bba.js | 1 + .../_next/static/chunks/28955-639404a04bd83644.js | 1 - .../_next/static/chunks/28955-bb6566a1150ceffd.js | 1 + .../_next/static/chunks/37580-a2a923f32e8c4328.js | 1 + .../_next/static/chunks/37580-e786125956392b73.js | 1 - .../_next/static/chunks/44469-ae17686ac2898e54.js | 1 - .../_next/static/chunks/44469-c6a4fd8ed3fadd46.js | 1 + .../_next/static/chunks/45979-32716f8b5f60348f.js | 1 + .../_next/static/chunks/45979-a7b0551d24f1bfda.js | 1 - .../_next/static/chunks/46752-455307842dd7ed6d.js | 1 - .../_next/static/chunks/46752-b73ea5105c5c32ee.js | 1 + .../_next/static/chunks/5014-38a357cd33949084.js | 1 - .../_next/static/chunks/5014-f81e8dfe9b65a03c.js | 1 + .../_next/static/chunks/54817-2c230af62fdc5352.js | 1 - .../_next/static/chunks/54817-ac11b3e74908f04e.js | 1 + .../_next/static/chunks/58734-7e6e3f717591be40.js | 1 - .../_next/static/chunks/68006-26ed6eb12b163868.js | 1 - .../_next/static/chunks/68006-ba5cccb4ce58520c.js | 1 + .../_next/static/chunks/71581-db5e4e7c31a84134.js | 1 - .../_next/static/chunks/71581-f21d9f8b1cc48dfd.js | 1 + .../_next/static/chunks/77526-d939786adb91eefc.js | 1 + .../_next/static/chunks/77526-d9823f80eb8c931c.js | 1 - .../_next/static/chunks/80269-8297fc51664f9491.js | 1 - .../_next/static/chunks/80269-829a1b356ea6fe11.js | 1 + .../_next/static/chunks/81228-e903bee8e0a1388c.js | 1 + .../_next/static/chunks/82991-120b420ecbf8ccce.js | 1 + .../_next/static/chunks/82991-d7f2cc40c352bb99.js | 1 - .../_next/static/chunks/83175-92f3811311e3f2b7.js | 1 - .../_next/static/chunks/83175-974db8e1ac1478e7.js | 1 + .../_next/static/chunks/86747-1fe87ac4c1991b89.js | 1 - .../_next/static/chunks/86747-a7ea53c7fa4a8c17.js | 1 + .../_next/static/chunks/88478-4f82945ba9117d57.js | 1 + .../_next/static/chunks/88478-6b343e95ffde3dae.js | 1 - .../_next/static/chunks/93085-03316605ade4a012.js | 1 - .../_next/static/chunks/93085-1db05321855e4427.js | 1 + .../_next/static/chunks/94218-474854664ce858d7.js | 1 - .../_next/static/chunks/94218-d4e6a6e3e60f2caf.js | 1 + .../_next/static/chunks/94274-550a2d6be4434fc9.js | 1 + .../_next/static/chunks/94274-954a44630eac83f1.js | 1 - .../_next/static/chunks/96029-373f19d8926f553d.js | 1 + .../_next/static/chunks/96029-565afacdc68708ce.js | 1 - .../_next/static/chunks/96734-7c3beaa20d981bc5.js | 1 + .../_next/static/chunks/96734-c83ed6176fc279ba.js | 1 - .../pages/components/accordion-5ab2a95746501b67.js | 1 + .../pages/components/accordion-a8385fa66b17eebd.js | 1 - .../components/accordion-item-3a00e8e88419de8f.js | 1 - .../components/accordion-item-b2c9e927b95c3334.js | 1 + .../accordion-item/overview-6c70091c515b50cd.js | 1 - .../accordion-item/overview-ca9b03361b065ba1.js | 1 + .../accordion/docs/Angular-a0f5ab8e9179ef73.js | 1 - .../accordion/docs/Angular-f694b720959ce422.js | 1 + ...b6cf8b6cedff256d.js => React-760557676b7fb986.js} | 2 +- ...e-3d5a3c82fdbc815b.js => Vue-4598196eae5368af.js} | 2 +- .../accordion/how-to-use-8b145733fc64192a.js | 1 - .../accordion/how-to-use-c938cb361dc60be8.js | 1 + .../accordion/overview-d492a12be440dc73.js | 1 + .../accordion/overview-e6f0afbb9bf3ad75.js | 1 - .../code/Tonality-f533fbd98994bb6f.js | 1 - .../code/Tonality-fa24557a7c994a99.js | 1 + .../navigation-item/code/Width-13cccd027aa910d1.js | 1 + .../navigation-item/code/Width-cdc8fa87c4a9d155.js | 1 - .../static/phzQ8Gk4fOp5v7J42ZwaN/_buildManifest.js | 1 - 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 | 8 ++++---- review/main/components/accordion/docs/HTML.html | 4 ++-- review/main/components/accordion/docs/Migration.html | 4 ++-- review/main/components/accordion/docs/React.html | 6 +++--- review/main/components/accordion/docs/Vue.html | 6 +++--- 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 +- 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/index.html | 2 +- 506 files changed, 740 insertions(+), 740 deletions(-) create mode 100644 review/main/_next/static/GDClzaas3wPewimlfpUfj/_buildManifest.js rename review/main/_next/static/{phzQ8Gk4fOp5v7J42ZwaN => GDClzaas3wPewimlfpUfj}/_ssgManifest.js (100%) create mode 100644 review/main/_next/static/chunks/1047-2e933d592bc7bd90.js delete mode 100644 review/main/_next/static/chunks/1047-6a5fbc7e28b511fc.js rename review/main/_next/static/chunks/{11803-745fbc4678e1073c.js => 11803-26134abfa8bdf615.js} (51%) delete mode 100644 review/main/_next/static/chunks/16288-06ec7b1c0d50823a.js create mode 100644 review/main/_next/static/chunks/16288-33e45af85bb3d4e5.js create mode 100644 review/main/_next/static/chunks/21356-1966b82d4998c6fd.js delete mode 100644 review/main/_next/static/chunks/21356-93d66f3742197f5c.js delete mode 100644 review/main/_next/static/chunks/2177-311937c67066d072.js create mode 100644 review/main/_next/static/chunks/2177-67c5397641cc2483.js delete mode 100644 review/main/_next/static/chunks/23803-1e3e3346b47d3cf4.js create mode 100644 review/main/_next/static/chunks/23803-3b32f62a747bfc39.js create mode 100644 review/main/_next/static/chunks/24514-5571a38636d2fce9.js delete mode 100644 review/main/_next/static/chunks/24514-fe2f9688c9fc8e78.js delete mode 100644 review/main/_next/static/chunks/27752-692d8cf2c9a34bfc.js create mode 100644 review/main/_next/static/chunks/27752-913a8fab86b94bba.js delete mode 100644 review/main/_next/static/chunks/28955-639404a04bd83644.js create mode 100644 review/main/_next/static/chunks/28955-bb6566a1150ceffd.js create mode 100644 review/main/_next/static/chunks/37580-a2a923f32e8c4328.js delete mode 100644 review/main/_next/static/chunks/37580-e786125956392b73.js delete mode 100644 review/main/_next/static/chunks/44469-ae17686ac2898e54.js create mode 100644 review/main/_next/static/chunks/44469-c6a4fd8ed3fadd46.js create mode 100644 review/main/_next/static/chunks/45979-32716f8b5f60348f.js delete mode 100644 review/main/_next/static/chunks/45979-a7b0551d24f1bfda.js delete mode 100644 review/main/_next/static/chunks/46752-455307842dd7ed6d.js create mode 100644 review/main/_next/static/chunks/46752-b73ea5105c5c32ee.js delete mode 100644 review/main/_next/static/chunks/5014-38a357cd33949084.js create mode 100644 review/main/_next/static/chunks/5014-f81e8dfe9b65a03c.js delete mode 100644 review/main/_next/static/chunks/54817-2c230af62fdc5352.js create mode 100644 review/main/_next/static/chunks/54817-ac11b3e74908f04e.js delete mode 100644 review/main/_next/static/chunks/58734-7e6e3f717591be40.js delete mode 100644 review/main/_next/static/chunks/68006-26ed6eb12b163868.js create mode 100644 review/main/_next/static/chunks/68006-ba5cccb4ce58520c.js delete mode 100644 review/main/_next/static/chunks/71581-db5e4e7c31a84134.js create mode 100644 review/main/_next/static/chunks/71581-f21d9f8b1cc48dfd.js create mode 100644 review/main/_next/static/chunks/77526-d939786adb91eefc.js delete mode 100644 review/main/_next/static/chunks/77526-d9823f80eb8c931c.js delete mode 100644 review/main/_next/static/chunks/80269-8297fc51664f9491.js create mode 100644 review/main/_next/static/chunks/80269-829a1b356ea6fe11.js create mode 100644 review/main/_next/static/chunks/81228-e903bee8e0a1388c.js create mode 100644 review/main/_next/static/chunks/82991-120b420ecbf8ccce.js delete mode 100644 review/main/_next/static/chunks/82991-d7f2cc40c352bb99.js delete mode 100644 review/main/_next/static/chunks/83175-92f3811311e3f2b7.js create mode 100644 review/main/_next/static/chunks/83175-974db8e1ac1478e7.js delete mode 100644 review/main/_next/static/chunks/86747-1fe87ac4c1991b89.js create mode 100644 review/main/_next/static/chunks/86747-a7ea53c7fa4a8c17.js create mode 100644 review/main/_next/static/chunks/88478-4f82945ba9117d57.js delete mode 100644 review/main/_next/static/chunks/88478-6b343e95ffde3dae.js delete mode 100644 review/main/_next/static/chunks/93085-03316605ade4a012.js create mode 100644 review/main/_next/static/chunks/93085-1db05321855e4427.js delete mode 100644 review/main/_next/static/chunks/94218-474854664ce858d7.js create mode 100644 review/main/_next/static/chunks/94218-d4e6a6e3e60f2caf.js create mode 100644 review/main/_next/static/chunks/94274-550a2d6be4434fc9.js delete mode 100644 review/main/_next/static/chunks/94274-954a44630eac83f1.js create mode 100644 review/main/_next/static/chunks/96029-373f19d8926f553d.js delete mode 100644 review/main/_next/static/chunks/96029-565afacdc68708ce.js create mode 100644 review/main/_next/static/chunks/96734-7c3beaa20d981bc5.js delete mode 100644 review/main/_next/static/chunks/96734-c83ed6176fc279ba.js create mode 100644 review/main/_next/static/chunks/pages/components/accordion-5ab2a95746501b67.js delete mode 100644 review/main/_next/static/chunks/pages/components/accordion-a8385fa66b17eebd.js delete mode 100644 review/main/_next/static/chunks/pages/components/accordion-item-3a00e8e88419de8f.js create mode 100644 review/main/_next/static/chunks/pages/components/accordion-item-b2c9e927b95c3334.js delete mode 100644 review/main/_next/static/chunks/pages/components/accordion-item/overview-6c70091c515b50cd.js create mode 100644 review/main/_next/static/chunks/pages/components/accordion-item/overview-ca9b03361b065ba1.js delete mode 100644 review/main/_next/static/chunks/pages/components/accordion/docs/Angular-a0f5ab8e9179ef73.js create mode 100644 review/main/_next/static/chunks/pages/components/accordion/docs/Angular-f694b720959ce422.js rename review/main/_next/static/chunks/pages/components/accordion/docs/{React-b6cf8b6cedff256d.js => React-760557676b7fb986.js} (56%) rename review/main/_next/static/chunks/pages/components/accordion/docs/{Vue-3d5a3c82fdbc815b.js => Vue-4598196eae5368af.js} (57%) delete mode 100644 review/main/_next/static/chunks/pages/components/accordion/how-to-use-8b145733fc64192a.js create mode 100644 review/main/_next/static/chunks/pages/components/accordion/how-to-use-c938cb361dc60be8.js create mode 100644 review/main/_next/static/chunks/pages/components/accordion/overview-d492a12be440dc73.js delete mode 100644 review/main/_next/static/chunks/pages/components/accordion/overview-e6f0afbb9bf3ad75.js delete mode 100644 review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-f533fbd98994bb6f.js create mode 100644 review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-fa24557a7c994a99.js create mode 100644 review/main/_next/static/chunks/pages/components/navigation-item/code/Width-13cccd027aa910d1.js delete mode 100644 review/main/_next/static/chunks/pages/components/navigation-item/code/Width-cdc8fa87c4a9d155.js delete mode 100644 review/main/_next/static/phzQ8Gk4fOp5v7J42ZwaN/_buildManifest.js diff --git a/review/main/404.html b/review/main/404.html index 168dba2b3f1..111382856e0 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/GDClzaas3wPewimlfpUfj/_buildManifest.js new file mode 100644 index 00000000000..9dd53a6f090 --- /dev/null +++ b/review/main/_next/static/GDClzaas3wPewimlfpUfj/_buildManifest.js @@ -0,0 +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 diff --git a/review/main/_next/static/phzQ8Gk4fOp5v7J42ZwaN/_ssgManifest.js b/review/main/_next/static/GDClzaas3wPewimlfpUfj/_ssgManifest.js similarity index 100% rename from review/main/_next/static/phzQ8Gk4fOp5v7J42ZwaN/_ssgManifest.js rename to review/main/_next/static/GDClzaas3wPewimlfpUfj/_ssgManifest.js diff --git a/review/main/_next/static/chunks/1047-2e933d592bc7bd90.js b/review/main/_next/static/chunks/1047-2e933d592bc7bd90.js new file mode 100644 index 00000000000..713a473404e --- /dev/null +++ b/review/main/_next/static/chunks/1047-2e933d592bc7bd90.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1047],{37395:function(e,n,t){t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var l;return{...e,slotCode:null!==(l=null==t?void 0:t.at(a))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var t,a,l,i;return{...e,example:n({...e.props,id:null!==(l=null===(t=e.props)||void 0===t?void 0:t.id)&&void 0!==l?l:e.name,children:null!==(i=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,n,t){var a=t(52322),l=t(5632),i=t(2784),r=t(11803),s=t(86095);let d=e=>{let{examples:n,slotCode:t}=e,[l,r]=(0,i.useState)();return(0,a.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(s.f,{className:"code",spacing:"small",children:t})]})]})]})},c=e=>{let{variants:n,componentName:t}=e,l=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let t=window.location.href.split("?")[0],a="?page=".concat(e.name.toLowerCase());return n?"".concat(t.split("components")[0],"/components/").concat(n).concat(a):"".concat(t).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(s.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(s.vB,{content:"external",target:"_blank",href:l(e,t),children:e.name})}),(0,a.jsx)(d,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:t,subComponent:s,isSubComponent:o,componentName:h}=e,[x,p]=(0,i.useState)(),b=(0,l.useRouter)();return(0,i.useEffect)(()=>{if(b.query){var e;let n=null===(e=b.query.page)||void 0===e?void 0:e.toString();n&&p(t.find(e=>e.name.toLowerCase()===n))}},[b]),(0,a.jsxs)(a.Fragment,{children:[x&&(0,a.jsx)("div",{children:(0,a.jsx)(d,{...x})}),!x&&!o&&(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:n}),(0,a.jsx)(c,{variants:t,componentName:h})]}),s]}),!x&&o&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:n}),(0,a.jsx)(c,{variants:t,componentName:h})]})]})}},87058:function(e,n,t){t.r(n);var a=t(52322),l=t(2784),i=t(9513),r=t(33878),s=t(95696),d=t(79041),c=t(16909),o=t(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"{alert('click close button')}\">Closable"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("{alert('click close button')}\">Closable")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Closable

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Closable

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:' {\n alert("click close button")\n }}\n>\n Closable\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText(' {\n alert("click close button")\n }}\n>\n Closable\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"{alert('click close button')}\">Closable"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("{alert('click close button')}\">Closable")},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Permanent"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Permanent")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Permanent

\n \n Link\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Permanent

\n \n Link\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Permanent\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Permanent\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Permanent"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Permanent")},children:"Copy"})]})]})})]})}},45169:function(e,n,t){t.r(n);var a=t(52322),l=t(2784),i=t(9513),r=t(33878),s=t(95696),d=t(79041),c=t(16909),o=t(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Alert"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Alert")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

(Default) Alert

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

(Default) Alert

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Alert\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Alert\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Alert"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Alert")},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Inline"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Inline")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Inline

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Inline

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Inline\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Inline\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Inline"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Inline")},children:"Copy"})]})]})})]})}},86600:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","style":{"width":"300px"},"className":"db-ui-functional","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"(Default) Regular","style":{"width":"300px"},"className":"db-ui-regular","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Expressive","style":{"width":"300px"},"className":"db-ui-expressive","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Type","examples":[{"name":"(Default) Alert","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Inline","style":{"width":"300px"},"props":{"type":"inline","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Neutral","style":{"width":"300px"},"props":{"type":"alert","variant":"neutral","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","variant":"critical","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","variant":"informational","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","variant":"successful","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","variant":"warning","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Content","examples":[{"name":"Headline & Text & Link & Icon","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Headline & Text & Link","style":{"width":"300px"},"props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Text & Link","style":{"width":"300px"},"props":{"link":{"href":"#","text":"Link"}}},{"name":"Text","style":{"width":"300px"},"props":{}}]},{"name":"Behaviour","examples":[{"name":"Closable","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"click":"()=>{alert(\\"click close button\\")}"}},{"name":"Permanent","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"behaviour":"permanent"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/1047-6a5fbc7e28b511fc.js b/review/main/_next/static/chunks/1047-6a5fbc7e28b511fc.js deleted file mode 100644 index 6728a1e9ab6..00000000000 --- a/review/main/_next/static/chunks/1047-6a5fbc7e28b511fc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1047],{37395:function(e,n,t){t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var l;return{...e,slotCode:null!==(l=null==t?void 0:t.at(a))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var t,a,l,i;return{...e,example:n({...e.props,id:null!==(l=null===(t=e.props)||void 0===t?void 0:t.id)&&void 0!==l?l:e.name,children:null!==(i=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,n,t){var a=t(52322),l=t(5632),i=t(2784),r=t(11803),s=t(86095);let d=e=>{let{examples:n,slotCode:t}=e,[l,r]=(0,i.useState)();return(0,a.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(s.f,{className:"code",spacing:"small",children:t})]})]})]})};n.Z=e=>{let{title:n,variants:t}=e,[c,o]=(0,i.useState)(),h=(0,l.useRouter)();(0,i.useEffect)(()=>{if(h.query){var e;let n=null===(e=h.query.page)||void 0===e?void 0:e.toString();n&&o(t.find(e=>e.name.toLowerCase()===n))}},[h]);let x=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,a.jsxs)(a.Fragment,{children:[c&&(0,a.jsx)("div",{children:(0,a.jsx)(d,{...c})}),!c&&(0,a.jsx)(r.Z,{children:(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:n}),null==t?void 0:t.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(s.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(s.vB,{content:"external",target:"_blank",href:x(e),children:e.name})}),(0,a.jsx)(d,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},87058:function(e,n,t){t.r(n);var a=t(52322),l=t(2784),i=t(9513),r=t(33878),s=t(95696),d=t(79041),c=t(16909),o=t(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"{alert('click close button')}\">Closable"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("{alert('click close button')}\">Closable")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Closable

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Closable

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:' {\n alert("click close button")\n }}\n>\n Closable\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText(' {\n alert("click close button")\n }}\n>\n Closable\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"{alert('click close button')}\">Closable"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("{alert('click close button')}\">Closable")},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Permanent"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Permanent")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Permanent

\n \n Link\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Permanent

\n \n Link\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Permanent\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Permanent\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Permanent"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Permanent")},children:"Copy"})]})]})})]})}},45169:function(e,n,t){t.r(n);var a=t(52322),l=t(2784),i=t(9513),r=t(33878),s=t(95696),d=t(79041),c=t(16909),o=t(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Alert"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Alert")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

(Default) Alert

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

(Default) Alert

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Alert\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Alert\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Alert"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Alert")},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Inline"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Inline")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Inline

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Inline

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Inline\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Inline\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Inline"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Inline")},children:"Copy"})]})]})})]})}},86600:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","style":{"width":"300px"},"className":"db-ui-functional","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"(Default) Regular","style":{"width":"300px"},"className":"db-ui-regular","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Expressive","style":{"width":"300px"},"className":"db-ui-expressive","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Type","examples":[{"name":"(Default) Alert","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Inline","style":{"width":"300px"},"props":{"type":"inline","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Neutral","style":{"width":"300px"},"props":{"type":"alert","variant":"neutral","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","variant":"critical","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","variant":"informational","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","variant":"successful","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","variant":"warning","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Content","examples":[{"name":"Headline & Text & Link & Icon","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Headline & Text & Link","style":{"width":"300px"},"props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Text & Link","style":{"width":"300px"},"props":{"link":{"href":"#","text":"Link"}}},{"name":"Text","style":{"width":"300px"},"props":{}}]},{"name":"Behaviour","examples":[{"name":"Closable","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"click":"()=>{alert(\\"click close button\\")}"}},{"name":"Permanent","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"behaviour":"permanent"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/11803-745fbc4678e1073c.js b/review/main/_next/static/chunks/11803-26134abfa8bdf615.js similarity index 51% rename from review/main/_next/static/chunks/11803-745fbc4678e1073c.js rename to review/main/_next/static/chunks/11803-26134abfa8bdf615.js index 7de95a0a278..7f258868f51 100644 --- a/review/main/_next/static/chunks/11803-745fbc4678e1073c.js +++ b/review/main/_next/static/chunks/11803-26134abfa8bdf615.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"},{label:"DBAccordionItem",name:"accordion-item"},{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=>({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")}]}))}})]}];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),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 diff --git a/review/main/_next/static/chunks/16288-06ec7b1c0d50823a.js b/review/main/_next/static/chunks/16288-06ec7b1c0d50823a.js deleted file mode 100644 index 379fe4b3019..00000000000 --- a/review/main/_next/static/chunks/16288-06ec7b1c0d50823a.js +++ /dev/null @@ -1 +0,0 @@ -"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})]})]})]})};a.Z=e=>{let{title:a,variants:n}=e,[c,d]=(0,o.useState)(),u=(0,t.useRouter)();(0,o.useEffect)(()=>{if(u.query){var e;let a=null===(e=u.query.page)||void 0===e?void 0:e.toString();a&&d(n.find(e=>e.name.toLowerCase()===a))}},[u]);let p=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,i.jsxs)(i.Fragment,{children:[c&&(0,i.jsx)("div",{children:(0,i.jsx)(r,{...c})}),!c&&(0,i.jsx)(s.Z,{children:(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:a}),null==n?void 0:n.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:p(e),children:e.name})}),(0,i.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},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/16288-33e45af85bb3d4e5.js b/review/main/_next/static/chunks/16288-33e45af85bb3d4e5.js new file mode 100644 index 00000000000..5c40b043257 --- /dev/null +++ b/review/main/_next/static/chunks/16288-33e45af85bb3d4e5.js @@ -0,0 +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 diff --git a/review/main/_next/static/chunks/21356-1966b82d4998c6fd.js b/review/main/_next/static/chunks/21356-1966b82d4998c6fd.js new file mode 100644 index 00000000000..5c158a51a9e --- /dev/null +++ b/review/main/_next/static/chunks/21356-1966b82d4998c6fd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21356],{37395:function(e,n,c){c.d(n,{P:function(){return a}});let a=(e,n,c)=>e.map((e,a)=>{var l;return{...e,slotCode:null!==(l=null==c?void 0:c.at(a))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var c,a,l,i;return{...e,example:n({...e.props,id:null!==(l=null===(c=e.props)||void 0===c?void 0:c.id)&&void 0!==l?l:e.name,children:null!==(i=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,n,c){var a=c(52322),l=c(5632),i=c(2784),o=c(11803),t=c(86095);let s=e=>{let{examples:n,slotCode:c}=e,[l,o]=(0,i.useState)();return(0,a.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{o(!l)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(t.f,{className:"code",spacing:"small",children:c})]})]})]})},r=e=>{let{variants:n,componentName:c}=e,l=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let c=window.location.href.split("?")[0],a="?page=".concat(e.name.toLowerCase());return n?"".concat(c.split("components")[0],"/components/").concat(n).concat(a):"".concat(c).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(t.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(t.vB,{content:"external",target:"_blank",href:l(e,c),children:e.name})}),(0,a.jsx)(s,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:c,subComponent:t,isSubComponent:d,componentName:x}=e,[h,b]=(0,i.useState)(),u=(0,l.useRouter)();return(0,i.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();n&&b(c.find(e=>e.name.toLowerCase()===n))}},[u]),(0,a.jsxs)(a.Fragment,{children:[h&&(0,a.jsx)("div",{children:(0,a.jsx)(s,{...h})}),!h&&!d&&(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:n}),(0,a.jsx)(r,{variants:c,componentName:x})]}),t]}),!h&&d&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:n}),(0,a.jsx)(r,{variants:c,componentName:x})]})]})}},88245:function(e,n,c){c.r(n);var a=c(52322),l=c(2784),i=c(9513),o=c(33878),t=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Required - Checked'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Checked\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Required - Checked\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Required - Checked'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]})]})})]})}},490:function(e,n,c){c.r(n);var a=c(52322),l=c(2784),i=c(9513),o=c(33878),t=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},29711:function(e,n,c){c.r(n);var a=c(52322),l=c(2784),i=c(9513),o=c(33878),t=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},41512:function(e,n,c){c.r(n);var a=c(52322),l=c(2784),i=c(9513),o=c(33878),t=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},46810:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"name":"Tonality"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"name":"Tonality"}},{"name":"Expressive","className":"db-ui-expressive","props":{"name":"Tonality"}}]},{"name":"States","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Disabled","props":{"name":"States","disabled":true}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Checked","props":{"name":"Requirement","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/21356-93d66f3742197f5c.js b/review/main/_next/static/chunks/21356-93d66f3742197f5c.js deleted file mode 100644 index 1ee10012f86..00000000000 --- a/review/main/_next/static/chunks/21356-93d66f3742197f5c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21356],{37395:function(e,n,c){c.d(n,{P:function(){return a}});let a=(e,n,c)=>e.map((e,a)=>{var l;return{...e,slotCode:null!==(l=null==c?void 0:c.at(a))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var c,a,l,i;return{...e,example:n({...e.props,id:null!==(l=null===(c=e.props)||void 0===c?void 0:c.id)&&void 0!==l?l:e.name,children:null!==(i=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,n,c){var a=c(52322),l=c(5632),i=c(2784),o=c(11803),t=c(86095);let s=e=>{let{examples:n,slotCode:c}=e,[l,o]=(0,i.useState)();return(0,a.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{o(!l)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(t.f,{className:"code",spacing:"small",children:c})]})]})]})};n.Z=e=>{let{title:n,variants:c}=e,[r,d]=(0,i.useState)(),x=(0,l.useRouter)();(0,i.useEffect)(()=>{if(x.query){var e;let n=null===(e=x.query.page)||void 0===e?void 0:e.toString();n&&d(c.find(e=>e.name.toLowerCase()===n))}},[x]);let h=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,a.jsxs)(a.Fragment,{children:[r&&(0,a.jsx)("div",{children:(0,a.jsx)(s,{...r})}),!r&&(0,a.jsx)(o.Z,{children:(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:n}),null==c?void 0:c.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(t.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(t.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,a.jsx)(s,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},88245:function(e,n,c){c.r(n);var a=c(52322),l=c(2784),i=c(9513),o=c(33878),t=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Required - Checked'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Checked\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Required - Checked\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Required - Checked'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]})]})})]})}},490:function(e,n,c){c.r(n);var a=c(52322),l=c(2784),i=c(9513),o=c(33878),t=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},29711:function(e,n,c){c.r(n);var a=c(52322),l=c(2784),i=c(9513),o=c(33878),t=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:''})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},41512:function(e,n,c){c.r(n);var a=c(52322),l=c(2784),i=c(9513),o=c(33878),t=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,a.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},46810:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"name":"Tonality"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"name":"Tonality"}},{"name":"Expressive","className":"db-ui-expressive","props":{"name":"Tonality"}}]},{"name":"States","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Disabled","props":{"name":"States","disabled":true}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Checked","props":{"name":"Requirement","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/2177-311937c67066d072.js b/review/main/_next/static/chunks/2177-311937c67066d072.js deleted file mode 100644 index eb86539b6dd..00000000000 --- a/review/main/_next/static/chunks/2177-311937c67066d072.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2177],{37395:function(t,n,a){a.d(n,{P:function(){return e}});let e=(t,n,a)=>t.map((t,e)=>{var i;return{...t,slotCode:null!==(i=null==a?void 0:a.at(e))&&void 0!==i?i:"No code available",examples:t.examples.map(t=>{var a,e,i,d;return{...t,example:n({...t.props,id:null!==(i=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==i?i:t.name,children:null!==(d=null===(e=t.props)||void 0===e?void 0:e.children)&&void 0!==d?d:t.name})}})}})},99341:function(t,n,a){var e=a(52322),i=a(5632),d=a(2784),o=a(11803),r=a(86095);let c=t=>{let{examples:n,slotCode:a}=t,[i,o]=(0,d.useState)();return(0,e.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,e.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,e.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),(0,e.jsxs)("details",{className:"code-details",onToggle:()=>{o(!i)},children:[(0,e.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,e.jsxs)("div",{className:"db-ui-functional",children:[(0,e.jsx)("div",{className:"backdrop"}),(0,e.jsx)(r.f,{className:"code",spacing:"small",children:a})]})]})]})};n.Z=t=>{let{title:n,variants:a}=t,[l,b]=(0,d.useState)(),s=(0,i.useRouter)();(0,d.useEffect)(()=>{if(s.query){var t;let n=null===(t=s.query.page)||void 0===t?void 0:t.toString();n&&b(a.find(t=>t.name.toLowerCase()===n))}},[s]);let u=t=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(t.name.toLowerCase()):"";return(0,e.jsxs)(e.Fragment,{children:[l&&(0,e.jsx)("div",{children:(0,e.jsx)(c,{...l})}),!l&&(0,e.jsx)(o.Z,{children:(0,e.jsxs)("div",{className:"default-container",children:[(0,e.jsx)("h1",{children:n}),null==a?void 0:a.map((t,n)=>(0,e.jsxs)("div",{children:[(0,e.jsx)(r.oH,{}),(0,e.jsx)("h2",{children:(0,e.jsx)(r.vB,{content:"external",target:"_blank",href:u(t),children:t.name})}),(0,e.jsx)(c,{...t})]},"".concat(t.name,"-").concat(n)))]})})]})}},97461:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tfunctionalfunctional disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tRegular (Default)Regular (Default) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\texpressiveexpressive disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Behaviour","examples":[{"name":"Desktop (full width)","style":{"width":"100%","display":"block"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Mobile","props":{"forceMobile":"true"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tMobileMobile disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/2177-67c5397641cc2483.js b/review/main/_next/static/chunks/2177-67c5397641cc2483.js new file mode 100644 index 00000000000..5c38bf527c4 --- /dev/null +++ b/review/main/_next/static/chunks/2177-67c5397641cc2483.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2177],{37395:function(t,n,a){a.d(n,{P:function(){return e}});let e=(t,n,a)=>t.map((t,e)=>{var i;return{...t,slotCode:null!==(i=null==a?void 0:a.at(e))&&void 0!==i?i:"No code available",examples:t.examples.map(t=>{var a,e,i,d;return{...t,example:n({...t.props,id:null!==(i=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==i?i:t.name,children:null!==(d=null===(e=t.props)||void 0===e?void 0:e.children)&&void 0!==d?d:t.name})}})}})},99341:function(t,n,a){var e=a(52322),i=a(5632),d=a(2784),o=a(11803),r=a(86095);let c=t=>{let{examples:n,slotCode:a}=t,[i,o]=(0,d.useState)();return(0,e.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,e.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,e.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),(0,e.jsxs)("details",{className:"code-details",onToggle:()=>{o(!i)},children:[(0,e.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,e.jsxs)("div",{className:"db-ui-functional",children:[(0,e.jsx)("div",{className:"backdrop"}),(0,e.jsx)(r.f,{className:"code",spacing:"small",children:a})]})]})]})},l=t=>{let{variants:n,componentName:a}=t,i=(t,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],e="?page=".concat(t.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(e):"".concat(a).concat(e)};return(0,e.jsx)(e.Fragment,{children:null==n?void 0:n.map((t,n)=>(0,e.jsxs)("div",{children:[(0,e.jsx)(r.oH,{}),(0,e.jsx)("h2",{children:(0,e.jsx)(r.vB,{content:"external",target:"_blank",href:i(t,a),children:t.name})}),(0,e.jsx)(c,{...t})]},"".concat(t.name,"-").concat(n)))})};n.Z=t=>{let{title:n,variants:a,subComponent:r,isSubComponent:b,componentName:s}=t,[u,v]=(0,d.useState)(),B=(0,i.useRouter)();return(0,d.useEffect)(()=>{if(B.query){var t;let n=null===(t=B.query.page)||void 0===t?void 0:t.toString();n&&v(a.find(t=>t.name.toLowerCase()===n))}},[B]),(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)("div",{children:(0,e.jsx)(c,{...u})}),!u&&!b&&(0,e.jsxs)(o.Z,{children:[(0,e.jsxs)("div",{className:"default-container",children:[(0,e.jsx)("h1",{children:n}),(0,e.jsx)(l,{variants:a,componentName:s})]}),r]}),!u&&b&&(0,e.jsxs)("div",{className:"default-container",children:[(0,e.jsx)("h2",{children:n}),(0,e.jsx)(l,{variants:a,componentName:s})]})]})}},97461:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tfunctionalfunctional disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tRegular (Default)Regular (Default) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\texpressiveexpressive disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Behaviour","examples":[{"name":"Desktop (full width)","style":{"width":"100%","display":"block"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Mobile","props":{"forceMobile":"true"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tMobileMobile disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/23803-1e3e3346b47d3cf4.js b/review/main/_next/static/chunks/23803-1e3e3346b47d3cf4.js deleted file mode 100644 index 0e4f3e840d0..00000000000 --- a/review/main/_next/static/chunks/23803-1e3e3346b47d3cf4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23803],{37395:function(e,a,c){c.d(a,{P:function(){return n}});let n=(e,a,c)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==c?void 0:c.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var c,n,t,o;return{...e,example:a({...e.props,id:null!==(t=null===(c=e.props)||void 0===c?void 0:c.id)&&void 0!==t?t:e.name,children:null!==(o=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==o?o:e.name})}})}})},99341:function(e,a,c){var n=c(52322),t=c(5632),o=c(2784),i=c(11803),l=c(86095);let s=e=>{let{examples:a,slotCode:c}=e,[t,i]=(0,o.useState)();return(0,n.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{i(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(l.f,{className:"code",spacing:"small",children:c})]})]})]})};a.Z=e=>{let{title:a,variants:c}=e,[r,d]=(0,o.useState)(),x=(0,t.useRouter)();(0,o.useEffect)(()=>{if(x.query){var e;let a=null===(e=x.query.page)||void 0===e?void 0:e.toString();a&&d(c.find(e=>e.name.toLowerCase()===a))}},[x]);let h=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,n.jsxs)(n.Fragment,{children:[r&&(0,n.jsx)("div",{children:(0,n.jsx)(s,{...r})}),!r&&(0,n.jsx)(i.Z,{children:(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),null==c?void 0:c.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(l.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(l.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,n.jsx)(s,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},8042:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),l=c(95696),s=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Text
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) Text
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Icon\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Icon\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Icon\n')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Icon & Text\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Icon & Text\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]})]})})]})}},56377:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),l=c(95696),s=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Weak
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) Weak
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Strong\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Strong\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},54721:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),l=c(95696),s=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Overflow
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) No Overflow
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'With Overflow (max-width)'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n With Overflow (max-width)\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n With Overflow (max-width)\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'With Overflow (max-width)'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy"})]})]})})]})}},24988:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),l=c(95696),s=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n \n Interactive Checkbox\n \n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n \n Interactive Checkbox\n \n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]})]})})]})}},83041:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),l=c(95696),s=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,n.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,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,n.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,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.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,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.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,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(s.Z,{children:"Angular"}),(0,n.jsx)(s.Z,{children:"HTML"}),(0,n.jsx)(s.Z,{children:"React"}),(0,n.jsx)(s.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},47837:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Neutral","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Static","props":{}},{"name":"Interactive Button","props":{"component":"button"},"code":{"angular":"Interactive Button","html":"
    ","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Link","props":{"component":"link"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"code":{"angular":"Interactive Radio 1","html":"
    ","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01","code":{"angular":"Interactive Radio 2","html":"
    ","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Checked","props":{"component":"checkbox","checked":true},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon","props":{"icon":"account","noText":true}},{"name":"Icon & Text","props":{"icon":"account"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow","props":{}},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"account","behaviour":"removable"},"code":{"angular":"Interactive Button","html":"
    ","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"account"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"account"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"account","identifier":"radio02"},"code":{"angular":"Interactive Radio 1","html":"
    ","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"account","identifier":"radio02","code":{"angular":"Interactive Radio 2","html":"
    ","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/23803-3b32f62a747bfc39.js b/review/main/_next/static/chunks/23803-3b32f62a747bfc39.js new file mode 100644 index 00000000000..ca900c496e5 --- /dev/null +++ b/review/main/_next/static/chunks/23803-3b32f62a747bfc39.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23803],{37395:function(e,a,c){c.d(a,{P:function(){return n}});let n=(e,a,c)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==c?void 0:c.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var c,n,t,o;return{...e,example:a({...e.props,id:null!==(t=null===(c=e.props)||void 0===c?void 0:c.id)&&void 0!==t?t:e.name,children:null!==(o=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==o?o:e.name})}})}})},99341:function(e,a,c){var n=c(52322),t=c(5632),o=c(2784),i=c(11803),s=c(86095);let l=e=>{let{examples:a,slotCode:c}=e,[t,i]=(0,o.useState)();return(0,n.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{i(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(s.f,{className:"code",spacing:"small",children:c})]})]})]})},r=e=>{let{variants:a,componentName:c}=e,t=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let c=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return a?"".concat(c.split("components")[0],"/components/").concat(a).concat(n):"".concat(c).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(s.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(s.vB,{content:"external",target:"_blank",href:t(e,c),children:e.name})}),(0,n.jsx)(l,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:c,subComponent:s,isSubComponent:d,componentName:x}=e,[h,b]=(0,o.useState)(),g=(0,t.useRouter)();return(0,o.useEffect)(()=>{if(g.query){var e;let a=null===(e=g.query.page)||void 0===e?void 0:e.toString();a&&b(c.find(e=>e.name.toLowerCase()===a))}},[g]),(0,n.jsxs)(n.Fragment,{children:[h&&(0,n.jsx)("div",{children:(0,n.jsx)(l,{...h})}),!h&&!d&&(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),(0,n.jsx)(r,{variants:c,componentName:x})]}),s]}),!h&&d&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:a}),(0,n.jsx)(r,{variants:c,componentName:x})]})]})}},8042:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Text
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) Text
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Icon\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Icon\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Icon\n')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Icon & Text\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Icon & Text\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]})]})})]})}},56377:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Weak
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) Weak
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Strong\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Strong\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},54721:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Overflow
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) No Overflow
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'With Overflow (max-width)'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n With Overflow (max-width)\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n With Overflow (max-width)\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'With Overflow (max-width)'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy"})]})]})})]})}},24988:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n \n Interactive Checkbox\n \n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n \n Interactive Checkbox\n \n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]})]})})]})}},83041:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,n.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,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,n.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,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.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,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.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,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},47837:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Neutral","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Static","props":{}},{"name":"Interactive Button","props":{"component":"button"},"code":{"angular":"Interactive Button","html":"
    ","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Link","props":{"component":"link"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"code":{"angular":"Interactive Radio 1","html":"
    ","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01","code":{"angular":"Interactive Radio 2","html":"
    ","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Checked","props":{"component":"checkbox","checked":true},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon","props":{"icon":"account","noText":true}},{"name":"Icon & Text","props":{"icon":"account"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow","props":{}},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"account","behaviour":"removable"},"code":{"angular":"Interactive Button","html":"
    ","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"account"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"account"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"account","identifier":"radio02"},"code":{"angular":"Interactive Radio 1","html":"
    ","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"account","identifier":"radio02","code":{"angular":"Interactive Radio 2","html":"
    ","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/24514-5571a38636d2fce9.js b/review/main/_next/static/chunks/24514-5571a38636d2fce9.js new file mode 100644 index 00000000000..5d490849300 --- /dev/null +++ b/review/main/_next/static/chunks/24514-5571a38636d2fce9.js @@ -0,0 +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 diff --git a/review/main/_next/static/chunks/24514-fe2f9688c9fc8e78.js b/review/main/_next/static/chunks/24514-fe2f9688c9fc8e78.js deleted file mode 100644 index 38353d1d799..00000000000 --- a/review/main/_next/static/chunks/24514-fe2f9688c9fc8e78.js +++ /dev/null @@ -1 +0,0 @@ -"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/27752-692d8cf2c9a34bfc.js b/review/main/_next/static/chunks/27752-692d8cf2c9a34bfc.js deleted file mode 100644 index 96cb217272e..00000000000 --- a/review/main/_next/static/chunks/27752-692d8cf2c9a34bfc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27752],{37395:function(e,a,l){l.d(a,{P:function(){return t}});let t=(e,a,l)=>e.map((e,t)=>{var n;return{...e,slotCode:null!==(n=null==l?void 0:l.at(t))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>{var l,t,n,r;return{...e,example:a({...e.props,id:null!==(n=null===(l=e.props)||void 0===l?void 0:l.id)&&void 0!==n?n:e.name,children:null!==(r=null===(t=e.props)||void 0===t?void 0:t.children)&&void 0!==r?r:e.name})}})}})},99341:function(e,a,l){var t=l(52322),n=l(5632),r=l(2784),i=l(11803),s=l(86095);let o=e=>{let{examples:a,slotCode:l}=e,[n,i]=(0,r.useState)();return(0,t.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,t.jsxs)("details",{className:"code-details",onToggle:()=>{i(!n)},children:[(0,t.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:n?"Hide code":"Show code"}),(0,t.jsxs)("div",{className:"db-ui-functional",children:[(0,t.jsx)("div",{className:"backdrop"}),(0,t.jsx)(s.f,{className:"code",spacing:"small",children:l})]})]})]})};a.Z=e=>{let{title:a,variants:l}=e,[d,c]=(0,r.useState)(),x=(0,n.useRouter)();(0,r.useEffect)(()=>{if(x.query){var e;let a=null===(e=x.query.page)||void 0===e?void 0:e.toString();a&&c(l.find(e=>e.name.toLowerCase()===a))}},[x]);let u=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,t.jsxs)(t.Fragment,{children:[d&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...d})}),!d&&(0,t.jsx)(i.Z,{children:(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:a}),null==l?void 0:l.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(s.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(s.vB,{content:"external",target:"_blank",href:u(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},24818:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Required - Filled'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Filled\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required - Filled\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Required - Filled'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]})]})})]})}},18609:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Custom'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Custom')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Custom\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Custom\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Custom'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Custom')},children:"Copy"})]})]})})]})}},92441:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},67597:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]})]})})]})}},25468:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},92829:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"Helper Message"}},{"name":"Critical","props":{"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","props":{"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","props":{"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","props":{"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","props":{"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","labelVariant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","props":{"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"labelVariant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"labelVariant":"floating"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Required - Filled","props":{"label":"Label","value":"Required - Filled","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"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."}},{"name":"Custom","style":{"width":"328px"},"props":{"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."}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/27752-913a8fab86b94bba.js b/review/main/_next/static/chunks/27752-913a8fab86b94bba.js new file mode 100644 index 00000000000..af64bf94cbb --- /dev/null +++ b/review/main/_next/static/chunks/27752-913a8fab86b94bba.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27752],{37395:function(e,a,l){l.d(a,{P:function(){return t}});let t=(e,a,l)=>e.map((e,t)=>{var n;return{...e,slotCode:null!==(n=null==l?void 0:l.at(t))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>{var l,t,n,r;return{...e,example:a({...e.props,id:null!==(n=null===(l=e.props)||void 0===l?void 0:l.id)&&void 0!==n?n:e.name,children:null!==(r=null===(t=e.props)||void 0===t?void 0:t.children)&&void 0!==r?r:e.name})}})}})},99341:function(e,a,l){var t=l(52322),n=l(5632),r=l(2784),i=l(11803),s=l(86095);let o=e=>{let{examples:a,slotCode:l}=e,[n,i]=(0,r.useState)();return(0,t.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,t.jsxs)("details",{className:"code-details",onToggle:()=>{i(!n)},children:[(0,t.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:n?"Hide code":"Show code"}),(0,t.jsxs)("div",{className:"db-ui-functional",children:[(0,t.jsx)("div",{className:"backdrop"}),(0,t.jsx)(s.f,{className:"code",spacing:"small",children:l})]})]})]})},d=e=>{let{variants:a,componentName:l}=e,n=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let l=window.location.href.split("?")[0],t="?page=".concat(e.name.toLowerCase());return a?"".concat(l.split("components")[0],"/components/").concat(a).concat(t):"".concat(l).concat(t)};return(0,t.jsx)(t.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(s.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(s.vB,{content:"external",target:"_blank",href:n(e,l),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:l,subComponent:s,isSubComponent:c,componentName:x}=e,[u,b]=(0,r.useState)(),p=(0,n.useRouter)();return(0,r.useEffect)(()=>{if(p.query){var e;let a=null===(e=p.query.page)||void 0===e?void 0:e.toString();a&&b(l.find(e=>e.name.toLowerCase()===a))}},[p]),(0,t.jsxs)(t.Fragment,{children:[u&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...u})}),!u&&!c&&(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:a}),(0,t.jsx)(d,{variants:l,componentName:x})]}),s]}),!u&&c&&(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h2",{children:a}),(0,t.jsx)(d,{variants:l,componentName:x})]})]})}},24818:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Required - Filled'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Filled\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required - Filled\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Required - Filled'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]})]})})]})}},18609:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Custom'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Custom')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Custom\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Custom\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Custom'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Custom')},children:"Copy"})]})]})})]})}},92441:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},67597:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]})]})})]})}},25468:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},92829:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"Helper Message"}},{"name":"Critical","props":{"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","props":{"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","props":{"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","props":{"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","props":{"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","labelVariant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","props":{"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"labelVariant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"labelVariant":"floating"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Required - Filled","props":{"label":"Label","value":"Required - Filled","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"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."}},{"name":"Custom","style":{"width":"328px"},"props":{"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."}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/28955-639404a04bd83644.js b/review/main/_next/static/chunks/28955-639404a04bd83644.js deleted file mode 100644 index fe45bd1b41a..00000000000 --- a/review/main/_next/static/chunks/28955-639404a04bd83644.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[28955],{37395:function(e,n,i){i.d(n,{P:function(){return c}});let c=(e,n,i)=>e.map((e,c)=>{var s;return{...e,slotCode:null!==(s=null==i?void 0:i.at(c))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var i,c,s,a;return{...e,example:n({...e.props,id:null!==(s=null===(i=e.props)||void 0===i?void 0:i.id)&&void 0!==s?s:e.name,children:null!==(a=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==a?a:e.name})}})}})},99341:function(e,n,i){var c=i(52322),s=i(5632),a=i(2784),t=i(11803),l=i(86095);let o=e=>{let{examples:n,slotCode:i}=e,[s,t]=(0,a.useState)();return(0,c.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{t(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(l.f,{className:"code",spacing:"small",children:i})]})]})]})};n.Z=e=>{let{title:n,variants:i}=e,[r,d]=(0,a.useState)(),x=(0,s.useRouter)();(0,a.useEffect)(()=>{if(x.query){var e;let n=null===(e=x.query.page)||void 0===e?void 0:e.toString();n&&d(i.find(e=>e.name.toLowerCase()===n))}},[x]);let h=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,c.jsxs)(c.Fragment,{children:[r&&(0,c.jsx)("div",{children:(0,c.jsx)(o,{...r})}),!r&&(0,c.jsx)(t.Z,{children:(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),null==i?void 0:i.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(l.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(l.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,c.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},61461:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Medium
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Medium
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Small
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Small
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},67916:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},97393:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Full
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Full
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Medium
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Medium
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]})]})})]})}},32694:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"},"props":{}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"variant":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"variant":"large"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Large","props":{"size":"large"}},{"name":"Small","props":{"size":"small"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/28955-bb6566a1150ceffd.js b/review/main/_next/static/chunks/28955-bb6566a1150ceffd.js new file mode 100644 index 00000000000..e6bd52cd0aa --- /dev/null +++ b/review/main/_next/static/chunks/28955-bb6566a1150ceffd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[28955],{37395:function(e,n,i){i.d(n,{P:function(){return c}});let c=(e,n,i)=>e.map((e,c)=>{var s;return{...e,slotCode:null!==(s=null==i?void 0:i.at(c))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var i,c,s,a;return{...e,example:n({...e.props,id:null!==(s=null===(i=e.props)||void 0===i?void 0:i.id)&&void 0!==s?s:e.name,children:null!==(a=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==a?a:e.name})}})}})},99341:function(e,n,i){var c=i(52322),s=i(5632),a=i(2784),t=i(11803),l=i(86095);let o=e=>{let{examples:n,slotCode:i}=e,[s,t]=(0,a.useState)();return(0,c.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{t(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(l.f,{className:"code",spacing:"small",children:i})]})]})]})},r=e=>{let{variants:n,componentName:i}=e,s=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let i=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(i.split("components")[0],"/components/").concat(n).concat(c):"".concat(i).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(l.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(l.vB,{content:"external",target:"_blank",href:s(e,i),children:e.name})}),(0,c.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:i,subComponent:l,isSubComponent:d,componentName:x}=e,[h,j]=(0,a.useState)(),u=(0,s.useRouter)();return(0,a.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();n&&j(i.find(e=>e.name.toLowerCase()===n))}},[u]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(o,{...h})}),!h&&!d&&(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(r,{variants:i,componentName:x})]}),l]}),!h&&d&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(r,{variants:i,componentName:x})]})]})}},61461:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Medium
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Medium
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Small
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Small
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},67916:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},97393:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Full
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Full
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Medium
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Medium
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]})]})})]})}},32694:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"},"props":{}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"variant":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"variant":"large"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Large","props":{"size":"large"}},{"name":"Small","props":{"size":"small"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/37580-a2a923f32e8c4328.js b/review/main/_next/static/chunks/37580-a2a923f32e8c4328.js new file mode 100644 index 00000000000..cda98978db8 --- /dev/null +++ b/review/main/_next/static/chunks/37580-a2a923f32e8c4328.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37580],{37395:function(e,a,n){n.d(a,{P:function(){return s}});let s=(e,a,n)=>e.map((e,s)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(s))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,s,l,c;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(c=null===(s=e.props)||void 0===s?void 0:s.children)&&void 0!==c?c:e.name})}})}})},99341:function(e,a,n){var s=n(52322),l=n(5632),c=n(2784),i=n(11803),t=n(86095);let o=e=>{let{examples:a,slotCode:n}=e,[l,i]=(0,c.useState)();return(0,s.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{i(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},r=e=>{let{variants:a,componentName:n}=e,l=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],s="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(s):"".concat(n).concat(s)};return(0,s.jsx)(s.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(t.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(t.vB,{content:"external",target:"_blank",href:l(e,n),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:t,isSubComponent:d,componentName:x}=e,[p,h]=(0,c.useState)(),j=(0,l.useRouter)();return(0,c.useEffect)(()=>{if(j.query){var e;let a=null===(e=j.query.page)||void 0===e?void 0:e.toString();a&&h(n.find(e=>e.name.toLowerCase()===a))}},[j]),(0,s.jsxs)(s.Fragment,{children:[p&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...p})}),!p&&!d&&(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:a}),(0,s.jsx)(r,{variants:n,componentName:x})]}),t]}),!p&&d&&(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h2",{children:a}),(0,s.jsx)(r,{variants:n,componentName:x})]})]})}},22689:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),i=n(33878),t=n(95696),o=n(79041),r=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.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,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.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,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.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,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},93078:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/37580-e786125956392b73.js b/review/main/_next/static/chunks/37580-e786125956392b73.js deleted file mode 100644 index 3bb11158e13..00000000000 --- a/review/main/_next/static/chunks/37580-e786125956392b73.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37580],{37395:function(e,a,n){n.d(a,{P:function(){return s}});let s=(e,a,n)=>e.map((e,s)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(s))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,s,l,i;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(i=null===(s=e.props)||void 0===s?void 0:s.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,a,n){var s=n(52322),l=n(5632),i=n(2784),c=n(11803),t=n(86095);let d=e=>{let{examples:a,slotCode:n}=e,[l,c]=(0,i.useState)();return(0,s.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{c(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})};a.Z=e=>{let{title:a,variants:n}=e,[o,r]=(0,i.useState)(),x=(0,l.useRouter)();(0,i.useEffect)(()=>{if(x.query){var e;let a=null===(e=x.query.page)||void 0===e?void 0:e.toString();a&&r(n.find(e=>e.name.toLowerCase()===a))}},[x]);let p=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,s.jsxs)(s.Fragment,{children:[o&&(0,s.jsx)("div",{children:(0,s.jsx)(d,{...o})}),!o&&(0,s.jsx)(c.Z,{children:(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(t.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(t.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,s.jsx)(d,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},22689:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),i=n(9513),c=n(33878),t=n(95696),d=n(79041),o=n(16909),r=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.Z,{className:"tab-container",children:(0,s.jsxs)(c.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(i.Z,{className:"tab-container",children:(0,s.jsxs)(c.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,s.jsx)(i.Z,{className:"tab-container",children:(0,s.jsxs)(c.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},93078:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/44469-ae17686ac2898e54.js b/review/main/_next/static/chunks/44469-ae17686ac2898e54.js deleted file mode 100644 index fc0492041c9..00000000000 --- a/review/main/_next/static/chunks/44469-ae17686ac2898e54.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44469],{37395:function(e,a,n){n.d(a,{P:function(){return i}});let i=(e,a,n)=>e.map((e,i)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(i))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,i,l,d;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(d=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==d?d:e.name})}})}})},99341:function(e,a,n){var i=n(52322),l=n(5632),d=n(2784),r=n(11803),t=n(86095);let o=e=>{let{examples:a,slotCode:n}=e,[l,r]=(0,d.useState)();return(0,i.jsxs)(t.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:()=>{r(!l)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})};a.Z=e=>{let{title:a,variants:n}=e,[s,c]=(0,d.useState)(),x=(0,l.useRouter)();(0,d.useEffect)(()=>{if(x.query){var e;let a=null===(e=x.query.page)||void 0===e?void 0:e.toString();a&&c(n.find(e=>e.name.toLowerCase()===a))}},[x]);let h=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,i.jsxs)(i.Fragment,{children:[s&&(0,i.jsx)("div",{children:(0,i.jsx)(o,{...s})}),!s&&(0,i.jsx)(r.Z,{children:(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(t.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(t.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,i.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},25619:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),d=n(9513),r=n(33878),t=n(95696),o=n(79041),s=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required - Checked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Checked\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required - Checked\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required - Checked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]})]})})]})}},26328:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),d=n(9513),r=n(33878),t=n(95696),o=n(79041),s=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},81581:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),d=n(9513),r=n(33878),t=n(95696),o=n(79041),s=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Unchecked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Checked')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Checked\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Checked')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,i.jsx)(c.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)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},79174:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),d=n(9513),r=n(33878),t=n(95696),o=n(79041),s=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]})]})})]})}},91120:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),d=n(9513),r=n(33878),t=n(95696),o=n(79041),s=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(o.Z,{children:"Angular"}),(0,i.jsx)(o.Z,{children:"HTML"}),(0,i.jsx)(o.Z,{children:"React"}),(0,i.jsx)(o.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},81566:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"name":"Tonality","value":"functional"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"name":"Tonality","value":"regular"}},{"name":"Expressive","className":"db-ui-expressive","props":{"name":"Tonality","value":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Disabled","props":{"name":"States","disabled":true}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true,"invalid":true}},{"name":"Required - Checked","props":{"name":"Requirement","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/44469-c6a4fd8ed3fadd46.js b/review/main/_next/static/chunks/44469-c6a4fd8ed3fadd46.js new file mode 100644 index 00000000000..16c00f14bfb --- /dev/null +++ b/review/main/_next/static/chunks/44469-c6a4fd8ed3fadd46.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44469],{37395:function(e,a,n){n.d(a,{P:function(){return i}});let i=(e,a,n)=>e.map((e,i)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(i))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,i,l,d;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(d=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==d?d:e.name})}})}})},99341:function(e,a,n){var i=n(52322),l=n(5632),d=n(2784),r=n(11803),t=n(86095);let s=e=>{let{examples:a,slotCode:n}=e,[l,r]=(0,d.useState)();return(0,i.jsxs)(t.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:()=>{r(!l)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},o=e=>{let{variants:a,componentName:n}=e,l=(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)(t.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(t.vB,{content:"external",target:"_blank",href:l(e,n),children:e.name})}),(0,i.jsx)(s,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:t,isSubComponent:c,componentName:x}=e,[h,u]=(0,d.useState)(),p=(0,l.useRouter)();return(0,d.useEffect)(()=>{if(p.query){var e;let a=null===(e=p.query.page)||void 0===e?void 0:e.toString();a&&u(n.find(e=>e.name.toLowerCase()===a))}},[p]),(0,i.jsxs)(i.Fragment,{children:[h&&(0,i.jsx)("div",{children:(0,i.jsx)(s,{...h})}),!h&&!c&&(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:a}),(0,i.jsx)(o,{variants:n,componentName:x})]}),t]}),!h&&c&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:a}),(0,i.jsx)(o,{variants:n,componentName:x})]})]})}},25619:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),d=n(9513),r=n(33878),t=n(95696),s=n(79041),o=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required - Checked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Checked\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required - Checked\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required - Checked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]})]})})]})}},26328:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),d=n(9513),r=n(33878),t=n(95696),s=n(79041),o=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},81581:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),d=n(9513),r=n(33878),t=n(95696),s=n(79041),o=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Unchecked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Checked')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Checked\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Checked')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,i.jsx)(c.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)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},79174:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),d=n(9513),r=n(33878),t=n(95696),s=n(79041),o=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]})]})})]})}},91120:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),d=n(9513),r=n(33878),t=n(95696),s=n(79041),o=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]})]})}),(0,i.jsx)(d.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,i.jsxs)(o.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},81566:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"name":"Tonality","value":"functional"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"name":"Tonality","value":"regular"}},{"name":"Expressive","className":"db-ui-expressive","props":{"name":"Tonality","value":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Disabled","props":{"name":"States","disabled":true}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true,"invalid":true}},{"name":"Required - Checked","props":{"name":"Requirement","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/45979-32716f8b5f60348f.js b/review/main/_next/static/chunks/45979-32716f8b5f60348f.js new file mode 100644 index 00000000000..66b363135c2 --- /dev/null +++ b/review/main/_next/static/chunks/45979-32716f8b5f60348f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45979],{37395:function(t,e,n){n.d(e,{P:function(){return o}});let o=(t,e,n)=>t.map((t,o)=>{var a;return{...t,slotCode:null!==(a=null==n?void 0:n.at(o))&&void 0!==a?a:"No code available",examples:t.examples.map(t=>{var n,o,a,l;return{...t,example:e({...t.props,id:null!==(a=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==a?a:t.name,children:null!==(l=null===(o=t.props)||void 0===o?void 0:o.children)&&void 0!==l?l:t.name})}})}})},99341:function(t,e,n){var o=n(52322),a=n(5632),l=n(2784),c=n(11803),s=n(86095);let i=t=>{let{examples:e,slotCode:n}=t,[a,c]=(0,l.useState)();return(0,o.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,o.jsx)("div",{className:"variants-list",children:e.map((t,e)=>(0,o.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(e)))}),(0,o.jsxs)("details",{className:"code-details",onToggle:()=>{c(!a)},children:[(0,o.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:a?"Hide code":"Show code"}),(0,o.jsxs)("div",{className:"db-ui-functional",children:[(0,o.jsx)("div",{className:"backdrop"}),(0,o.jsx)(s.f,{className:"code",spacing:"small",children:n})]})]})]})},r=t=>{let{variants:e,componentName:n}=t,a=(t,e)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],o="?page=".concat(t.name.toLowerCase());return e?"".concat(n.split("components")[0],"/components/").concat(e).concat(o):"".concat(n).concat(o)};return(0,o.jsx)(o.Fragment,{children:null==e?void 0:e.map((t,e)=>(0,o.jsxs)("div",{children:[(0,o.jsx)(s.oH,{}),(0,o.jsx)("h2",{children:(0,o.jsx)(s.vB,{content:"external",target:"_blank",href:a(t,n),children:t.name})}),(0,o.jsx)(i,{...t})]},"".concat(t.name,"-").concat(e)))})};e.Z=t=>{let{title:e,variants:n,subComponent:s,isSubComponent:d,componentName:u}=t,[x,h]=(0,l.useState)(),j=(0,a.useRouter)();return(0,l.useEffect)(()=>{if(j.query){var t;let e=null===(t=j.query.page)||void 0===t?void 0:t.toString();e&&h(n.find(t=>t.name.toLowerCase()===e))}},[j]),(0,o.jsxs)(o.Fragment,{children:[x&&(0,o.jsx)("div",{children:(0,o.jsx)(i,{...x})}),!x&&!d&&(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)("div",{className:"default-container",children:[(0,o.jsx)("h1",{children:e}),(0,o.jsx)(r,{variants:n,componentName:u})]}),s]}),!x&&d&&(0,o.jsxs)("div",{className:"default-container",children:[(0,o.jsx)("h2",{children:e}),(0,o.jsx)(r,{variants:n,componentName:u})]})]})}},56147:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]})]})})]})}},1886:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Icon\n')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]})]})})]})}},67558:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},71475:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Disabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},62699:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},10689:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"Primary","props":{"variant":"primary"}},{"name":"Outlined (Adaptive)","props":{}},{"name":"Solid (Adaptive)","props":{"variant":"solid"}},{"name":"Text (Adaptive)","props":{"variant":"text"}}]},{"name":"State","examples":[{"name":"(Default) Enabled","props":{}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon & Text","props":{"icon":"account"}},{"name":"Icon","props":{"icon":"account","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{}},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/45979-a7b0551d24f1bfda.js b/review/main/_next/static/chunks/45979-a7b0551d24f1bfda.js deleted file mode 100644 index 12cf9043f23..00000000000 --- a/review/main/_next/static/chunks/45979-a7b0551d24f1bfda.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45979],{37395:function(t,e,n){n.d(e,{P:function(){return o}});let o=(t,e,n)=>t.map((t,o)=>{var a;return{...t,slotCode:null!==(a=null==n?void 0:n.at(o))&&void 0!==a?a:"No code available",examples:t.examples.map(t=>{var n,o,a,l;return{...t,example:e({...t.props,id:null!==(a=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==a?a:t.name,children:null!==(l=null===(o=t.props)||void 0===o?void 0:o.children)&&void 0!==l?l:t.name})}})}})},99341:function(t,e,n){var o=n(52322),a=n(5632),l=n(2784),c=n(11803),s=n(86095);let i=t=>{let{examples:e,slotCode:n}=t,[a,c]=(0,l.useState)();return(0,o.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,o.jsx)("div",{className:"variants-list",children:e.map((t,e)=>(0,o.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(e)))}),(0,o.jsxs)("details",{className:"code-details",onToggle:()=>{c(!a)},children:[(0,o.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:a?"Hide code":"Show code"}),(0,o.jsxs)("div",{className:"db-ui-functional",children:[(0,o.jsx)("div",{className:"backdrop"}),(0,o.jsx)(s.f,{className:"code",spacing:"small",children:n})]})]})]})};e.Z=t=>{let{title:e,variants:n}=t,[r,d]=(0,l.useState)(),u=(0,a.useRouter)();(0,l.useEffect)(()=>{if(u.query){var t;let e=null===(t=u.query.page)||void 0===t?void 0:t.toString();e&&d(n.find(t=>t.name.toLowerCase()===e))}},[u]);let x=t=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(t.name.toLowerCase()):"";return(0,o.jsxs)(o.Fragment,{children:[r&&(0,o.jsx)("div",{children:(0,o.jsx)(i,{...r})}),!r&&(0,o.jsx)(c.Z,{children:(0,o.jsxs)("div",{className:"default-container",children:[(0,o.jsx)("h1",{children:e}),null==n?void 0:n.map((t,e)=>(0,o.jsxs)("div",{children:[(0,o.jsx)(s.oH,{}),(0,o.jsx)("h2",{children:(0,o.jsx)(s.vB,{content:"external",target:"_blank",href:x(t),children:t.name})}),(0,o.jsx)(i,{...t})]},"".concat(t.name,"-").concat(e)))]})})]})}},56147:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]})]})})]})}},1886:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Icon\n')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]})]})})]})}},67558:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},71475:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Disabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},62699:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},10689:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"Primary","props":{"variant":"primary"}},{"name":"Outlined (Adaptive)","props":{}},{"name":"Solid (Adaptive)","props":{"variant":"solid"}},{"name":"Text (Adaptive)","props":{"variant":"text"}}]},{"name":"State","examples":[{"name":"(Default) Enabled","props":{}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon & Text","props":{"icon":"account"}},{"name":"Icon","props":{"icon":"account","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{}},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/46752-455307842dd7ed6d.js b/review/main/_next/static/chunks/46752-455307842dd7ed6d.js deleted file mode 100644 index 202f3441e79..00000000000 --- a/review/main/_next/static/chunks/46752-455307842dd7ed6d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46752],{37395:function(n,e,a){a.d(e,{P:function(){return s}});let s=(n,e,a)=>n.map((n,s)=>{var l;return{...n,slotCode:null!==(l=null==a?void 0:a.at(s))&&void 0!==l?l:"No code available",examples:n.examples.map(n=>{var a,s,l,r;return{...n,example:e({...n.props,id:null!==(l=null===(a=n.props)||void 0===a?void 0:a.id)&&void 0!==l?l:n.name,children:null!==(r=null===(s=n.props)||void 0===s?void 0:s.children)&&void 0!==r?r:n.name})}})}})},99341:function(n,e,a){var s=a(52322),l=a(5632),r=a(2784),i=a(11803),c=a(86095);let d=n=>{let{examples:e,slotCode:a}=n,[l,i]=(0,r.useState)();return(0,s.jsxs)(c.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:e.map((n,e)=>(0,s.jsx)("div",{style:n.style,className:n.className,children:n.example},"".concat(n.name,"-").concat(e)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{i(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(c.f,{className:"code",spacing:"small",children:a})]})]})]})};e.Z=n=>{let{title:e,variants:a}=n,[t,o]=(0,r.useState)(),x=(0,l.useRouter)();(0,r.useEffect)(()=>{if(x.query){var n;let e=null===(n=x.query.page)||void 0===n?void 0:n.toString();e&&o(a.find(n=>n.name.toLowerCase()===e))}},[x]);let h=n=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(n.name.toLowerCase()):"";return(0,s.jsxs)(s.Fragment,{children:[t&&(0,s.jsx)("div",{children:(0,s.jsx)(d,{...t})}),!t&&(0,s.jsx)(i.Z,{children:(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:e}),null==a?void 0:a.map((n,e)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(c.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(c.vB,{content:"external",target:"_blank",href:h(n),children:n.name})}),(0,s.jsx)(d,{...n})]},"".concat(n.name,"-").concat(e)))]})})]})}},9379:function(n,e,a){a.r(e);var s=a(52322),l=a(2784),r=a(9513),i=a(33878),c=a(95696),d=a(79041),t=a(16909),o=a(16134);e.default=()=>{let[n,e]=(0,l.useState)();return(0,l.useEffect)(()=>{n&&setTimeout(()=>e(!1),1500)},[n]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(c.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n Functional\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(r.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(c.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,s.jsx)(r.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(c.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n Expressive\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},69255:function(n){n.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/46752-b73ea5105c5c32ee.js b/review/main/_next/static/chunks/46752-b73ea5105c5c32ee.js new file mode 100644 index 00000000000..851dd23fd07 --- /dev/null +++ b/review/main/_next/static/chunks/46752-b73ea5105c5c32ee.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46752],{37395:function(n,e,a){a.d(e,{P:function(){return s}});let s=(n,e,a)=>n.map((n,s)=>{var l;return{...n,slotCode:null!==(l=null==a?void 0:a.at(s))&&void 0!==l?l:"No code available",examples:n.examples.map(n=>{var a,s,l,c;return{...n,example:e({...n.props,id:null!==(l=null===(a=n.props)||void 0===a?void 0:a.id)&&void 0!==l?l:n.name,children:null!==(c=null===(s=n.props)||void 0===s?void 0:s.children)&&void 0!==c?c:n.name})}})}})},99341:function(n,e,a){var s=a(52322),l=a(5632),c=a(2784),r=a(11803),i=a(86095);let d=n=>{let{examples:e,slotCode:a}=n,[l,r]=(0,c.useState)();return(0,s.jsxs)(i.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:e.map((n,e)=>(0,s.jsx)("div",{style:n.style,className:n.className,children:n.example},"".concat(n.name,"-").concat(e)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(i.f,{className:"code",spacing:"small",children:a})]})]})]})},t=n=>{let{variants:e,componentName:a}=n,l=(n,e)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],s="?page=".concat(n.name.toLowerCase());return e?"".concat(a.split("components")[0],"/components/").concat(e).concat(s):"".concat(a).concat(s)};return(0,s.jsx)(s.Fragment,{children:null==e?void 0:e.map((n,e)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(i.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(i.vB,{content:"external",target:"_blank",href:l(n,a),children:n.name})}),(0,s.jsx)(d,{...n})]},"".concat(n.name,"-").concat(e)))})};e.Z=n=>{let{title:e,variants:a,subComponent:i,isSubComponent:o,componentName:x}=n,[h,j]=(0,c.useState)(),p=(0,l.useRouter)();return(0,c.useEffect)(()=>{if(p.query){var n;let e=null===(n=p.query.page)||void 0===n?void 0:n.toString();e&&j(a.find(n=>n.name.toLowerCase()===e))}},[p]),(0,s.jsxs)(s.Fragment,{children:[h&&(0,s.jsx)("div",{children:(0,s.jsx)(d,{...h})}),!h&&!o&&(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:e}),(0,s.jsx)(t,{variants:a,componentName:x})]}),i]}),!h&&o&&(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h2",{children:e}),(0,s.jsx)(t,{variants:a,componentName:x})]})]})}},9379:function(n,e,a){a.r(e);var s=a(52322),l=a(2784),c=a(9513),r=a(33878),i=a(95696),d=a(79041),t=a(16909),o=a(16134);e.default=()=>{let[n,e]=(0,l.useState)();return(0,l.useEffect)(()=>{n&&setTimeout(()=>e(!1),1500)},[n]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(i.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n Functional\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(i.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(i.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n Expressive\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},69255:function(n){n.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/5014-38a357cd33949084.js b/review/main/_next/static/chunks/5014-38a357cd33949084.js deleted file mode 100644 index 30803b58520..00000000000 --- a/review/main/_next/static/chunks/5014-38a357cd33949084.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5014],{37395:function(e,l,a){a.d(l,{P:function(){return t}});let t=(e,l,a)=>e.map((e,t)=>{var n;return{...e,slotCode:null!==(n=null==a?void 0:a.at(t))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>{var a,t,n,i;return{...e,example:l({...e.props,id:null!==(n=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==n?n:e.name,children:null!==(i=null===(t=e.props)||void 0===t?void 0:t.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,l,a){var t=a(52322),n=a(5632),i=a(2784),s=a(11803),c=a(86095);let r=e=>{let{examples:l,slotCode:a}=e,[n,s]=(0,i.useState)();return(0,t.jsxs)(c.f,{className:"variants-card db-code-docs",children:[(0,t.jsx)("div",{className:"variants-list",children:l.map((e,l)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(l)))}),(0,t.jsxs)("details",{className:"code-details",onToggle:()=>{s(!n)},children:[(0,t.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:n?"Hide code":"Show code"}),(0,t.jsxs)("div",{className:"db-ui-functional",children:[(0,t.jsx)("div",{className:"backdrop"}),(0,t.jsx)(c.f,{className:"code",spacing:"small",children:a})]})]})]})};l.Z=e=>{let{title:l,variants:a}=e,[d,o]=(0,i.useState)(),b=(0,n.useRouter)();(0,i.useEffect)(()=>{if(b.query){var e;let l=null===(e=b.query.page)||void 0===e?void 0:e.toString();l&&o(a.find(e=>e.name.toLowerCase()===l))}},[b]);let x=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,t.jsxs)(t.Fragment,{children:[d&&(0,t.jsx)("div",{children:(0,t.jsx)(r,{...d})}),!d&&(0,t.jsx)(s.Z,{children:(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:l}),null==a?void 0:a.map((e,l)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(c.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(c.vB,{content:"external",target:"_blank",href:x(e),children:e.name})}),(0,t.jsx)(r,{...e})]},"".concat(e.name,"-").concat(l)))]})})]})}},65596:function(e,l,a){a.r(l);var t=a(52322),n=a(2784),i=a(9513),s=a(33878),c=a(95696),r=a(79041),d=a(16909),o=a(16134);l.default=()=>{let[e,l]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]})]})})]})}},15772:function(e,l,a){a.r(l);var t=a(52322),n=a(2784),i=a(9513),s=a(33878),c=a(95696),r=a(79041),d=a(16909),o=a(16134);l.default=()=>{let[e,l]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]})]})})]})}},20989:function(e,l,a){a.r(l);var t=a(52322),n=a(2784),i=a(9513),s=a(33878),c=a(95696),r=a(79041),d=a(16909),o=a(16134);l.default=()=>{let[e,l]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'active'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('active')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n active\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'active'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('active')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'disabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('disabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n disabled\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'disabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('disabled')},children:"Copy"})]})]})})]})}},64384:function(e,l,a){a.r(l);var t=a(52322),n=a(2784),i=a(9513),s=a(33878),c=a(95696),r=a(79041),d=a(16909),o=a(16134);l.default=()=>{let[e,l]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},63535:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","className":"db-ui-regular tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","className":"db-ui-expressive tab-hide-article","props":{"label":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Enabled","props":{"label":"(Default) Enabled"}},{"name":"active","props":{"label":"active","active":true}},{"name":"disabled","props":{"label":"active","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"(Default) Text"}},{"name":"Text - Icon (Leading)","props":{"label":"Text - Icon (Leading)","icon":"x_placeholder"}},{"name":"Text - Icon (Trailing)","props":{"label":"Text - Icon (Trailing)","iconAfter":"x_placeholder"}},{"name":"Icon","props":{"icon":"x_placeholder","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{"label":"(Default) Auto Width"}},{"name":"Width full","style":{"width":"500px"},"props":{"label":"Width full","width":"full"}}]},{"name":"Content Alignment Full Width","examples":[{"name":"Left","style":{"width":"500px"},"props":{"label":"Left","width":"full"}},{"name":"Centered","style":{"width":"500px"},"props":{"label":"Centered","width":"full","alignment":"center"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/5014-f81e8dfe9b65a03c.js b/review/main/_next/static/chunks/5014-f81e8dfe9b65a03c.js new file mode 100644 index 00000000000..8636320084e --- /dev/null +++ b/review/main/_next/static/chunks/5014-f81e8dfe9b65a03c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5014],{37395:function(e,a,l){l.d(a,{P:function(){return t}});let t=(e,a,l)=>e.map((e,t)=>{var n;return{...e,slotCode:null!==(n=null==l?void 0:l.at(t))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>{var l,t,n,i;return{...e,example:a({...e.props,id:null!==(n=null===(l=e.props)||void 0===l?void 0:l.id)&&void 0!==n?n:e.name,children:null!==(i=null===(t=e.props)||void 0===t?void 0:t.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,a,l){var t=l(52322),n=l(5632),i=l(2784),s=l(11803),c=l(86095);let r=e=>{let{examples:a,slotCode:l}=e,[n,s]=(0,i.useState)();return(0,t.jsxs)(c.f,{className:"variants-card db-code-docs",children:[(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,t.jsxs)("details",{className:"code-details",onToggle:()=>{s(!n)},children:[(0,t.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:n?"Hide code":"Show code"}),(0,t.jsxs)("div",{className:"db-ui-functional",children:[(0,t.jsx)("div",{className:"backdrop"}),(0,t.jsx)(c.f,{className:"code",spacing:"small",children:l})]})]})]})},d=e=>{let{variants:a,componentName:l}=e,n=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let l=window.location.href.split("?")[0],t="?page=".concat(e.name.toLowerCase());return a?"".concat(l.split("components")[0],"/components/").concat(a).concat(t):"".concat(l).concat(t)};return(0,t.jsx)(t.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(c.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(c.vB,{content:"external",target:"_blank",href:n(e,l),children:e.name})}),(0,t.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:l,subComponent:c,isSubComponent:o,componentName:b}=e,[x,h]=(0,i.useState)(),u=(0,n.useRouter)();return(0,i.useEffect)(()=>{if(u.query){var e;let a=null===(e=u.query.page)||void 0===e?void 0:e.toString();a&&h(l.find(e=>e.name.toLowerCase()===a))}},[u]),(0,t.jsxs)(t.Fragment,{children:[x&&(0,t.jsx)("div",{children:(0,t.jsx)(r,{...x})}),!x&&!o&&(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:a}),(0,t.jsx)(d,{variants:l,componentName:b})]}),c]}),!x&&o&&(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h2",{children:a}),(0,t.jsx)(d,{variants:l,componentName:b})]})]})}},65596:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]})]})})]})}},15772:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]})]})})]})}},20989:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'active'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('active')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n active\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'active'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('active')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'disabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('disabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n disabled\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'disabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('disabled')},children:"Copy"})]})]})})]})}},64384:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},63535:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","className":"db-ui-regular tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","className":"db-ui-expressive tab-hide-article","props":{"label":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Enabled","props":{"label":"(Default) Enabled"}},{"name":"active","props":{"label":"active","active":true}},{"name":"disabled","props":{"label":"active","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"(Default) Text"}},{"name":"Text - Icon (Leading)","props":{"label":"Text - Icon (Leading)","icon":"x_placeholder"}},{"name":"Text - Icon (Trailing)","props":{"label":"Text - Icon (Trailing)","iconAfter":"x_placeholder"}},{"name":"Icon","props":{"icon":"x_placeholder","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{"label":"(Default) Auto Width"}},{"name":"Width full","style":{"width":"500px"},"props":{"label":"Width full","width":"full"}}]},{"name":"Content Alignment Full Width","examples":[{"name":"Left","style":{"width":"500px"},"props":{"label":"Left","width":"full"}},{"name":"Centered","style":{"width":"500px"},"props":{"label":"Centered","width":"full","alignment":"center"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/54817-2c230af62fdc5352.js b/review/main/_next/static/chunks/54817-2c230af62fdc5352.js deleted file mode 100644 index cba33b5b107..00000000000 --- a/review/main/_next/static/chunks/54817-2c230af62fdc5352.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54817],{37395:function(t,a,n){n.d(a,{P:function(){return b}});let b=(t,a,n)=>t.map((t,b)=>{var l;return{...t,slotCode:null!==(l=null==n?void 0:n.at(b))&&void 0!==l?l:"No code available",examples:t.examples.map(t=>{var n,b,l,e;return{...t,example:a({...t.props,id:null!==(l=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==l?l:t.name,children:null!==(e=null===(b=t.props)||void 0===b?void 0:b.children)&&void 0!==e?e:t.name})}})}})},99341:function(t,a,n){var b=n(52322),l=n(5632),e=n(2784),s=n(11803),i=n(86095);let d=t=>{let{examples:a,slotCode:n}=t,[l,s]=(0,e.useState)();return(0,b.jsxs)(i.f,{className:"variants-card db-code-docs",children:[(0,b.jsx)("div",{className:"variants-list",children:a.map((t,a)=>(0,b.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(a)))}),(0,b.jsxs)("details",{className:"code-details",onToggle:()=>{s(!l)},children:[(0,b.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,b.jsxs)("div",{className:"db-ui-functional",children:[(0,b.jsx)("div",{className:"backdrop"}),(0,b.jsx)(i.f,{className:"code",spacing:"small",children:n})]})]})]})};a.Z=t=>{let{title:a,variants:n}=t,[T,r]=(0,e.useState)(),o=(0,l.useRouter)();(0,e.useEffect)(()=>{if(o.query){var t;let a=null===(t=o.query.page)||void 0===t?void 0:t.toString();a&&r(n.find(t=>t.name.toLowerCase()===a))}},[o]);let B=t=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(t.name.toLowerCase()):"";return(0,b.jsxs)(b.Fragment,{children:[T&&(0,b.jsx)("div",{children:(0,b.jsx)(d,{...T})}),!T&&(0,b.jsx)(s.Z,{children:(0,b.jsxs)("div",{className:"default-container",children:[(0,b.jsx)("h1",{children:a}),null==n?void 0:n.map((t,a)=>(0,b.jsxs)("div",{children:[(0,b.jsx)(i.oH,{}),(0,b.jsx)("h2",{children:(0,b.jsx)(i.vB,{content:"external",target:"_blank",href:B(t),children:t.name})}),(0,b.jsx)(d,{...t})]},"".concat(t.name,"-").concat(a)))]})})]})}},45103:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Orientation","examples":[{"name":"horizontal","props":{"orientation":"horizontal"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"vertical","props":{"orientation":"vertical"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Width","examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Overflow","examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Examples","examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/54817-ac11b3e74908f04e.js b/review/main/_next/static/chunks/54817-ac11b3e74908f04e.js new file mode 100644 index 00000000000..c33a802910d --- /dev/null +++ b/review/main/_next/static/chunks/54817-ac11b3e74908f04e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54817],{37395:function(t,a,n){n.d(a,{P:function(){return b}});let b=(t,a,n)=>t.map((t,b)=>{var l;return{...t,slotCode:null!==(l=null==n?void 0:n.at(b))&&void 0!==l?l:"No code available",examples:t.examples.map(t=>{var n,b,l,e;return{...t,example:a({...t.props,id:null!==(l=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==l?l:t.name,children:null!==(e=null===(b=t.props)||void 0===b?void 0:b.children)&&void 0!==e?e:t.name})}})}})},99341:function(t,a,n){var b=n(52322),l=n(5632),e=n(2784),s=n(11803),i=n(86095);let d=t=>{let{examples:a,slotCode:n}=t,[l,s]=(0,e.useState)();return(0,b.jsxs)(i.f,{className:"variants-card db-code-docs",children:[(0,b.jsx)("div",{className:"variants-list",children:a.map((t,a)=>(0,b.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(a)))}),(0,b.jsxs)("details",{className:"code-details",onToggle:()=>{s(!l)},children:[(0,b.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,b.jsxs)("div",{className:"db-ui-functional",children:[(0,b.jsx)("div",{className:"backdrop"}),(0,b.jsx)(i.f,{className:"code",spacing:"small",children:n})]})]})]})},T=t=>{let{variants:a,componentName:n}=t,l=(t,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],b="?page=".concat(t.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(b):"".concat(n).concat(b)};return(0,b.jsx)(b.Fragment,{children:null==a?void 0:a.map((t,a)=>(0,b.jsxs)("div",{children:[(0,b.jsx)(i.oH,{}),(0,b.jsx)("h2",{children:(0,b.jsx)(i.vB,{content:"external",target:"_blank",href:l(t,n),children:t.name})}),(0,b.jsx)(d,{...t})]},"".concat(t.name,"-").concat(a)))})};a.Z=t=>{let{title:a,variants:n,subComponent:i,isSubComponent:r,componentName:o}=t,[B,D]=(0,e.useState)(),m=(0,l.useRouter)();return(0,e.useEffect)(()=>{if(m.query){var t;let a=null===(t=m.query.page)||void 0===t?void 0:t.toString();a&&D(n.find(t=>t.name.toLowerCase()===a))}},[m]),(0,b.jsxs)(b.Fragment,{children:[B&&(0,b.jsx)("div",{children:(0,b.jsx)(d,{...B})}),!B&&!r&&(0,b.jsxs)(s.Z,{children:[(0,b.jsxs)("div",{className:"default-container",children:[(0,b.jsx)("h1",{children:a}),(0,b.jsx)(T,{variants:n,componentName:o})]}),i]}),!B&&r&&(0,b.jsxs)("div",{className:"default-container",children:[(0,b.jsx)("h2",{children:a}),(0,b.jsx)(T,{variants:n,componentName:o})]})]})}},45103:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Orientation","examples":[{"name":"horizontal","props":{"orientation":"horizontal"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"vertical","props":{"orientation":"vertical"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Width","examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Overflow","examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Examples","examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/58734-7e6e3f717591be40.js b/review/main/_next/static/chunks/58734-7e6e3f717591be40.js deleted file mode 100644 index 38410bac728..00000000000 --- a/review/main/_next/static/chunks/58734-7e6e3f717591be40.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58734],{37395:function(t,n,e){e.d(n,{P:function(){return o}});let o=(t,n,e)=>t.map((t,o)=>{var c;return{...t,slotCode:null!==(c=null==e?void 0:e.at(o))&&void 0!==c?c:"No code available",examples:t.examples.map(t=>{var e,o,c,i;return{...t,example:n({...t.props,id:null!==(c=null===(e=t.props)||void 0===e?void 0:e.id)&&void 0!==c?c:t.name,children:null!==(i=null===(o=t.props)||void 0===o?void 0:o.children)&&void 0!==i?i:t.name})}})}})},99341:function(t,n,e){var o=e(52322),c=e(5632),i=e(2784),d=e(11803),r=e(86095);let a=t=>{let{examples:n,slotCode:e}=t,[c,d]=(0,i.useState)();return(0,o.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,o.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,o.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),(0,o.jsxs)("details",{className:"code-details",onToggle:()=>{d(!c)},children:[(0,o.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:c?"Hide code":"Show code"}),(0,o.jsxs)("div",{className:"db-ui-functional",children:[(0,o.jsx)("div",{className:"backdrop"}),(0,o.jsx)(r.f,{className:"code",spacing:"small",children:e})]})]})]})};n.Z=t=>{let{title:n,variants:e}=t,[l,m]=(0,i.useState)(),s=(0,c.useRouter)();(0,i.useEffect)(()=>{if(s.query){var t;let n=null===(t=s.query.page)||void 0===t?void 0:t.toString();n&&m(e.find(t=>t.name.toLowerCase()===n))}},[s]);let I=t=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(t.name.toLowerCase()):"";return(0,o.jsxs)(o.Fragment,{children:[l&&(0,o.jsx)("div",{children:(0,o.jsx)(a,{...l})}),!l&&(0,o.jsx)(d.Z,{children:(0,o.jsxs)("div",{className:"default-container",children:[(0,o.jsx)("h1",{children:n}),null==e?void 0:e.map((t,n)=>(0,o.jsxs)("div",{children:[(0,o.jsx)(r.oH,{}),(0,o.jsx)("h2",{children:(0,o.jsx)(r.vB,{content:"external",target:"_blank",href:I(t),children:t.name})}),(0,o.jsx)(a,{...t})]},"".concat(t.name,"-").concat(n)))]})})]})}},97292:function(t,n,e){e.r(n);var o=e(52322),c=e(2784),i=e(9513),d=e(33878),r=e(95696),a=e(79041),l=e(16909),m=e(16134);n.default=()=>{let[t,n]=(0,c.useState)();return(0,c.useEffect)(()=>{t&&setTimeout(()=>n(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})}),(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})})]})}},70307:function(t,n,e){e.r(n);var o=e(52322),c=e(2784),i=e(9513),d=e(33878),r=e(95696),a=e(79041),l=e(16909),m=e(16134);n.default=()=>{let[t,n]=(0,c.useState)();return(0,c.useEffect)(()=>{t&&setTimeout(()=>n(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})}),(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})})]})}},7716:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Variant","examples":[{"name":"background (default)","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"card","props":{"variant":"card"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Single","props":{"behaviour":"single"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/68006-26ed6eb12b163868.js b/review/main/_next/static/chunks/68006-26ed6eb12b163868.js deleted file mode 100644 index 22fcd8d08bb..00000000000 --- a/review/main/_next/static/chunks/68006-26ed6eb12b163868.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68006],{37395:function(a,e,n){n.d(e,{P:function(){return c}});let c=(a,e,n)=>a.map((a,c)=>{var s;return{...a,slotCode:null!==(s=null==n?void 0:n.at(c))&&void 0!==s?s:"No code available",examples:a.examples.map(a=>{var n,c,s,l;return{...a,example:e({...a.props,id:null!==(s=null===(n=a.props)||void 0===n?void 0:n.id)&&void 0!==s?s:a.name,children:null!==(l=null===(c=a.props)||void 0===c?void 0:c.children)&&void 0!==l?l:a.name})}})}})},99341:function(a,e,n){var c=n(52322),s=n(5632),l=n(2784),i=n(11803),r=n(86095);let t=a=>{let{examples:e,slotCode:n}=a,[s,i]=(0,l.useState)();return(0,c.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:e.map((a,e)=>(0,c.jsx)("div",{style:a.style,className:a.className,children:a.example},"".concat(a.name,"-").concat(e)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(r.f,{className:"code",spacing:"small",children:n})]})]})]})};e.Z=a=>{let{title:e,variants:n}=a,[d,o]=(0,l.useState)(),x=(0,s.useRouter)();(0,l.useEffect)(()=>{if(x.query){var a;let e=null===(a=x.query.page)||void 0===a?void 0:a.toString();e&&o(n.find(a=>a.name.toLowerCase()===e))}},[x]);let p=a=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(a.name.toLowerCase()):"";return(0,c.jsxs)(c.Fragment,{children:[d&&(0,c.jsx)("div",{children:(0,c.jsx)(t,{...d})}),!d&&(0,c.jsx)(i.Z,{children:(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:e}),null==n?void 0:n.map((a,e)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(r.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(r.vB,{content:"external",target:"_blank",href:p(a),children:a.name})}),(0,c.jsx)(t,{...a})]},"".concat(a.name,"-").concat(e)))]})})]})}},38398:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Spacing
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    (Default) No Spacing
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Medium\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Medium\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Small\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Small\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},25877:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Functional\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Functional\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Expressive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Expressive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},11910:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Non interactive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n (Default) Non interactive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Interactive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]})]})})]})}},1304:function(a){a.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"spacing":"small"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"spacing":"small"}},{"name":"Expressive","className":"db-ui-expressive","props":{"spacing":"small"}}]},{"name":"Color variant","examples":[{"name":"(Default) adaptive","props":{"variant":"interactive","spacing":"small","colorVariant":"adaptive"}},{"name":"neutral","props":{"colorVariant":"neutral","variant":"interactive","spacing":"small"}},{"name":"brand","props":{"colorVariant":"brand","variant":"interactive","spacing":"small"}},{"name":"critical","props":{"colorVariant":"critical","variant":"interactive","spacing":"small"}},{"name":"successful","props":{"colorVariant":"successful","variant":"interactive","spacing":"small"}},{"name":"warning","props":{"colorVariant":"warning","variant":"interactive","spacing":"small"}},{"name":"informational","props":{"colorVariant":"informational","variant":"interactive","spacing":"small"}}]},{"name":"Spacing","examples":[{"name":"(Default) No Spacing","props":{}},{"name":"Medium","props":{"spacing":"medium"}},{"name":"Small","props":{"spacing":"small"}}]},{"name":"Variant","examples":[{"name":"(Default) Non interactive","props":{"spacing":"small"}},{"name":"Interactive","props":{"spacing":"small","variant":"interactive"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/68006-ba5cccb4ce58520c.js b/review/main/_next/static/chunks/68006-ba5cccb4ce58520c.js new file mode 100644 index 00000000000..a0433b6f50e --- /dev/null +++ b/review/main/_next/static/chunks/68006-ba5cccb4ce58520c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68006],{37395:function(a,e,n){n.d(e,{P:function(){return c}});let c=(a,e,n)=>a.map((a,c)=>{var s;return{...a,slotCode:null!==(s=null==n?void 0:n.at(c))&&void 0!==s?s:"No code available",examples:a.examples.map(a=>{var n,c,s,l;return{...a,example:e({...a.props,id:null!==(s=null===(n=a.props)||void 0===n?void 0:n.id)&&void 0!==s?s:a.name,children:null!==(l=null===(c=a.props)||void 0===c?void 0:c.children)&&void 0!==l?l:a.name})}})}})},99341:function(a,e,n){var c=n(52322),s=n(5632),l=n(2784),i=n(11803),r=n(86095);let t=a=>{let{examples:e,slotCode:n}=a,[s,i]=(0,l.useState)();return(0,c.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:e.map((a,e)=>(0,c.jsx)("div",{style:a.style,className:a.className,children:a.example},"".concat(a.name,"-").concat(e)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(r.f,{className:"code",spacing:"small",children:n})]})]})]})},d=a=>{let{variants:e,componentName:n}=a,s=(a,e)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],c="?page=".concat(a.name.toLowerCase());return e?"".concat(n.split("components")[0],"/components/").concat(e).concat(c):"".concat(n).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==e?void 0:e.map((a,e)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(r.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(r.vB,{content:"external",target:"_blank",href:s(a,n),children:a.name})}),(0,c.jsx)(t,{...a})]},"".concat(a.name,"-").concat(e)))})};e.Z=a=>{let{title:e,variants:n,subComponent:r,isSubComponent:o,componentName:x}=a,[p,h]=(0,l.useState)(),m=(0,s.useRouter)();return(0,l.useEffect)(()=>{if(m.query){var a;let e=null===(a=m.query.page)||void 0===a?void 0:a.toString();e&&h(n.find(a=>a.name.toLowerCase()===e))}},[m]),(0,c.jsxs)(c.Fragment,{children:[p&&(0,c.jsx)("div",{children:(0,c.jsx)(t,{...p})}),!p&&!o&&(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:e}),(0,c.jsx)(d,{variants:n,componentName:x})]}),r]}),!p&&o&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:e}),(0,c.jsx)(d,{variants:n,componentName:x})]})]})}},38398:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Spacing
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    (Default) No Spacing
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Medium\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Medium\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Small\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Small\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},25877:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Functional\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Functional\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Expressive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Expressive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},11910:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Non interactive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n (Default) Non interactive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Interactive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]})]})})]})}},1304:function(a){a.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"spacing":"small"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"spacing":"small"}},{"name":"Expressive","className":"db-ui-expressive","props":{"spacing":"small"}}]},{"name":"Color variant","examples":[{"name":"(Default) adaptive","props":{"variant":"interactive","spacing":"small","colorVariant":"adaptive"}},{"name":"neutral","props":{"colorVariant":"neutral","variant":"interactive","spacing":"small"}},{"name":"brand","props":{"colorVariant":"brand","variant":"interactive","spacing":"small"}},{"name":"critical","props":{"colorVariant":"critical","variant":"interactive","spacing":"small"}},{"name":"successful","props":{"colorVariant":"successful","variant":"interactive","spacing":"small"}},{"name":"warning","props":{"colorVariant":"warning","variant":"interactive","spacing":"small"}},{"name":"informational","props":{"colorVariant":"informational","variant":"interactive","spacing":"small"}}]},{"name":"Spacing","examples":[{"name":"(Default) No Spacing","props":{}},{"name":"Medium","props":{"spacing":"medium"}},{"name":"Small","props":{"spacing":"small"}}]},{"name":"Variant","examples":[{"name":"(Default) Non interactive","props":{"spacing":"small"}},{"name":"Interactive","props":{"spacing":"small","variant":"interactive"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/71581-db5e4e7c31a84134.js b/review/main/_next/static/chunks/71581-db5e4e7c31a84134.js deleted file mode 100644 index 2646f688be4..00000000000 --- a/review/main/_next/static/chunks/71581-db5e4e7c31a84134.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71581],{37395:function(e,n,t){t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var s;return{...e,slotCode:null!==(s=null==t?void 0:t.at(a))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var t,a,s,l;return{...e,example:n({...e.props,id:null!==(s=null===(t=e.props)||void 0===t?void 0:t.id)&&void 0!==s?s:e.name,children:null!==(l=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==l?l:e.name})}})}})},99341:function(e,n,t){var a=t(52322),s=t(5632),l=t(2784),i=t(11803),c=t(86095);let o=e=>{let{examples:n,slotCode:t}=e,[s,i]=(0,l.useState)();return(0,a.jsxs)(c.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(c.f,{className:"code",spacing:"small",children:t})]})]})]})};n.Z=e=>{let{title:n,variants:t}=e,[r,x]=(0,l.useState)(),d=(0,s.useRouter)();(0,l.useEffect)(()=>{if(d.query){var e;let n=null===(e=d.query.page)||void 0===e?void 0:e.toString();n&&x(t.find(e=>e.name.toLowerCase()===n))}},[d]);let p=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,a.jsxs)(a.Fragment,{children:[r&&(0,a.jsx)("div",{children:(0,a.jsx)(o,{...r})}),!r&&(0,a.jsx)(i.Z,{children:(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:n}),null==t?void 0:t.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(c.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(c.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,a.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},14139:function(e,n,t){t.r(n);var a=t(52322),s=t(2784),l=t(9513),i=t(33878),c=t(95696),o=t(79041),r=t(16909),x=t(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},40837:function(e,n,t){t.r(n);var a=t(52322),s=t(2784),l=t(9513),i=t(33878),c=t(95696),o=t(79041),r=t(16909),x=t(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},6514:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/71581-f21d9f8b1cc48dfd.js b/review/main/_next/static/chunks/71581-f21d9f8b1cc48dfd.js new file mode 100644 index 00000000000..b0f84845dc2 --- /dev/null +++ b/review/main/_next/static/chunks/71581-f21d9f8b1cc48dfd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71581],{37395:function(e,n,t){t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var s;return{...e,slotCode:null!==(s=null==t?void 0:t.at(a))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var t,a,s,l;return{...e,example:n({...e.props,id:null!==(s=null===(t=e.props)||void 0===t?void 0:t.id)&&void 0!==s?s:e.name,children:null!==(l=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==l?l:e.name})}})}})},99341:function(e,n,t){var a=t(52322),s=t(5632),l=t(2784),i=t(11803),c=t(86095);let o=e=>{let{examples:n,slotCode:t}=e,[s,i]=(0,l.useState)();return(0,a.jsxs)(c.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(c.f,{className:"code",spacing:"small",children:t})]})]})]})},r=e=>{let{variants:n,componentName:t}=e,s=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let t=window.location.href.split("?")[0],a="?page=".concat(e.name.toLowerCase());return n?"".concat(t.split("components")[0],"/components/").concat(n).concat(a):"".concat(t).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(c.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(c.vB,{content:"external",target:"_blank",href:s(e,t),children:e.name})}),(0,a.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:t,subComponent:c,isSubComponent:x,componentName:d}=e,[p,h]=(0,l.useState)(),j=(0,s.useRouter)();return(0,l.useEffect)(()=>{if(j.query){var e;let n=null===(e=j.query.page)||void 0===e?void 0:e.toString();n&&h(t.find(e=>e.name.toLowerCase()===n))}},[j]),(0,a.jsxs)(a.Fragment,{children:[p&&(0,a.jsx)("div",{children:(0,a.jsx)(o,{...p})}),!p&&!x&&(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:n}),(0,a.jsx)(r,{variants:t,componentName:d})]}),c]}),!p&&x&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:n}),(0,a.jsx)(r,{variants:t,componentName:d})]})]})}},14139:function(e,n,t){t.r(n);var a=t(52322),s=t(2784),l=t(9513),i=t(33878),c=t(95696),o=t(79041),r=t(16909),x=t(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},40837:function(e,n,t){t.r(n);var a=t(52322),s=t(2784),l=t(9513),i=t(33878),c=t(95696),o=t(79041),r=t(16909),x=t(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},6514:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/77526-d939786adb91eefc.js b/review/main/_next/static/chunks/77526-d939786adb91eefc.js new file mode 100644 index 00000000000..092c0fe4b3b --- /dev/null +++ b/review/main/_next/static/chunks/77526-d939786adb91eefc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77526],{37395:function(e,n,a){a.d(n,{P:function(){return l}});let l=(e,n,a)=>e.map((e,l)=>{var i;return{...e,slotCode:null!==(i=null==a?void 0:a.at(l))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var a,l,i,s;return{...e,example:n({...e.props,id:null!==(i=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==i?i:e.name,children:null!==(s=null===(l=e.props)||void 0===l?void 0:l.children)&&void 0!==s?s:e.name})}})}})},99341:function(e,n,a){var l=a(52322),i=a(5632),s=a(2784),r=a(11803),t=a(86095);let c=e=>{let{examples:n,slotCode:a}=e,[i,r]=(0,s.useState)();return(0,l.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,l.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,l.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,l.jsxs)("details",{className:"code-details",onToggle:()=>{r(!i)},children:[(0,l.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,l.jsxs)("div",{className:"db-ui-functional",children:[(0,l.jsx)("div",{className:"backdrop"}),(0,l.jsx)(t.f,{className:"code",spacing:"small",children:a})]})]})]})},d=e=>{let{variants:n,componentName:a}=e,i=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],l="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(l):"".concat(a).concat(l)};return(0,l.jsx)(l.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,l.jsxs)("div",{children:[(0,l.jsx)(t.oH,{}),(0,l.jsx)("h2",{children:(0,l.jsx)(t.vB,{content:"external",target:"_blank",href:i(e,a),children:e.name})}),(0,l.jsx)(c,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:t,isSubComponent:o,componentName:x}=e,[h,j]=(0,s.useState)(),p=(0,i.useRouter)();return(0,s.useEffect)(()=>{if(p.query){var e;let n=null===(e=p.query.page)||void 0===e?void 0:e.toString();n&&j(a.find(e=>e.name.toLowerCase()===n))}},[p]),(0,l.jsxs)(l.Fragment,{children:[h&&(0,l.jsx)("div",{children:(0,l.jsx)(c,{...h})}),!h&&!o&&(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h1",{children:n}),(0,l.jsx)(d,{variants:a,componentName:x})]}),t]}),!h&&o&&(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h2",{children:n}),(0,l.jsx)(d,{variants:a,componentName:x})]})]})}},6130:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),s=a(9513),r=a(33878),t=a(95696),c=a(79041),d=a(16909),o=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Internal\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Internal\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]})]})})]})}},70534:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),s=a(9513),r=a(33878),t=a(95696),c=a(79041),d=a(16909),o=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},75974:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),s=a(9513),r=a(33878),t=a(95696),c=a(79041),d=a(16909),o=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]})]})})]})}},80922:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),s=a(9513),r=a(33878),t=a(95696),c=a(79041),d=a(16909),o=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Medium\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Medium\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},46996:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),s=a(9513),r=a(33878),t=a(95696),c=a(79041),d=a(16909),o=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},18965:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"href":"#"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"href":"#"}},{"name":"Expressive","className":"db-ui-expressive","props":{"href":"#"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Brand","props":{"href":"#","variant":"primary"}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"href":"#"}},{"name":"Disabled","props":{"href":"#","disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"href":"#"}},{"name":"Small","props":{"href":"#","size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Internal","props":{"href":"#"}},{"name":"External","props":{"href":"#","content":"external"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/77526-d9823f80eb8c931c.js b/review/main/_next/static/chunks/77526-d9823f80eb8c931c.js deleted file mode 100644 index 8b419614f44..00000000000 --- a/review/main/_next/static/chunks/77526-d9823f80eb8c931c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77526],{37395:function(e,n,a){a.d(n,{P:function(){return l}});let l=(e,n,a)=>e.map((e,l)=>{var i;return{...e,slotCode:null!==(i=null==a?void 0:a.at(l))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var a,l,i,s;return{...e,example:n({...e.props,id:null!==(i=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==i?i:e.name,children:null!==(s=null===(l=e.props)||void 0===l?void 0:l.children)&&void 0!==s?s:e.name})}})}})},99341:function(e,n,a){var l=a(52322),i=a(5632),s=a(2784),r=a(11803),t=a(86095);let c=e=>{let{examples:n,slotCode:a}=e,[i,r]=(0,s.useState)();return(0,l.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,l.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,l.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,l.jsxs)("details",{className:"code-details",onToggle:()=>{r(!i)},children:[(0,l.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,l.jsxs)("div",{className:"db-ui-functional",children:[(0,l.jsx)("div",{className:"backdrop"}),(0,l.jsx)(t.f,{className:"code",spacing:"small",children:a})]})]})]})};n.Z=e=>{let{title:n,variants:a}=e,[d,o]=(0,s.useState)(),x=(0,i.useRouter)();(0,s.useEffect)(()=>{if(x.query){var e;let n=null===(e=x.query.page)||void 0===e?void 0:e.toString();n&&o(a.find(e=>e.name.toLowerCase()===n))}},[x]);let h=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,l.jsxs)(l.Fragment,{children:[d&&(0,l.jsx)("div",{children:(0,l.jsx)(c,{...d})}),!d&&(0,l.jsx)(r.Z,{children:(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h1",{children:n}),null==a?void 0:a.map((e,n)=>(0,l.jsxs)("div",{children:[(0,l.jsx)(t.oH,{}),(0,l.jsx)("h2",{children:(0,l.jsx)(t.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,l.jsx)(c,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},6130:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),s=a(9513),r=a(33878),t=a(95696),c=a(79041),d=a(16909),o=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Internal\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Internal\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]})]})})]})}},70534:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),s=a(9513),r=a(33878),t=a(95696),c=a(79041),d=a(16909),o=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},75974:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),s=a(9513),r=a(33878),t=a(95696),c=a(79041),d=a(16909),o=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]})]})})]})}},80922:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),s=a(9513),r=a(33878),t=a(95696),c=a(79041),d=a(16909),o=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Medium\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Medium\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},46996:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),s=a(9513),r=a(33878),t=a(95696),c=a(79041),d=a(16909),o=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},18965:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"href":"#"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"href":"#"}},{"name":"Expressive","className":"db-ui-expressive","props":{"href":"#"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Brand","props":{"href":"#","variant":"primary"}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"href":"#"}},{"name":"Disabled","props":{"href":"#","disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"href":"#"}},{"name":"Small","props":{"href":"#","size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Internal","props":{"href":"#"}},{"name":"External","props":{"href":"#","content":"external"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/80269-8297fc51664f9491.js b/review/main/_next/static/chunks/80269-8297fc51664f9491.js deleted file mode 100644 index bb97a623cb7..00000000000 --- a/review/main/_next/static/chunks/80269-8297fc51664f9491.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80269],{37395:function(e,i,a){a.d(i,{P:function(){return r}});let r=(e,i,a)=>e.map((e,r)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(r))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,r,s,n;return{...e,example:i({...e.props,id:null!==(s=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==s?s:e.name,children:null!==(n=null===(r=e.props)||void 0===r?void 0:r.children)&&void 0!==n?n:e.name})}})}})},99341:function(e,i,a){var r=a(52322),s=a(5632),n=a(2784),d=a(11803),l=a(86095);let c=e=>{let{examples:i,slotCode:a}=e,[s,d]=(0,n.useState)();return(0,r.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,r.jsx)("div",{className:"variants-list",children:i.map((e,i)=>(0,r.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(i)))}),(0,r.jsxs)("details",{className:"code-details",onToggle:()=>{d(!s)},children:[(0,r.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,r.jsxs)("div",{className:"db-ui-functional",children:[(0,r.jsx)("div",{className:"backdrop"}),(0,r.jsx)(l.f,{className:"code",spacing:"small",children:a})]})]})]})};i.Z=e=>{let{title:i,variants:a}=e,[t,o]=(0,n.useState)(),x=(0,s.useRouter)();(0,n.useEffect)(()=>{if(x.query){var e;let i=null===(e=x.query.page)||void 0===e?void 0:e.toString();i&&o(a.find(e=>e.name.toLowerCase()===i))}},[x]);let v=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,r.jsxs)(r.Fragment,{children:[t&&(0,r.jsx)("div",{children:(0,r.jsx)(c,{...t})}),!t&&(0,r.jsx)(d.Z,{children:(0,r.jsxs)("div",{className:"default-container",children:[(0,r.jsx)("h1",{children:i}),null==a?void 0:a.map((e,i)=>(0,r.jsxs)("div",{children:[(0,r.jsx)(l.oH,{}),(0,r.jsx)("h2",{children:(0,r.jsx)(l.vB,{content:"external",target:"_blank",href:v(e),children:e.name})}),(0,r.jsx)(c,{...e})]},"".concat(e.name,"-").concat(i)))]})})]})}},90038:function(e,i,a){a.r(i);var r=a(52322),s=a(2784),n=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.Z,{className:"tab-container",children:(0,r.jsxs)(d.Z,{children:[(0,r.jsxs)(l.Z,{children:[(0,r.jsx)(c.Z,{children:"Angular"}),(0,r.jsx)(c.Z,{children:"HTML"}),(0,r.jsx)(c.Z,{children:"React"}),(0,r.jsx)(c.Z,{children:"Vue"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,r.jsx)(n.Z,{className:"tab-container",children:(0,r.jsxs)(d.Z,{children:[(0,r.jsxs)(l.Z,{children:[(0,r.jsx)(c.Z,{children:"Angular"}),(0,r.jsx)(c.Z,{children:"HTML"}),(0,r.jsx)(c.Z,{children:"React"}),(0,r.jsx)(c.Z,{children:"Vue"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},29137:function(e,i,a){a.r(i);var r=a(52322),s=a(2784),n=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.Z,{className:"tab-container",children:(0,r.jsxs)(d.Z,{children:[(0,r.jsxs)(l.Z,{children:[(0,r.jsx)(c.Z,{children:"Angular"}),(0,r.jsx)(c.Z,{children:"HTML"}),(0,r.jsx)(c.Z,{children:"React"}),(0,r.jsx)(c.Z,{children:"Vue"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,r.jsx)(n.Z,{className:"tab-container",children:(0,r.jsxs)(d.Z,{children:[(0,r.jsxs)(l.Z,{children:[(0,r.jsx)(c.Z,{children:"Angular"}),(0,r.jsx)(c.Z,{children:"HTML"}),(0,r.jsx)(c.Z,{children:"React"}),(0,r.jsx)(c.Z,{children:"Vue"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,r.jsx)(n.Z,{className:"tab-container",children:(0,r.jsxs)(d.Z,{children:[(0,r.jsxs)(l.Z,{children:[(0,r.jsx)(c.Z,{children:"Angular"}),(0,r.jsx)(c.Z,{children:"HTML"}),(0,r.jsx)(c.Z,{children:"React"}),(0,r.jsx)(c.Z,{children:"Vue"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},71693:function(e,i,a){a.r(i);var r=a(52322),s=a(2784),n=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.Z,{className:"tab-container",children:(0,r.jsxs)(d.Z,{children:[(0,r.jsxs)(l.Z,{children:[(0,r.jsx)(c.Z,{children:"Angular"}),(0,r.jsx)(c.Z,{children:"HTML"}),(0,r.jsx)(c.Z,{children:"React"}),(0,r.jsx)(c.Z,{children:"Vue"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive - Horizontal"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]})]})}),(0,r.jsx)(n.Z,{className:"tab-container",children:(0,r.jsxs)(d.Z,{children:[(0,r.jsxs)(l.Z,{children:[(0,r.jsx)(c.Z,{children:"Angular"}),(0,r.jsx)(c.Z,{children:"HTML"}),(0,r.jsx)(c.Z,{children:"React"}),(0,r.jsx)(c.Z,{children:"Vue"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:'Adaptive - Vertical'})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]}),(0,r.jsxs)(t.Z,{children:[(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,r.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]})]})})]})}},55491:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","style":{"width":"200px"},"className":"db-ui-functional","props":{}},{"name":"(Default) Regular","style":{"width":"200px"},"className":"db-ui-regular","props":{}},{"name":"Expressive","style":{"width":"200px"},"className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"props":{}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"props":{}},{"name":"Strong","style":{"width":"200px"},"props":{"emphasis":"strong"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/80269-829a1b356ea6fe11.js b/review/main/_next/static/chunks/80269-829a1b356ea6fe11.js new file mode 100644 index 00000000000..7a4567766b2 --- /dev/null +++ b/review/main/_next/static/chunks/80269-829a1b356ea6fe11.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80269],{37395:function(e,i,a){a.d(i,{P:function(){return n}});let n=(e,i,a)=>e.map((e,n)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(n))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,n,s,r;return{...e,example:i({...e.props,id:null!==(s=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==s?s:e.name,children:null!==(r=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==r?r:e.name})}})}})},99341:function(e,i,a){var n=a(52322),s=a(5632),r=a(2784),d=a(11803),l=a(86095);let c=e=>{let{examples:i,slotCode:a}=e,[s,d]=(0,r.useState)();return(0,n.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:i.map((e,i)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(i)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{d(!s)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(l.f,{className:"code",spacing:"small",children:a})]})]})]})},t=e=>{let{variants:i,componentName:a}=e,s=(e,i)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return i?"".concat(a.split("components")[0],"/components/").concat(i).concat(n):"".concat(a).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==i?void 0:i.map((e,i)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(l.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(l.vB,{content:"external",target:"_blank",href:s(e,a),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(i)))})};i.Z=e=>{let{title:i,variants:a,subComponent:l,isSubComponent:o,componentName:x}=e,[v,h]=(0,r.useState)(),p=(0,s.useRouter)();return(0,r.useEffect)(()=>{if(p.query){var e;let i=null===(e=p.query.page)||void 0===e?void 0:e.toString();i&&h(a.find(e=>e.name.toLowerCase()===i))}},[p]),(0,n.jsxs)(n.Fragment,{children:[v&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...v})}),!v&&!o&&(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:i}),(0,n.jsx)(t,{variants:a,componentName:x})]}),l]}),!v&&o&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:i}),(0,n.jsx)(t,{variants:a,componentName:x})]})]})}},90038:function(e,i,a){a.r(i);var n=a(52322),s=a(2784),r=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},29137:function(e,i,a){a.r(i);var n=a(52322),s=a(2784),r=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},71693:function(e,i,a){a.r(i);var n=a(52322),s=a(2784),r=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive - Horizontal"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Adaptive - Vertical'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]})]})})]})}},55491:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","style":{"width":"200px"},"className":"db-ui-functional","props":{}},{"name":"(Default) Regular","style":{"width":"200px"},"className":"db-ui-regular","props":{}},{"name":"Expressive","style":{"width":"200px"},"className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"props":{}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"props":{}},{"name":"Strong","style":{"width":"200px"},"props":{"emphasis":"strong"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/81228-e903bee8e0a1388c.js b/review/main/_next/static/chunks/81228-e903bee8e0a1388c.js new file mode 100644 index 00000000000..0f1e31691c5 --- /dev/null +++ b/review/main/_next/static/chunks/81228-e903bee8e0a1388c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[81228],{3170:function(t,n,e){e.r(n);var o=e(52322),c=e(28651),i=e(88228),d=e(99746),r=e(86095),a=e(99341),l=e(19371),m=e(37395);let s=t=>{let{children:n,disabled:e,open:c,title:i}=t;return(0,o.jsx)(r.kC,{title:i,disabled:e,defaultOpen:c,children:n})};n.default=t=>(0,o.jsx)(a.Z,{title:"DBAccordionItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:(0,m.P)(l,s,[(0,o.jsx)(c.default,{}),(0,o.jsx)(i.default,{}),(0,o.jsx)(d.default,{})])})},97292:function(t,n,e){e.r(n);var o=e(52322),c=e(2784),i=e(9513),d=e(33878),r=e(95696),a=e(79041),l=e(16909),m=e(16134);n.default=()=>{let[t,n]=(0,c.useState)();return(0,c.useEffect)(()=>{t&&setTimeout(()=>n(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})}),(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})})]})}},70307:function(t,n,e){e.r(n);var o=e(52322),c=e(2784),i=e(9513),d=e(33878),r=e(95696),a=e(79041),l=e(16909),m=e(16134);n.default=()=>{let[t,n]=(0,c.useState)();return(0,c.useEffect)(()=>{t&&setTimeout(()=>n(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})}),(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})})]})}},7716:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Variant","examples":[{"name":"background (default)","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"card","props":{"variant":"card"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Single","props":{"behaviour":"single"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/82991-120b420ecbf8ccce.js b/review/main/_next/static/chunks/82991-120b420ecbf8ccce.js new file mode 100644 index 00000000000..c583bde0cfa --- /dev/null +++ b/review/main/_next/static/chunks/82991-120b420ecbf8ccce.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82991],{37395:function(t,o,n){n.d(o,{P:function(){return i}});let i=(t,o,n)=>t.map((t,i)=>{var e;return{...t,slotCode:null!==(e=null==n?void 0:n.at(i))&&void 0!==e?e:"No code available",examples:t.examples.map(t=>{var n,i,e,l;return{...t,example:o({...t.props,id:null!==(e=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==e?e:t.name,children:null!==(l=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==l?l:t.name})}})}})},99341:function(t,o,n){var i=n(52322),e=n(5632),l=n(2784),a=n(11803),s=n(86095);let c=t=>{let{examples:o,slotCode:n}=t,[e,a]=(0,l.useState)();return(0,i.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:o.map((t,o)=>(0,i.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(o)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{a(!e)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:e?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(s.f,{className:"code",spacing:"small",children:n})]})]})]})},r=t=>{let{variants:o,componentName:n}=t,e=(t,o)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],i="?page=".concat(t.name.toLowerCase());return o?"".concat(n.split("components")[0],"/components/").concat(o).concat(i):"".concat(n).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==o?void 0:o.map((t,o)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(s.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(s.vB,{content:"external",target:"_blank",href:e(t,n),children:t.name})}),(0,i.jsx)(c,{...t})]},"".concat(t.name,"-").concat(o)))})};o.Z=t=>{let{title:o,variants:n,subComponent:s,isSubComponent:d,componentName:p}=t,[x,h]=(0,l.useState)(),j=(0,e.useRouter)();return(0,l.useEffect)(()=>{if(j.query){var t;let o=null===(t=j.query.page)||void 0===t?void 0:t.toString();o&&h(n.find(t=>t.name.toLowerCase()===o))}},[j]),(0,i.jsxs)(i.Fragment,{children:[x&&(0,i.jsx)("div",{children:(0,i.jsx)(c,{...x})}),!x&&!d&&(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:o}),(0,i.jsx)(r,{variants:n,componentName:p})]}),s]}),!x&&d&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:o}),(0,i.jsx)(r,{variants:n,componentName:p})]})]})}},4575:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),d=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n (Default) Weak\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n Strong\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]})]})})]})}},12283:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),d=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n Functional\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n (Default) Regular\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n Expressive\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]})]})})]})}},97794:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),d=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n (Default) With arrow\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n Basic\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]})]})})]})}},33010:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),d=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n (Default) Auto\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n Fixed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]})]})})]})}},10171:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","className":"db-ui-expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","examples":[{"name":"bottom-start","props":{"content":"Tooltip","placement":"bottom-start","id":"tooltip-08-start"}},{"name":"(Default) bottom","props":{"content":"Tooltip","placement":"bottom","id":"tooltip-08"}},{"name":"bottom-end","props":{"content":"Tooltip","placement":"bottom-end","id":"tooltip-08-end"}},{"name":"left-start","props":{"content":"Tooltip","placement":"left-start","id":"tooltip-10-start"}},{"name":"left","props":{"content":"Tooltip","placement":"left","id":"tooltip-10"}},{"name":"left-end","props":{"content":"Tooltip","placement":"left-end","id":"tooltip-10-end"}},{"name":"right-start","props":{"content":"Tooltip","placement":"right-start","id":"tooltip-11-start"}},{"name":"right","props":{"content":"Tooltip","placement":"right","id":"tooltip-11"}},{"name":"right-end","props":{"content":"Tooltip","placement":"right-end","id":"tooltip-11-end"}},{"name":"top-start","props":{"content":"Tooltip","placement":"top-start","id":"tooltip-09-start"}},{"name":"top","props":{"content":"Tooltip","placement":"top","id":"tooltip-09"}},{"name":"top-end","props":{"content":"Tooltip","placement":"top-end","id":"tooltip-09-end"}}]},{"name":"Width","examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"tooltip-12"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"tooltip-13"}}]},{"name":"Animations","examples":[{"name":"(Default) Animation no delay","props":{"content":"Tooltip","id":"tooltip-14"}},{"name":"Delay slow","props":{"content":"Tooltip","delay":"slow","id":"tooltip-15"}},{"name":"Delay fast","props":{"content":"Tooltip","delay":"fast","id":"tooltip-16"}},{"name":"No animation","props":{"content":"Tooltip","animation":"disabled","id":"tooltip-17"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/82991-d7f2cc40c352bb99.js b/review/main/_next/static/chunks/82991-d7f2cc40c352bb99.js deleted file mode 100644 index 8da59776338..00000000000 --- a/review/main/_next/static/chunks/82991-d7f2cc40c352bb99.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82991],{37395:function(t,o,n){n.d(o,{P:function(){return i}});let i=(t,o,n)=>t.map((t,i)=>{var e;return{...t,slotCode:null!==(e=null==n?void 0:n.at(i))&&void 0!==e?e:"No code available",examples:t.examples.map(t=>{var n,i,e,l;return{...t,example:o({...t.props,id:null!==(e=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==e?e:t.name,children:null!==(l=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==l?l:t.name})}})}})},99341:function(t,o,n){var i=n(52322),e=n(5632),l=n(2784),a=n(11803),s=n(86095);let c=t=>{let{examples:o,slotCode:n}=t,[e,a]=(0,l.useState)();return(0,i.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:o.map((t,o)=>(0,i.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(o)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{a(!e)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:e?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(s.f,{className:"code",spacing:"small",children:n})]})]})]})};o.Z=t=>{let{title:o,variants:n}=t,[r,d]=(0,l.useState)(),p=(0,e.useRouter)();(0,l.useEffect)(()=>{if(p.query){var t;let o=null===(t=p.query.page)||void 0===t?void 0:t.toString();o&&d(n.find(t=>t.name.toLowerCase()===o))}},[p]);let x=t=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(t.name.toLowerCase()):"";return(0,i.jsxs)(i.Fragment,{children:[r&&(0,i.jsx)("div",{children:(0,i.jsx)(c,{...r})}),!r&&(0,i.jsx)(a.Z,{children:(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:o}),null==n?void 0:n.map((t,o)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(s.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(s.vB,{content:"external",target:"_blank",href:x(t),children:t.name})}),(0,i.jsx)(c,{...t})]},"".concat(t.name,"-").concat(o)))]})})]})}},4575:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),d=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n (Default) Weak\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n Strong\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]})]})})]})}},12283:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),d=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n Functional\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n (Default) Regular\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n Expressive\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]})]})})]})}},97794:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),d=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n (Default) With arrow\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n Basic\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]})]})})]})}},33010:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),d=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n (Default) Auto\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.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:'\n Fixed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]})]})})]})}},10171:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","className":"db-ui-expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","examples":[{"name":"bottom-start","props":{"content":"Tooltip","placement":"bottom-start","id":"tooltip-08-start"}},{"name":"(Default) bottom","props":{"content":"Tooltip","placement":"bottom","id":"tooltip-08"}},{"name":"bottom-end","props":{"content":"Tooltip","placement":"bottom-end","id":"tooltip-08-end"}},{"name":"left-start","props":{"content":"Tooltip","placement":"left-start","id":"tooltip-10-start"}},{"name":"left","props":{"content":"Tooltip","placement":"left","id":"tooltip-10"}},{"name":"left-end","props":{"content":"Tooltip","placement":"left-end","id":"tooltip-10-end"}},{"name":"right-start","props":{"content":"Tooltip","placement":"right-start","id":"tooltip-11-start"}},{"name":"right","props":{"content":"Tooltip","placement":"right","id":"tooltip-11"}},{"name":"right-end","props":{"content":"Tooltip","placement":"right-end","id":"tooltip-11-end"}},{"name":"top-start","props":{"content":"Tooltip","placement":"top-start","id":"tooltip-09-start"}},{"name":"top","props":{"content":"Tooltip","placement":"top","id":"tooltip-09"}},{"name":"top-end","props":{"content":"Tooltip","placement":"top-end","id":"tooltip-09-end"}}]},{"name":"Width","examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"tooltip-12"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"tooltip-13"}}]},{"name":"Animations","examples":[{"name":"(Default) Animation no delay","props":{"content":"Tooltip","id":"tooltip-14"}},{"name":"Delay slow","props":{"content":"Tooltip","delay":"slow","id":"tooltip-15"}},{"name":"Delay fast","props":{"content":"Tooltip","delay":"fast","id":"tooltip-16"}},{"name":"No animation","props":{"content":"Tooltip","animation":"disabled","id":"tooltip-17"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/83175-92f3811311e3f2b7.js b/review/main/_next/static/chunks/83175-92f3811311e3f2b7.js deleted file mode 100644 index 64b1b467783..00000000000 --- a/review/main/_next/static/chunks/83175-92f3811311e3f2b7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83175],{37395:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(c))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,c,s,l;return{...e,example:n({...e.props,id:null!==(s=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==s?s:e.name,children:null!==(l=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==l?l:e.name})}})}})},99341:function(e,n,a){var c=a(52322),s=a(5632),l=a(2784),i=a(11803),o=a(86095);let r=e=>{let{examples:n,slotCode:a}=e,[s,i]=(0,l.useState)();return(0,c.jsxs)(o.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(o.f,{className:"code",spacing:"small",children:a})]})]})]})};n.Z=e=>{let{title:n,variants:a}=e,[t,d]=(0,l.useState)(),x=(0,s.useRouter)();(0,l.useEffect)(()=>{if(x.query){var e;let n=null===(e=x.query.page)||void 0===e?void 0:e.toString();n&&d(a.find(e=>e.name.toLowerCase()===n))}},[x]);let h=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,c.jsxs)(c.Fragment,{children:[t&&(0,c.jsx)("div",{children:(0,c.jsx)(r,{...t})}),!t&&(0,c.jsx)(i.Z,{children:(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),null==a?void 0:a.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(o.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(o.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,c.jsx)(r,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},85424:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),l=a(9513),i=a(33878),o=a(95696),r=a(79041),t=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},42302:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/83175-974db8e1ac1478e7.js b/review/main/_next/static/chunks/83175-974db8e1ac1478e7.js new file mode 100644 index 00000000000..cc989a47cc9 --- /dev/null +++ b/review/main/_next/static/chunks/83175-974db8e1ac1478e7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83175],{37395:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(c))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,c,s,l;return{...e,example:n({...e.props,id:null!==(s=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==s?s:e.name,children:null!==(l=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==l?l:e.name})}})}})},99341:function(e,n,a){var c=a(52322),s=a(5632),l=a(2784),i=a(11803),o=a(86095);let r=e=>{let{examples:n,slotCode:a}=e,[s,i]=(0,l.useState)();return(0,c.jsxs)(o.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(o.f,{className:"code",spacing:"small",children:a})]})]})]})},t=e=>{let{variants:n,componentName:a}=e,s=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(c):"".concat(a).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(o.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(o.vB,{content:"external",target:"_blank",href:s(e,a),children:e.name})}),(0,c.jsx)(r,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:o,isSubComponent:d,componentName:x}=e,[h,p]=(0,l.useState)(),u=(0,s.useRouter)();return(0,l.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();n&&p(a.find(e=>e.name.toLowerCase()===n))}},[u]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(r,{...h})}),!h&&!d&&(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(t,{variants:a,componentName:x})]}),o]}),!h&&d&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(t,{variants:a,componentName:x})]})]})}},85424:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),l=a(9513),i=a(33878),o=a(95696),r=a(79041),t=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},42302:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/86747-1fe87ac4c1991b89.js b/review/main/_next/static/chunks/86747-1fe87ac4c1991b89.js deleted file mode 100644 index d2359d9aeba..00000000000 --- a/review/main/_next/static/chunks/86747-1fe87ac4c1991b89.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86747],{37395:function(t,n,a){a.d(n,{P:function(){return i}});let i=(t,n,a)=>t.map((t,i)=>{var e;return{...t,slotCode:null!==(e=null==a?void 0:a.at(i))&&void 0!==e?e:"No code available",examples:t.examples.map(t=>{var a,i,e,o;return{...t,example:n({...t.props,id:null!==(e=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==e?e:t.name,children:null!==(o=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==o?o:t.name})}})}})},99341:function(t,n,a){var i=a(52322),e=a(5632),o=a(2784),v=a(11803),m=a(86095);let g=t=>{let{examples:n,slotCode:a}=t,[e,v]=(0,o.useState)();return(0,i.jsxs)(m.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,i.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{v(!e)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:e?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(m.f,{className:"code",spacing:"small",children:a})]})]})]})};n.Z=t=>{let{title:n,variants:a}=t,[r,b]=(0,o.useState)(),u=(0,e.useRouter)();(0,o.useEffect)(()=>{if(u.query){var t;let n=null===(t=u.query.page)||void 0===t?void 0:t.toString();n&&b(a.find(t=>t.name.toLowerCase()===n))}},[u]);let c=t=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(t.name.toLowerCase()):"";return(0,i.jsxs)(i.Fragment,{children:[r&&(0,i.jsx)("div",{children:(0,i.jsx)(g,{...r})}),!r&&(0,i.jsx)(v.Z,{children:(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:n}),null==a?void 0:a.map((t,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(m.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(m.vB,{content:"external",target:"_blank",href:c(t),children:t.name})}),(0,i.jsx)(g,{...t})]},"".concat(t.name,"-").concat(n)))]})})]})}},62698:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/86747-a7ea53c7fa4a8c17.js b/review/main/_next/static/chunks/86747-a7ea53c7fa4a8c17.js new file mode 100644 index 00000000000..2cfc63fbba6 --- /dev/null +++ b/review/main/_next/static/chunks/86747-a7ea53c7fa4a8c17.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86747],{37395:function(t,n,a){a.d(n,{P:function(){return i}});let i=(t,n,a)=>t.map((t,i)=>{var e;return{...t,slotCode:null!==(e=null==a?void 0:a.at(i))&&void 0!==e?e:"No code available",examples:t.examples.map(t=>{var a,i,e,o;return{...t,example:n({...t.props,id:null!==(e=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==e?e:t.name,children:null!==(o=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==o?o:t.name})}})}})},99341:function(t,n,a){var i=a(52322),e=a(5632),o=a(2784),v=a(11803),m=a(86095);let g=t=>{let{examples:n,slotCode:a}=t,[e,v]=(0,o.useState)();return(0,i.jsxs)(m.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,i.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{v(!e)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:e?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(m.f,{className:"code",spacing:"small",children:a})]})]})]})},r=t=>{let{variants:n,componentName:a}=t,e=(t,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],i="?page=".concat(t.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(i):"".concat(a).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==n?void 0:n.map((t,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(m.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(m.vB,{content:"external",target:"_blank",href:e(t,a),children:t.name})}),(0,i.jsx)(g,{...t})]},"".concat(t.name,"-").concat(n)))})};n.Z=t=>{let{title:n,variants:a,subComponent:m,isSubComponent:c,componentName:b}=t,[u,s]=(0,o.useState)(),N=(0,e.useRouter)();return(0,o.useEffect)(()=>{if(N.query){var t;let n=null===(t=N.query.page)||void 0===t?void 0:t.toString();n&&s(a.find(t=>t.name.toLowerCase()===n))}},[N]),(0,i.jsxs)(i.Fragment,{children:[u&&(0,i.jsx)("div",{children:(0,i.jsx)(g,{...u})}),!u&&!c&&(0,i.jsxs)(v.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:n}),(0,i.jsx)(r,{variants:a,componentName:b})]}),m]}),!u&&c&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:n}),(0,i.jsx)(r,{variants:a,componentName:b})]})]})}},62698:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/88478-4f82945ba9117d57.js b/review/main/_next/static/chunks/88478-4f82945ba9117d57.js new file mode 100644 index 00000000000..c5e28ab17ad --- /dev/null +++ b/review/main/_next/static/chunks/88478-4f82945ba9117d57.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88478],{37395:function(e,l,a){a.d(l,{P:function(){return n}});let n=(e,l,a)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==a?void 0:a.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var a,n,t,i;return{...e,example:l({...e.props,id:null!==(t=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==t?t:e.name,children:null!==(i=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,l,a){var n=a(52322),t=a(5632),i=a(2784),o=a(11803),s=a(86095);let c=e=>{let{examples:l,slotCode:a}=e,[t,o]=(0,i.useState)();return(0,n.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:l.map((e,l)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(l)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{o(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(s.f,{className:"code",spacing:"small",children:a})]})]})]})},p=e=>{let{variants:l,componentName:a}=e,t=(e,l)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return l?"".concat(a.split("components")[0],"/components/").concat(l).concat(n):"".concat(a).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==l?void 0:l.map((e,l)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(s.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(s.vB,{content:"external",target:"_blank",href:t(e,a),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(l)))})};l.Z=e=>{let{title:l,variants:a,subComponent:s,isSubComponent:d,componentName:r}=e,[x,u]=(0,i.useState)(),b=(0,t.useRouter)();return(0,i.useEffect)(()=>{if(b.query){var e;let l=null===(e=b.query.page)||void 0===e?void 0:e.toString();l&&u(a.find(e=>e.name.toLowerCase()===l))}},[b]),(0,n.jsxs)(n.Fragment,{children:[x&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...x})}),!x&&!d&&(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:l}),(0,n.jsx)(p,{variants:a,componentName:r})]}),s]}),!x&&d&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:l}),(0,n.jsx)(p,{variants:a,componentName:r})]})]})}},7825:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Text\n \n Label\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Text\n \n Label\n
    ')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Text - Leading Icon"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n
    ')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Text - Leading Icon"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy"})]})]})})]})}},77414:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Basic"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Basic")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Basic\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Basic\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Basic"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Basic")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Helper Message"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Helper Message")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Helper Message"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Helper Message")},children:"Copy"})]})]})})]})}},59657:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Label Above"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Label Above\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Label Above\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Label Above"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Floating Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Floating Label")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Floating Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Floating Label")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Hidden Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Hidden Label")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Hidden Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Hidden Label")},children:"Copy"})]})]})})]})}},28213:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Floating Label","style":{"width":"300px"},"props":{"options":[{"value":"Floating Label"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Helper Message","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}},{"name":"Critical","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled"},{"value":"Option 2"}],"label":"Label","disabled":true,"labelVariant":"floating","value":"Disabled"}}]},{"name":"Content","examples":[{"name":"(Default) Text","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Text - Leading Icon","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","icon":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Required","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}},{"name":"Required - Filled","style":{"width":"300px"},"props":{"options":[{"value":"Required - Filled"},{"value":"Option 2"}],"label":"Label","value":"Required - Filled","required":true}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/88478-6b343e95ffde3dae.js b/review/main/_next/static/chunks/88478-6b343e95ffde3dae.js deleted file mode 100644 index d124dde9d0b..00000000000 --- a/review/main/_next/static/chunks/88478-6b343e95ffde3dae.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88478],{37395:function(e,l,a){a.d(l,{P:function(){return n}});let n=(e,l,a)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==a?void 0:a.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var a,n,t,i;return{...e,example:l({...e.props,id:null!==(t=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==t?t:e.name,children:null!==(i=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,l,a){var n=a(52322),t=a(5632),i=a(2784),o=a(11803),s=a(86095);let c=e=>{let{examples:l,slotCode:a}=e,[t,o]=(0,i.useState)();return(0,n.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:l.map((e,l)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(l)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{o(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(s.f,{className:"code",spacing:"small",children:a})]})]})]})};l.Z=e=>{let{title:l,variants:a}=e,[p,d]=(0,i.useState)(),r=(0,t.useRouter)();(0,i.useEffect)(()=>{if(r.query){var e;let l=null===(e=r.query.page)||void 0===e?void 0:e.toString();l&&d(a.find(e=>e.name.toLowerCase()===l))}},[r]);let x=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,n.jsxs)(n.Fragment,{children:[p&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...p})}),!p&&(0,n.jsx)(o.Z,{children:(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:l}),null==a?void 0:a.map((e,l)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(s.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(s.vB,{content:"external",target:"_blank",href:x(e),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(l)))]})})]})}},7825:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Text\n \n Label\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Text\n \n Label\n
    ')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Text - Leading Icon"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n
    ')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Text - Leading Icon"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy"})]})]})})]})}},77414:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Basic"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Basic")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Basic\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Basic\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Basic"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Basic")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Helper Message"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Helper Message")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Helper Message"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Helper Message")},children:"Copy"})]})]})})]})}},59657:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Label Above"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Label Above\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Label Above\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Label Above"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Floating Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Floating Label")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Floating Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Floating Label")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Hidden Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Hidden Label")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Hidden Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Hidden Label")},children:"Copy"})]})]})})]})}},28213:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Floating Label","style":{"width":"300px"},"props":{"options":[{"value":"Floating Label"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Helper Message","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}},{"name":"Critical","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled"},{"value":"Option 2"}],"label":"Label","disabled":true,"labelVariant":"floating","value":"Disabled"}}]},{"name":"Content","examples":[{"name":"(Default) Text","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Text - Leading Icon","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","icon":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Required","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}},{"name":"Required - Filled","style":{"width":"300px"},"props":{"options":[{"value":"Required - Filled"},{"value":"Option 2"}],"label":"Label","value":"Required - Filled","required":true}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/93085-03316605ade4a012.js b/review/main/_next/static/chunks/93085-03316605ade4a012.js deleted file mode 100644 index 01d991110b0..00000000000 --- a/review/main/_next/static/chunks/93085-03316605ade4a012.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93085],{37395:function(e,a,n){n.d(a,{P:function(){return s}});let s=(e,a,n)=>e.map((e,s)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(s))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,s,l,c;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(c=null===(s=e.props)||void 0===s?void 0:s.children)&&void 0!==c?c:e.name})}})}})},99341:function(e,a,n){var s=n(52322),l=n(5632),c=n(2784),r=n(11803),t=n(86095);let i=e=>{let{examples:a,slotCode:n}=e,[l,r]=(0,c.useState)();return(0,s.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})};a.Z=e=>{let{title:a,variants:n}=e,[o,d]=(0,c.useState)(),x=(0,l.useRouter)();(0,c.useEffect)(()=>{if(x.query){var e;let a=null===(e=x.query.page)||void 0===e?void 0:e.toString();a&&d(n.find(e=>e.name.toLowerCase()===a))}},[x]);let p=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,s.jsxs)(s.Fragment,{children:[o&&(0,s.jsx)("div",{children:(0,s.jsx)(i,{...o})}),!o&&(0,s.jsx)(r.Z,{children:(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(t.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(t.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,s.jsx)(i,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},39553:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Weak'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Weak')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},38624:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]})]})})})}},57654:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Small')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})})]})}},1391:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.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,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,s.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,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.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,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.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,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},9394:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Neutral","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"(Default) Small","props":{}},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","props":{"noContent":true}},{"name":"Dot - Medium","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Small","props":{"example":"icon"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]},{"name":"Placement","examples":[{"name":"(Default) Inline","props":{"placement":"inline"}},{"name":"Corner - Top - Left","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/93085-1db05321855e4427.js b/review/main/_next/static/chunks/93085-1db05321855e4427.js new file mode 100644 index 00000000000..89f08a6652a --- /dev/null +++ b/review/main/_next/static/chunks/93085-1db05321855e4427.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93085],{37395:function(e,a,n){n.d(a,{P:function(){return s}});let s=(e,a,n)=>e.map((e,s)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(s))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,s,l,c;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(c=null===(s=e.props)||void 0===s?void 0:s.children)&&void 0!==c?c:e.name})}})}})},99341:function(e,a,n){var s=n(52322),l=n(5632),c=n(2784),r=n(11803),t=n(86095);let i=e=>{let{examples:a,slotCode:n}=e,[l,r]=(0,c.useState)();return(0,s.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},o=e=>{let{variants:a,componentName:n}=e,l=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],s="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(s):"".concat(n).concat(s)};return(0,s.jsx)(s.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(t.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(t.vB,{content:"external",target:"_blank",href:l(e,n),children:e.name})}),(0,s.jsx)(i,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:t,isSubComponent:d,componentName:x}=e,[p,m]=(0,c.useState)(),h=(0,l.useRouter)();return(0,c.useEffect)(()=>{if(h.query){var e;let a=null===(e=h.query.page)||void 0===e?void 0:e.toString();a&&m(n.find(e=>e.name.toLowerCase()===a))}},[h]),(0,s.jsxs)(s.Fragment,{children:[p&&(0,s.jsx)("div",{children:(0,s.jsx)(i,{...p})}),!p&&!d&&(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:a}),(0,s.jsx)(o,{variants:n,componentName:x})]}),t]}),!p&&d&&(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h2",{children:a}),(0,s.jsx)(o,{variants:n,componentName:x})]})]})}},39553:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Weak'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Weak')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},38624:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]})]})})})}},57654:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Small')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})})]})}},1391:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.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,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,s.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,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.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,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.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,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},9394:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Neutral","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"(Default) Small","props":{}},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","props":{"noContent":true}},{"name":"Dot - Medium","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Small","props":{"example":"icon"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]},{"name":"Placement","examples":[{"name":"(Default) Inline","props":{"placement":"inline"}},{"name":"Corner - Top - Left","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/94218-474854664ce858d7.js b/review/main/_next/static/chunks/94218-474854664ce858d7.js deleted file mode 100644 index 9ee4fa78062..00000000000 --- a/review/main/_next/static/chunks/94218-474854664ce858d7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94218],{37395:function(e,n,c){c.d(n,{P:function(){return i}});let i=(e,n,c)=>e.map((e,i)=>{var t;return{...e,slotCode:null!==(t=null==c?void 0:c.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var c,i,t,a;return{...e,example:n({...e.props,id:null!==(t=null===(c=e.props)||void 0===c?void 0:c.id)&&void 0!==t?t:e.name,children:null!==(a=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==a?a:e.name})}})}})},99341:function(e,n,c){var i=c(52322),t=c(5632),a=c(2784),l=c(11803),o=c(86095);let s=e=>{let{examples:n,slotCode:c}=e,[t,l]=(0,a.useState)();return(0,i.jsxs)(o.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{l(!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)(o.f,{className:"code",spacing:"small",children:c})]})]})]})};n.Z=e=>{let{title:n,variants:c}=e,[r,d]=(0,a.useState)(),x=(0,t.useRouter)();(0,a.useEffect)(()=>{if(x.query){var e;let n=null===(e=x.query.page)||void 0===e?void 0:e.toString();n&&d(c.find(e=>e.name.toLowerCase()===n))}},[x]);let m=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,i.jsxs)(i.Fragment,{children:[r&&(0,i.jsx)("div",{children:(0,i.jsx)(s,{...r})}),!r&&(0,i.jsx)(l.Z,{children:(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:n}),null==c?void 0:c.map((e,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(o.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(o.vB,{content:"external",target:"_blank",href:m(e),children:e.name})}),(0,i.jsx)(s,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},99746:function(e,n,c){c.r(n);var i=c(52322),t=c(2784),a=c(9513),l=c(33878),o=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]})]})}),(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Open'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Open')},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Open\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Open'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Open')},children:"Copy"})]})]})})]})}},88228:function(e,n,c){c.r(n);var i=c(52322),t=c(2784),a=c(9513),l=c(33878),o=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]})]})}),(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},28651:function(e,n,c){c.r(n);var i=c(52322),t=c(2784),a=c(9513),l=c(33878),o=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.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:e?"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 Functional\n
    Functional
    \n
    '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n Functional\n
    Functional
    \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:e?"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:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    (Default) Regular
    \n
    '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n (Default) Regular\n
    (Default) Regular
    \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:e?"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:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.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:e?"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 Expressive\n
    Expressive
    \n
    '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n Expressive\n
    Expressive
    \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:e?"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:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},19371:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"title":"Functional"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"title":"(Default) Regular"}},{"name":"Expressive","className":"db-ui-expressive","props":{"title":"Expressive"}}]},{"name":"Interaction States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"title":"Enabled (Default)/Hover/Pressed"}},{"name":"Disabled","props":{"title":"Disabled","disabled":true}}]},{"name":"Content States","examples":[{"name":"(Default) Collapsed","props":{"title":"(Default) Collapsed"}},{"name":"Open","props":{"title":"Open","open":true}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/94218-d4e6a6e3e60f2caf.js b/review/main/_next/static/chunks/94218-d4e6a6e3e60f2caf.js new file mode 100644 index 00000000000..b0bb518305f --- /dev/null +++ b/review/main/_next/static/chunks/94218-d4e6a6e3e60f2caf.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94218],{37395:function(e,n,c){c.d(n,{P:function(){return i}});let i=(e,n,c)=>e.map((e,i)=>{var t;return{...e,slotCode:null!==(t=null==c?void 0:c.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var c,i,t,a;return{...e,example:n({...e.props,id:null!==(t=null===(c=e.props)||void 0===c?void 0:c.id)&&void 0!==t?t:e.name,children:null!==(a=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==a?a:e.name})}})}})},99341:function(e,n,c){var i=c(52322),t=c(5632),a=c(2784),l=c(11803),o=c(86095);let s=e=>{let{examples:n,slotCode:c}=e,[t,l]=(0,a.useState)();return(0,i.jsxs)(o.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{l(!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)(o.f,{className:"code",spacing:"small",children:c})]})]})]})},r=e=>{let{variants:n,componentName:c}=e,t=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let c=window.location.href.split("?")[0],i="?page=".concat(e.name.toLowerCase());return n?"".concat(c.split("components")[0],"/components/").concat(n).concat(i):"".concat(c).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(o.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(o.vB,{content:"external",target:"_blank",href:t(e,c),children:e.name})}),(0,i.jsx)(s,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:c,subComponent:o,isSubComponent:d,componentName:x}=e,[m,u]=(0,a.useState)(),p=(0,t.useRouter)();return(0,a.useEffect)(()=>{if(p.query){var e;let n=null===(e=p.query.page)||void 0===e?void 0:e.toString();n&&u(c.find(e=>e.name.toLowerCase()===n))}},[p]),(0,i.jsxs)(i.Fragment,{children:[m&&(0,i.jsx)("div",{children:(0,i.jsx)(s,{...m})}),!m&&!d&&(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:n}),(0,i.jsx)(r,{variants:c,componentName:x})]}),o]}),!m&&d&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:n}),(0,i.jsx)(r,{variants:c,componentName:x})]})]})}},99746:function(e,n,c){c.r(n);var i=c(52322),t=c(2784),a=c(9513),l=c(33878),o=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]})]})}),(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Open'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Open')},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Open\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Open'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Open')},children:"Copy"})]})]})})]})}},88228:function(e,n,c){c.r(n);var i=c(52322),t=c(2784),a=c(9513),l=c(33878),o=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]})]})}),(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,i.jsxs)(r.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:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},28651:function(e,n,c){c.r(n);var i=c(52322),t=c(2784),a=c(9513),l=c(33878),o=c(95696),s=c(79041),r=c(16909),d=c(16134);n.default=()=>{let[e,n]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.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:e?"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 Functional\n
    Functional
    \n
    '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n Functional\n
    Functional
    \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:e?"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:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    (Default) Regular
    \n
    '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n (Default) Regular\n
    (Default) Regular
    \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:e?"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:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,i.jsx)(a.Z,{className:"tab-container",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(s.Z,{children:"Angular"}),(0,i.jsx)(s.Z,{children:"HTML"}),(0,i.jsx)(s.Z,{children:"React"}),(0,i.jsx)(s.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:e?"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 Expressive\n
    Expressive
    \n
    '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n Expressive\n
    Expressive
    \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:e?"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:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},19371:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"title":"Functional"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"title":"(Default) Regular"}},{"name":"Expressive","className":"db-ui-expressive","props":{"title":"Expressive"}}]},{"name":"Interaction States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"title":"Enabled (Default)/Hover/Pressed"}},{"name":"Disabled","props":{"title":"Disabled","disabled":true}}]},{"name":"Content States","examples":[{"name":"(Default) Collapsed","props":{"title":"(Default) Collapsed"}},{"name":"Open","props":{"title":"Open","open":true}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/94274-550a2d6be4434fc9.js b/review/main/_next/static/chunks/94274-550a2d6be4434fc9.js new file mode 100644 index 00000000000..51bc5153165 --- /dev/null +++ b/review/main/_next/static/chunks/94274-550a2d6be4434fc9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94274],{37395:function(e,l,a){a.d(l,{P:function(){return n}});let n=(e,l,a)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==a?void 0:a.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var a,n,t,i;return{...e,example:l({...e.props,id:null!==(t=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==t?t:e.name,children:null!==(i=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,l,a){var n=a(52322),t=a(5632),i=a(2784),s=a(11803),r=a(86095);let c=e=>{let{examples:l,slotCode:a}=e,[t,s]=(0,i.useState)();return(0,n.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:l.map((e,l)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(l)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{s(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(r.f,{className:"code",spacing:"small",children:a})]})]})]})},o=e=>{let{variants:l,componentName:a}=e,t=(e,l)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return l?"".concat(a.split("components")[0],"/components/").concat(l).concat(n):"".concat(a).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==l?void 0:l.map((e,l)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(r.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(r.vB,{content:"external",target:"_blank",href:t(e,a),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(l)))})};l.Z=e=>{let{title:l,variants:a,subComponent:r,isSubComponent:d,componentName:p}=e,[b,u]=(0,i.useState)(),x=(0,t.useRouter)();return(0,i.useEffect)(()=>{if(x.query){var e;let l=null===(e=x.query.page)||void 0===e?void 0:e.toString();l&&u(a.find(e=>e.name.toLowerCase()===l))}},[x]),(0,n.jsxs)(n.Fragment,{children:[b&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...b})}),!b&&!d&&(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:l}),(0,n.jsx)(o,{variants:a,componentName:p})]}),r]}),!b&&d&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:l}),(0,n.jsx)(o,{variants:a,componentName:p})]})]})}},96084:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Optional\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Optional\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Required\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required - Filled'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required - Filled\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Required - Filled\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Filled\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Required - Filled\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required - Filled'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]})]})})]})}},41215:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Functional\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Expressive\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},74244:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]})]})})]})}},53365:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},71952:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"Helper Message"}},{"name":"Critical","props":{"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","props":{"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","props":{"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","props":{"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","props":{"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","labelVariant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","props":{"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"labelVariant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"labelVariant":"floating"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Required - Filled","props":{"label":"Label","value":"Required - Filled","required":true}}]},{"name":"Example - Types","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Number","props":{"label":"Label","type":"number"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}}]},{"name":"Example - Types - Floating Label","examples":[{"name":"(Default) Text","props":{"label":"Label","labelVariant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","labelVariant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","labelVariant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","labelVariant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","labelVariant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","labelVariant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","labelVariant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","labelVariant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","labelVariant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","labelVariant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","labelVariant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","labelVariant":"floating"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/94274-954a44630eac83f1.js b/review/main/_next/static/chunks/94274-954a44630eac83f1.js deleted file mode 100644 index 4e6fb48697c..00000000000 --- a/review/main/_next/static/chunks/94274-954a44630eac83f1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94274],{37395:function(e,l,a){a.d(l,{P:function(){return n}});let n=(e,l,a)=>e.map((e,n)=>{var i;return{...e,slotCode:null!==(i=null==a?void 0:a.at(n))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var a,n,i,t;return{...e,example:l({...e.props,id:null!==(i=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==i?i:e.name,children:null!==(t=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==t?t:e.name})}})}})},99341:function(e,l,a){var n=a(52322),i=a(5632),t=a(2784),s=a(11803),r=a(86095);let c=e=>{let{examples:l,slotCode:a}=e,[i,s]=(0,t.useState)();return(0,n.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:l.map((e,l)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(l)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{s(!i)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(r.f,{className:"code",spacing:"small",children:a})]})]})]})};l.Z=e=>{let{title:l,variants:a}=e,[o,d]=(0,t.useState)(),p=(0,i.useRouter)();(0,t.useEffect)(()=>{if(p.query){var e;let l=null===(e=p.query.page)||void 0===e?void 0:e.toString();l&&d(a.find(e=>e.name.toLowerCase()===l))}},[p]);let b=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,n.jsxs)(n.Fragment,{children:[o&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...o})}),!o&&(0,n.jsx)(s.Z,{children:(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:l}),null==a?void 0:a.map((e,l)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(r.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(r.vB,{content:"external",target:"_blank",href:b(e),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(l)))]})})]})}},96084:function(e,l,a){a.r(l);var n=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Optional\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Optional\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Required\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required - Filled'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required - Filled\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Required - Filled\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Filled\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Required - Filled\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required - Filled'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]})]})})]})}},41215:function(e,l,a){a.r(l);var n=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Functional\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Expressive\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},74244:function(e,l,a){a.r(l);var n=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]})]})})]})}},53365:function(e,l,a){a.r(l);var n=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},71952:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"Helper Message"}},{"name":"Critical","props":{"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","props":{"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","props":{"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","props":{"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","props":{"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","labelVariant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","props":{"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"labelVariant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"labelVariant":"floating"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Required - Filled","props":{"label":"Label","value":"Required - Filled","required":true}}]},{"name":"Example - Types","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Number","props":{"label":"Label","type":"number"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}}]},{"name":"Example - Types - Floating Label","examples":[{"name":"(Default) Text","props":{"label":"Label","labelVariant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","labelVariant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","labelVariant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","labelVariant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","labelVariant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","labelVariant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","labelVariant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","labelVariant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","labelVariant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","labelVariant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","labelVariant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","labelVariant":"floating"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/96029-373f19d8926f553d.js b/review/main/_next/static/chunks/96029-373f19d8926f553d.js new file mode 100644 index 00000000000..c44082fcfb7 --- /dev/null +++ b/review/main/_next/static/chunks/96029-373f19d8926f553d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96029],{37395:function(e,o,n){n.d(o,{P:function(){return a}});let a=(e,o,n)=>e.map((e,a)=>{var r;return{...e,slotCode:null!==(r=null==n?void 0:n.at(a))&&void 0!==r?r:"No code available",examples:e.examples.map(e=>{var n,a,r,i;return{...e,example:o({...e.props,id:null!==(r=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==r?r:e.name,children:null!==(i=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,o,n){var a=n(52322),r=n(5632),i=n(2784),s=n(11803),t=n(86095);let c=e=>{let{examples:o,slotCode:n}=e,[r,s]=(0,i.useState)();return(0,a.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:o.map((e,o)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(o)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{s(!r)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:r?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},p=e=>{let{variants:o,componentName:n}=e,r=(e,o)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],a="?page=".concat(e.name.toLowerCase());return o?"".concat(n.split("components")[0],"/components/").concat(o).concat(a):"".concat(n).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==o?void 0:o.map((e,o)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(t.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(t.vB,{content:"external",target:"_blank",href:r(e,n),children:e.name})}),(0,a.jsx)(c,{...e})]},"".concat(e.name,"-").concat(o)))})};o.Z=e=>{let{title:o,variants:n,subComponent:t,isSubComponent:l,componentName:d}=e,[x,v]=(0,i.useState)(),h=(0,r.useRouter)();return(0,i.useEffect)(()=>{if(h.query){var e;let o=null===(e=h.query.page)||void 0===e?void 0:e.toString();o&&v(n.find(e=>e.name.toLowerCase()===o))}},[h]),(0,a.jsxs)(a.Fragment,{children:[x&&(0,a.jsx)("div",{children:(0,a.jsx)(c,{...x})}),!x&&!l&&(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:o}),(0,a.jsx)(p,{variants:n,componentName:d})]}),t]}),!x&&l&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:o}),(0,a.jsx)(p,{variants:n,componentName:d})]})]})}},28133:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) No gap
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    (Default) No gap
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'With gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('With gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n With gap\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n With gap\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n With gap\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n With gap\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'With gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('With gap')},children:"Copy"})]})]})})]})}},79692:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) Small\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n (Default) Small\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Medium\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n Medium\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n None\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n None\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]})]})})]})}},88777:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},17587:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Auto
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    (Default) Auto
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Fixed\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n Fixed\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]})]})})]})}},69780:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"id":"popover-02"}},{"name":"Expressive","className":"db-ui-expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","examples":[{"name":"bottom-start","props":{"placement":"bottom-start","id":"popover-07-start"}},{"name":"(Default) bottom","props":{"placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"placement":"left","id":"popover-09"}},{"name":"left-end","props":{"placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"placement":"right","id":"popover-10"}},{"name":"right-end","props":{"placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"placement":"top","id":"popover-08"}},{"name":"top-end","props":{"placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","examples":[{"name":"(Default) Animation no delay","props":{"id":"popover-13"}},{"name":"Delay slow","props":{"delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"animation":"disabled","id":"popover-16"}}]},{"name":"Width","examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/96029-565afacdc68708ce.js b/review/main/_next/static/chunks/96029-565afacdc68708ce.js deleted file mode 100644 index a3e16f7aedb..00000000000 --- a/review/main/_next/static/chunks/96029-565afacdc68708ce.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96029],{37395:function(e,o,n){n.d(o,{P:function(){return a}});let a=(e,o,n)=>e.map((e,a)=>{var r;return{...e,slotCode:null!==(r=null==n?void 0:n.at(a))&&void 0!==r?r:"No code available",examples:e.examples.map(e=>{var n,a,r,i;return{...e,example:o({...e.props,id:null!==(r=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==r?r:e.name,children:null!==(i=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,o,n){var a=n(52322),r=n(5632),i=n(2784),s=n(11803),t=n(86095);let c=e=>{let{examples:o,slotCode:n}=e,[r,s]=(0,i.useState)();return(0,a.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:o.map((e,o)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(o)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{s(!r)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:r?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})};o.Z=e=>{let{title:o,variants:n}=e,[p,l]=(0,i.useState)(),d=(0,r.useRouter)();(0,i.useEffect)(()=>{if(d.query){var e;let o=null===(e=d.query.page)||void 0===e?void 0:e.toString();o&&l(n.find(e=>e.name.toLowerCase()===o))}},[d]);let x=e=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(e.name.toLowerCase()):"";return(0,a.jsxs)(a.Fragment,{children:[p&&(0,a.jsx)("div",{children:(0,a.jsx)(c,{...p})}),!p&&(0,a.jsx)(s.Z,{children:(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:o}),null==n?void 0:n.map((e,o)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(t.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(t.vB,{content:"external",target:"_blank",href:x(e),children:e.name})}),(0,a.jsx)(c,{...e})]},"".concat(e.name,"-").concat(o)))]})})]})}},28133:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) No gap
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    (Default) No gap
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'With gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('With gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n With gap\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n With gap\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n With gap\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n With gap\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'With gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('With gap')},children:"Copy"})]})]})})]})}},79692:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) Small\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n (Default) Small\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Medium\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n Medium\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n None\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n None\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]})]})})]})}},88777:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},17587:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Auto
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    (Default) Auto
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Fixed\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n Fixed\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]})]})})]})}},69780:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"id":"popover-02"}},{"name":"Expressive","className":"db-ui-expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","examples":[{"name":"bottom-start","props":{"placement":"bottom-start","id":"popover-07-start"}},{"name":"(Default) bottom","props":{"placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"placement":"left","id":"popover-09"}},{"name":"left-end","props":{"placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"placement":"right","id":"popover-10"}},{"name":"right-end","props":{"placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"placement":"top","id":"popover-08"}},{"name":"top-end","props":{"placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","examples":[{"name":"(Default) Animation no delay","props":{"id":"popover-13"}},{"name":"Delay slow","props":{"delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"animation":"disabled","id":"popover-16"}}]},{"name":"Width","examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/96734-7c3beaa20d981bc5.js b/review/main/_next/static/chunks/96734-7c3beaa20d981bc5.js new file mode 100644 index 00000000000..7795d06187a --- /dev/null +++ b/review/main/_next/static/chunks/96734-7c3beaa20d981bc5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96734],{37395:function(t,e,n){n.d(e,{P:function(){return a}});let a=(t,e,n)=>t.map((t,a)=>{var r;return{...t,slotCode:null!==(r=null==n?void 0:n.at(a))&&void 0!==r?r:"No code available",examples:t.examples.map(t=>{var n,a,r,o;return{...t,example:e({...t.props,id:null!==(r=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==r?r:t.name,children:null!==(o=null===(a=t.props)||void 0===a?void 0:a.children)&&void 0!==o?o:t.name})}})}})},99341:function(t,e,n){var a=n(52322),r=n(5632),o=n(2784),l=n(11803),d=n(86095);let s=t=>{let{examples:e,slotCode:n}=t,[r,l]=(0,o.useState)();return(0,a.jsxs)(d.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:e.map((t,e)=>(0,a.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(e)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{l(!r)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:r?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(d.f,{className:"code",spacing:"small",children:n})]})]})]})},c=t=>{let{variants:e,componentName:n}=t,r=(t,e)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],a="?page=".concat(t.name.toLowerCase());return e?"".concat(n.split("components")[0],"/components/").concat(e).concat(a):"".concat(n).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==e?void 0:e.map((t,e)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(d.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(d.vB,{content:"external",target:"_blank",href:r(t,n),children:t.name})}),(0,a.jsx)(s,{...t})]},"".concat(t.name,"-").concat(e)))})};e.Z=t=>{let{title:e,variants:n,subComponent:d,isSubComponent:i,componentName:u}=t,[w,p]=(0,o.useState)(),b=(0,r.useRouter)();return(0,o.useEffect)(()=>{if(b.query){var t;let e=null===(t=b.query.page)||void 0===t?void 0:t.toString();e&&p(n.find(t=>t.name.toLowerCase()===e))}},[b]),(0,a.jsxs)(a.Fragment,{children:[w&&(0,a.jsx)("div",{children:(0,a.jsx)(s,{...w})}),!w&&!i&&(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:e}),(0,a.jsx)(c,{variants:n,componentName:u})]}),d]}),!w&&i&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:e}),(0,a.jsx)(c,{variants:n,componentName:u})]})]})}},66803:function(t,e,n){n.r(e);var a=n(52322),r=n(2784),o=n(9513),l=n(33878),d=n(95696),s=n(79041),c=n(16909),i=n(16134);e.default=()=>{let[t,e]=(0,r.useState)();return(0,r.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n No rounding (Default)\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n No rounding (Default)\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'No rounding (Default)'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('No rounding (Default)')},children:"Copy"})]})]})}),(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Rounded\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Rounded\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Rounded\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Rounded\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Rounded'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Rounded')},children:"Copy"})]})]})})]})}},49932:function(t,e,n){n.r(e);var a=n(52322),r=n(2784),o=n(9513),l=n(33878),d=n(95696),s=n(79041),c=n(16909),i=n(16134);e.default=()=>{let[t,e]=(0,r.useState)();return(0,r.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n With padding (Default)\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n With padding (Default)\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'With padding (Default)'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('With padding (Default)')},children:"Copy"})]})]})}),(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Full\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Full\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Full\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Full\n ')},children:"Copy"})]})]})})]})}},95067:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    functional
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tfunctional\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t","vue":"\\n\\t\\tfunctional\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Regular (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRegular (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t","vue":"\\n\\t\\tRegular (Default)\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    expressive
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\texpressive\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t","vue":"\\n\\t\\texpressive\\n\\t"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With padding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith padding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith padding (Default)\\n\\t\\t\\t","vue":"With padding (Default)"}},{"name":"Full","props":{"withCloseButton":true,"width":"full"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Full
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tFull\\n","react":"\\t\\t\\t {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tFull\\n\\t\\t\\t","vue":"\\t\\n\\t\\tFull\\n\\t"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No rounding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo rounding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo rounding (Default)\\n\\t\\t\\t","vue":"No rounding (Default)"}},{"name":"Rounded","props":{"withCloseButton":true,"rounded":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Rounded
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRounded\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRounded\\n\\t\\t\\t","vue":"Rounded"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Medium (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tMedium (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tMedium (Default)\\n\\t\\t\\t","vue":"Medium (Default)"}},{"name":"Small","props":{"withCloseButton":true,"spacing":"small"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Small
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tSmall\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tSmall\\n\\t\\t\\t","vue":"Small"}},{"name":"Large","props":{"withCloseButton":true,"spacing":"large"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Large
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLarge\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLarge\\n\\t\\t\\t","vue":"Large"}},{"name":"No spacing","props":{"withCloseButton":true,"spacing":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    None
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNone\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNone\\n\\t\\t\\t","vue":"None"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With Backdrop (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith Backdrop (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith Backdrop (Default)\\n\\t\\t\\t","vue":"With Backdrop (Default)"}},{"name":"Backdrop-weak","props":{"withCloseButton":true,"backdrop":"weak"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Backdrop-weak
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tBackdrop-weak\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tBackdrop-weak\\n\\t\\t\\t","vue":"Backdrop-weak"}},{"name":"No Backdrop","props":{"withCloseButton":true,"backdrop":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No Backdrop
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Right (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRight (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRight (Default)\\n\\t\\t\\t","vue":"Right (Default)"}},{"name":"Left","props":{"withCloseButton":true,"direction":"left"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Left
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLeft\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLeft\\n\\t\\t\\t","vue":"Left"}},{"name":"Up","props":{"withCloseButton":true,"direction":"up"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Up
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tUp\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tUp\\n\\t\\t\\t","vue":"Up"}},{"name":"Down","props":{"withCloseButton":true,"direction":"down"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Down
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tDown\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tDown\\n\\t\\t\\t","vue":"Down"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/96734-c83ed6176fc279ba.js b/review/main/_next/static/chunks/96734-c83ed6176fc279ba.js deleted file mode 100644 index 89d317983fe..00000000000 --- a/review/main/_next/static/chunks/96734-c83ed6176fc279ba.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96734],{37395:function(t,e,n){n.d(e,{P:function(){return a}});let a=(t,e,n)=>t.map((t,a)=>{var r;return{...t,slotCode:null!==(r=null==n?void 0:n.at(a))&&void 0!==r?r:"No code available",examples:t.examples.map(t=>{var n,a,r,o;return{...t,example:e({...t.props,id:null!==(r=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==r?r:t.name,children:null!==(o=null===(a=t.props)||void 0===a?void 0:a.children)&&void 0!==o?o:t.name})}})}})},99341:function(t,e,n){var a=n(52322),r=n(5632),o=n(2784),l=n(11803),d=n(86095);let s=t=>{let{examples:e,slotCode:n}=t,[r,l]=(0,o.useState)();return(0,a.jsxs)(d.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:e.map((t,e)=>(0,a.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(e)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{l(!r)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:r?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(d.f,{className:"code",spacing:"small",children:n})]})]})]})};e.Z=t=>{let{title:e,variants:n}=t,[c,i]=(0,o.useState)(),u=(0,r.useRouter)();(0,o.useEffect)(()=>{if(u.query){var t;let e=null===(t=u.query.page)||void 0===t?void 0:t.toString();e&&i(n.find(t=>t.name.toLowerCase()===e))}},[u]);let w=t=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(t.name.toLowerCase()):"";return(0,a.jsxs)(a.Fragment,{children:[c&&(0,a.jsx)("div",{children:(0,a.jsx)(s,{...c})}),!c&&(0,a.jsx)(l.Z,{children:(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:e}),null==n?void 0:n.map((t,e)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(d.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(d.vB,{content:"external",target:"_blank",href:w(t),children:t.name})}),(0,a.jsx)(s,{...t})]},"".concat(t.name,"-").concat(e)))]})})]})}},66803:function(t,e,n){n.r(e);var a=n(52322),r=n(2784),o=n(9513),l=n(33878),d=n(95696),s=n(79041),c=n(16909),i=n(16134);e.default=()=>{let[t,e]=(0,r.useState)();return(0,r.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n No rounding (Default)\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n No rounding (Default)\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'No rounding (Default)'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('No rounding (Default)')},children:"Copy"})]})]})}),(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Rounded\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Rounded\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Rounded\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Rounded\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Rounded'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Rounded')},children:"Copy"})]})]})})]})}},49932:function(t,e,n){n.r(e);var a=n(52322),r=n(2784),o=n(9513),l=n(33878),d=n(95696),s=n(79041),c=n(16909),i=n(16134);e.default=()=>{let[t,e]=(0,r.useState)();return(0,r.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n With padding (Default)\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n With padding (Default)\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'With padding (Default)'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('With padding (Default)')},children:"Copy"})]})]})}),(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Full\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Full\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Full\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Full\n ')},children:"Copy"})]})]})})]})}},95067:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    functional
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tfunctional\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t","vue":"\\n\\t\\tfunctional\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Regular (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRegular (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t","vue":"\\n\\t\\tRegular (Default)\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    expressive
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\texpressive\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t","vue":"\\n\\t\\texpressive\\n\\t"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With padding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith padding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith padding (Default)\\n\\t\\t\\t","vue":"With padding (Default)"}},{"name":"Full","props":{"withCloseButton":true,"width":"full"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Full
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tFull\\n","react":"\\t\\t\\t {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tFull\\n\\t\\t\\t","vue":"\\t\\n\\t\\tFull\\n\\t"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No rounding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo rounding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo rounding (Default)\\n\\t\\t\\t","vue":"No rounding (Default)"}},{"name":"Rounded","props":{"withCloseButton":true,"rounded":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Rounded
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRounded\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRounded\\n\\t\\t\\t","vue":"Rounded"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Medium (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tMedium (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tMedium (Default)\\n\\t\\t\\t","vue":"Medium (Default)"}},{"name":"Small","props":{"withCloseButton":true,"spacing":"small"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Small
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tSmall\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tSmall\\n\\t\\t\\t","vue":"Small"}},{"name":"Large","props":{"withCloseButton":true,"spacing":"large"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Large
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLarge\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLarge\\n\\t\\t\\t","vue":"Large"}},{"name":"No spacing","props":{"withCloseButton":true,"spacing":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    None
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNone\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNone\\n\\t\\t\\t","vue":"None"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With Backdrop (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith Backdrop (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith Backdrop (Default)\\n\\t\\t\\t","vue":"With Backdrop (Default)"}},{"name":"Backdrop-weak","props":{"withCloseButton":true,"backdrop":"weak"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Backdrop-weak
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tBackdrop-weak\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tBackdrop-weak\\n\\t\\t\\t","vue":"Backdrop-weak"}},{"name":"No Backdrop","props":{"withCloseButton":true,"backdrop":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No Backdrop
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Right (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRight (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRight (Default)\\n\\t\\t\\t","vue":"Right (Default)"}},{"name":"Left","props":{"withCloseButton":true,"direction":"left"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Left
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLeft\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLeft\\n\\t\\t\\t","vue":"Left"}},{"name":"Up","props":{"withCloseButton":true,"direction":"up"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Up
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tUp\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tUp\\n\\t\\t\\t","vue":"Up"}},{"name":"Down","props":{"withCloseButton":true,"direction":"down"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Down
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tDown\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tDown\\n\\t\\t\\t","vue":"Down"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-5ab2a95746501b67.js b/review/main/_next/static/chunks/pages/components/accordion-5ab2a95746501b67.js new file mode 100644 index 00000000000..b0f7d8ccb93 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/accordion-5ab2a95746501b67.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19861],{85938:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion",function(){return e(60178)}])},60178:function(n,t,e){"use strict";e.r(t);var o=e(52322),i=e(75942),s=e(70307),c=e(97292),a=e(86095),r=e(99341),u=e(7716),l=e(37395),d=e(3170);let f=n=>{let{behaviour:t,children:e,variant:i}=n;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.EZ,{size:"small",variant:"informational",icon:"none",children:e}),(0,o.jsxs)(a.aw,{behaviour:t,variant:i,children:[(0,o.jsx)(a.kC,{title:"Item 1",content:"Content 1"}),(0,o.jsx)(a.kC,{title:"Item 2",content:"Content 2"}),(0,o.jsx)(a.kC,{title:"Item 3",content:"Content 3"})]})]})};t.default=()=>(0,o.jsx)("div",{children:(0,o.jsx)(r.Z,{title:"DBAccordion",subComponent:(0,o.jsx)(d.default,{isSubComponent:!0,componentName:"accordion-item"}),variants:(0,l.P)(u,f,[(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{}),(0,o.jsx)(c.default,{})])})})}},function(n){n.O(0,[49710,14863,11803,94218,75942,81228,92888,49774,40179],function(){return n(n.s=85938)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-a8385fa66b17eebd.js b/review/main/_next/static/chunks/pages/components/accordion-a8385fa66b17eebd.js deleted file mode 100644 index 005e2be7eaa..00000000000 --- a/review/main/_next/static/chunks/pages/components/accordion-a8385fa66b17eebd.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19861],{85938:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion",function(){return e(60178)}])},60178:function(n,t,e){"use strict";e.r(t);var i=e(52322),o=e(75942),s=e(70307),a=e(97292),c=e(86095),r=e(99341),l=e(7716),u=e(37395);let f=n=>{let{behaviour:t,children:e,variant:o}=n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.EZ,{size:"small",variant:"informational",icon:"none",children:e}),(0,i.jsxs)(c.aw,{behaviour:t,variant:o,children:[(0,i.jsx)(c.kC,{title:"Item 1",content:"Content 1"}),(0,i.jsx)(c.kC,{title:"Item 2",content:"Content 2"}),(0,i.jsx)(c.kC,{title:"Item 3",content:"Content 3"})]})]})};t.default=()=>(0,i.jsx)(r.Z,{title:"DBAccordion",variants:(0,u.P)(l,f,[(0,i.jsx)(o.default,{}),(0,i.jsx)(s.default,{}),(0,i.jsx)(a.default,{})])})}},function(n){n.O(0,[49710,14863,11803,75942,58734,92888,49774,40179],function(){return n(n.s=85938)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-item-3a00e8e88419de8f.js b/review/main/_next/static/chunks/pages/components/accordion-item-3a00e8e88419de8f.js deleted file mode 100644 index f06f32017e8..00000000000 --- a/review/main/_next/static/chunks/pages/components/accordion-item-3a00e8e88419de8f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91108],{74497:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item",function(){return e(3170)}])},3170:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(28651),s=e(88228),c=e(99746),l=e(86095),o=e(99341),r=e(19371),a=e(37395);let d=t=>{let{children:n,disabled:e,open:i,title:s}=t;return(0,u.jsx)(l.kC,{title:s,disabled:e,defaultOpen:i,children:n})};n.default=()=>(0,u.jsx)(o.Z,{title:"DBAccordionItem",variants:(0,a.P)(r,d,[(0,u.jsx)(i.default,{}),(0,u.jsx)(s.default,{}),(0,u.jsx)(c.default,{})])})}},function(t){t.O(0,[49710,14863,11803,94218,92888,49774,40179],function(){return t(t.s=74497)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-item-b2c9e927b95c3334.js b/review/main/_next/static/chunks/pages/components/accordion-item-b2c9e927b95c3334.js new file mode 100644 index 00000000000..49ef1bd2ac4 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/accordion-item-b2c9e927b95c3334.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91108],{74497:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item",function(){return t(3170)}])},3170:function(n,e,t){"use strict";t.r(e);var o=t(52322),u=t(28651),i=t(88228),s=t(99746),c=t(86095),a=t(99341),l=t(19371),r=t(37395);let d=n=>{let{children:e,disabled:t,open:u,title:i}=n;return(0,o.jsx)(c.kC,{title:i,disabled:t,defaultOpen:u,children:e})};e.default=n=>(0,o.jsx)(a.Z,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:(0,r.P)(l,d,[(0,o.jsx)(u.default,{}),(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{})])})}},function(n){n.O(0,[49710,14863,11803,94218,92888,49774,40179],function(){return n(n.s=74497)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-item/overview-6c70091c515b50cd.js b/review/main/_next/static/chunks/pages/components/accordion-item/overview-6c70091c515b50cd.js deleted file mode 100644 index f2ea66a3ab0..00000000000 --- a/review/main/_next/static/chunks/pages/components/accordion-item/overview-6c70091c515b50cd.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90484],{86740:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/overview",function(){return n(67497)}])},67497:function(e,t,n){"use strict";n.r(t);var u=n(52322),i=n(28651),s=n(88228),c=n(99746),o=n(86095),r=n(99341),l=n(19371),a=n(37395);let d=e=>{let{children:t,disabled:n,open:i,title:s}=e;return(0,u.jsx)(o.kC,{title:s,disabled:n,defaultOpen:i,children:t})};t.default=()=>(0,u.jsx)(r.Z,{title:"DBAccordionItem",variants:(0,a.P)(l,d,[(0,u.jsx)(i.default,{}),(0,u.jsx)(s.default,{}),(0,u.jsx)(c.default,{})])})}},function(e){e.O(0,[49710,14863,11803,94218,92888,49774,40179],function(){return e(e.s=86740)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-item/overview-ca9b03361b065ba1.js b/review/main/_next/static/chunks/pages/components/accordion-item/overview-ca9b03361b065ba1.js new file mode 100644 index 00000000000..692d3d54c66 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/accordion-item/overview-ca9b03361b065ba1.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90484],{86740:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/overview",function(){return t(67497)}])},67497:function(n,e,t){"use strict";t.r(e);var o=t(52322),u=t(28651),i=t(88228),s=t(99746),c=t(86095),a=t(99341),r=t(19371),l=t(37395);let d=n=>{let{children:e,disabled:t,open:u,title:i}=n;return(0,o.jsx)(c.kC,{title:i,disabled:t,defaultOpen:u,children:e})};e.default=n=>(0,o.jsx)(a.Z,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:(0,l.P)(r,d,[(0,o.jsx)(u.default,{}),(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{})])})}},function(n){n.O(0,[49710,14863,11803,94218,92888,49774,40179],function(){return n(n.s=86740)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/docs/Angular-a0f5ab8e9179ef73.js b/review/main/_next/static/chunks/pages/components/accordion/docs/Angular-a0f5ab8e9179ef73.js deleted file mode 100644 index 205a6d290ea..00000000000 --- a/review/main/_next/static/chunks/pages/components/accordion/docs/Angular-a0f5ab8e9179ef73.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68394],{44129:function(n,o,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Angular",function(){return e(9151)}])},9151:function(n,o,e){"use strict";e.r(o),e.d(o,{default:function(){return r}});var t=e(52322),c=e(45392);function i(n){let o={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,c.a)(),...n.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.h2,{id:"angular",children:"Angular"}),"\n",(0,t.jsxs)(o.p,{children:["For general installation and configuration look at the ",(0,t.jsx)(o.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,t.jsx)(o.h3,{id:"load-component",children:"Load component"}),"\n",(0,t.jsx)(o.pre,{children:(0,t.jsx)(o.code,{className:"language-ts",children:"// app.component.ts\nimport { DBAccordion } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBAccordion],\n // ...\n})\n"})}),"\n",(0,t.jsx)(o.h3,{id:"use-component",children:"Use component"}),"\n",(0,t.jsx)(o.pre,{children:(0,t.jsx)(o.code,{className:"language-html",children:'\n\n \n \n \n\n'})})]})}function r(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}={...(0,c.a)(),...n.components};return o?(0,t.jsx)(o,{...n,children:(0,t.jsx)(i,{...n})}):i(n)}}},function(n){n.O(0,[92888,49774,40179],function(){return n(n.s=44129)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/docs/Angular-f694b720959ce422.js b/review/main/_next/static/chunks/pages/components/accordion/docs/Angular-f694b720959ce422.js new file mode 100644 index 00000000000..5163cc9efbb --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/accordion/docs/Angular-f694b720959ce422.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68394],{44129:function(n,o,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Angular",function(){return e(9151)}])},9151:function(n,o,e){"use strict";e.r(o),e.d(o,{default:function(){return r}});var t=e(52322),c=e(45392);function i(n){let o={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,c.a)(),...n.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.h2,{id:"angular",children:"Angular"}),"\n",(0,t.jsxs)(o.p,{children:["For general installation and configuration look at the ",(0,t.jsx)(o.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,t.jsx)(o.h3,{id:"load-component",children:"Load component"}),"\n",(0,t.jsx)(o.pre,{children:(0,t.jsx)(o.code,{className:"language-ts",children:"// app.component.ts\nimport { DBAccordion, DBAccordionItem } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBAccordion, DBAccordionItem],\n // ...\n})\n"})}),"\n",(0,t.jsx)(o.h3,{id:"use-component",children:"Use component"}),"\n",(0,t.jsx)(o.pre,{children:(0,t.jsx)(o.code,{className:"language-html",children:'\n\n \n \n \n\n'})})]})}function r(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}={...(0,c.a)(),...n.components};return o?(0,t.jsx)(o,{...n,children:(0,t.jsx)(i,{...n})}):i(n)}}},function(n){n.O(0,[92888,49774,40179],function(){return n(n.s=44129)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/docs/React-b6cf8b6cedff256d.js b/review/main/_next/static/chunks/pages/components/accordion/docs/React-760557676b7fb986.js similarity index 56% rename from review/main/_next/static/chunks/pages/components/accordion/docs/React-b6cf8b6cedff256d.js rename to review/main/_next/static/chunks/pages/components/accordion/docs/React-760557676b7fb986.js index 356460443a4..51ca29bb767 100644 --- a/review/main/_next/static/chunks/pages/components/accordion/docs/React-b6cf8b6cedff256d.js +++ b/review/main/_next/static/chunks/pages/components/accordion/docs/React-760557676b7fb986.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91799],{26170:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/React",function(){return t(34353)}])},34353:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var o=t(52322),c=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,c.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,o.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,o.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,o.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(e.pre,{children:(0,o.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAccordion } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n \n \n \n);\nexport default App;\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,c.a)(),...n.components};return e?(0,o.jsx)(e,{...n,children:(0,o.jsx)(r,{...n})}):r(n)}}},function(n){n.O(0,[92888,49774,40179],function(){return n(n.s=26170)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91799],{26170:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/React",function(){return t(34353)}])},34353:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var o=t(52322),c=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,c.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,o.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,o.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,o.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(e.pre,{children:(0,o.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAccordion, DBAccordionItem } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n \n \n \n);\nexport default App;\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,c.a)(),...n.components};return e?(0,o.jsx)(e,{...n,children:(0,o.jsx)(r,{...n})}):r(n)}}},function(n){n.O(0,[92888,49774,40179],function(){return n(n.s=26170)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/docs/Vue-3d5a3c82fdbc815b.js b/review/main/_next/static/chunks/pages/components/accordion/docs/Vue-4598196eae5368af.js similarity index 57% rename from review/main/_next/static/chunks/pages/components/accordion/docs/Vue-3d5a3c82fdbc815b.js rename to review/main/_next/static/chunks/pages/components/accordion/docs/Vue-4598196eae5368af.js index d738ddd97ba..86c3d0a0af7 100644 --- a/review/main/_next/static/chunks/pages/components/accordion/docs/Vue-3d5a3c82fdbc815b.js +++ b/review/main/_next/static/chunks/pages/components/accordion/docs/Vue-4598196eae5368af.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94560],{24691:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Vue",function(){return t(89631)}])},89631:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var o=t(52322),c=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,c.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,o.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,o.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,o.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(e.pre,{children:(0,o.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,c.a)(),...n.components};return e?(0,o.jsx)(e,{...n,children:(0,o.jsx)(r,{...n})}):r(n)}}},function(n){n.O(0,[92888,49774,40179],function(){return n(n.s=24691)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94560],{24691:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Vue",function(){return t(89631)}])},89631:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var o=t(52322),c=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,c.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,o.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,o.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,o.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(e.pre,{children:(0,o.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,c.a)(),...n.components};return e?(0,o.jsx)(e,{...n,children:(0,o.jsx)(r,{...n})}):r(n)}}},function(n){n.O(0,[92888,49774,40179],function(){return n(n.s=24691)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/how-to-use-8b145733fc64192a.js b/review/main/_next/static/chunks/pages/components/accordion/how-to-use-8b145733fc64192a.js deleted file mode 100644 index 60c3704e91d..00000000000 --- a/review/main/_next/static/chunks/pages/components/accordion/how-to-use-8b145733fc64192a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66719],{1701:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/how-to-use",function(){return e(69386)}])},9151:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return a}});var r=e(52322),o=e(45392);function i(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-ts",children:"// app.component.ts\nimport { DBAccordion } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBAccordion],\n // ...\n})\n"})}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-html",children:'\n\n \n \n \n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},43890:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return a}});var r=e(52322),o=e(45392);function i(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-html",children:'\n...\n\n
    \n
    \n Title 1\n
    Content 1
    \n
    \n
    \n Title 2\n
    Content 2
    \n
    \n
    \n Title 3\n
    Content 3
    \n
    \n
    \n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},34353:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return a}});var r=e(52322),o=e(45392);function i(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAccordion } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n \n \n \n);\nexport default App;\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},89631:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return a}});var r=e(52322),o=e(45392);function i(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},69386:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return p}});var r=e(52322),o=e(45392),i=e(11803),a=e(43890),c=e(9151),s=e(34353),d=e(89631);let l=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function u(n){let t={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"how-to-use-dbaccordion",children:"How to use DBAccordion"}),"\n",(0,r.jsx)(a.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(d.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),o=e(2784),i=e(13776);let a=(0,o.forwardRef)(function(n,t){let e=t||(0,o.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,title:n.title,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=a},63900:function(n,t,e){"use strict";var r,o,i,a,c,s,d;e.d(t,{IY:function(){return l},YP:function(){return u},ce:function(){return p}});let l="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(o||(o={})).PRIMARY="primary",(s=i||(i={})).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(i).map(n=>{let[,t]=n;return t}),Object.entries(o).map(n=>{let[,t]=n;return t}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return s},Vj:function(){return r},cd:function(){return c},mS:function(){return a},yI:function(){return i},yn:function(){return o}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.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)},o=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&o(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},a=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("on"))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),c=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},s=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=1701)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/how-to-use-c938cb361dc60be8.js b/review/main/_next/static/chunks/pages/components/accordion/how-to-use-c938cb361dc60be8.js new file mode 100644 index 00000000000..bc99ec3f4f1 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/accordion/how-to-use-c938cb361dc60be8.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66719],{1701:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/how-to-use",function(){return e(69386)}])},9151:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),o=e(45392);function i(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-ts",children:"// app.component.ts\nimport { DBAccordion, DBAccordionItem } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBAccordion, DBAccordionItem],\n // ...\n})\n"})}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-html",children:'\n\n \n \n \n\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},43890:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),o=e(45392);function i(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-html",children:'\n...\n\n
    \n
    \n Title 1\n
    Content 1
    \n
    \n
    \n Title 2\n
    Content 2
    \n
    \n
    \n Title 3\n
    Content 3
    \n
    \n
    \n\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},34353:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),o=e(45392);function i(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAccordion, DBAccordionItem } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n \n \n \n);\nexport default App;\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},89631:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),o=e(45392);function i(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},69386:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return p}});var r=e(52322),o=e(45392),i=e(11803),c=e(43890),a=e(9151),s=e(34353),d=e(89631);let l=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function u(n){let t={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"how-to-use-dbaccordion",children:"How to use DBAccordion"}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(a.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(d.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),o=e(2784),i=e(13776);let c=(0,o.forwardRef)(function(n,t){let e=t||(0,o.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,title:n.title,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=c},63900:function(n,t,e){"use strict";var r,o,i,c,a,s,d;e.d(t,{IY:function(){return l},YP:function(){return u},ce:function(){return p}});let l="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(o||(o={})).PRIMARY="primary",(s=i||(i={})).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(i).map(n=>{let[,t]=n;return t}),Object.entries(o).map(n=>{let[,t]=n;return t}),(d=c||(c={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(c).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return s},Vj:function(){return r},cd:function(){return a},mS:function(){return c},yI:function(){return i},yn:function(){return o}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.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)},o=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&o(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},c=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("on"))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),a=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},s=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=1701)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/overview-d492a12be440dc73.js b/review/main/_next/static/chunks/pages/components/accordion/overview-d492a12be440dc73.js new file mode 100644 index 00000000000..94df6851c48 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/accordion/overview-d492a12be440dc73.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38164],{61523:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/overview",function(){return e(74254)}])},74254:function(n,t,e){"use strict";e.r(t);var o=e(52322),i=e(75942),s=e(70307),c=e(97292),a=e(86095),r=e(99341),u=e(7716),l=e(37395),d=e(3170);let f=n=>{let{behaviour:t,children:e,variant:i}=n;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.EZ,{size:"small",variant:"informational",icon:"none",children:e}),(0,o.jsxs)(a.aw,{behaviour:t,variant:i,children:[(0,o.jsx)(a.kC,{title:"Item 1",content:"Content 1"}),(0,o.jsx)(a.kC,{title:"Item 2",content:"Content 2"}),(0,o.jsx)(a.kC,{title:"Item 3",content:"Content 3"})]})]})};t.default=()=>(0,o.jsx)("div",{children:(0,o.jsx)(r.Z,{title:"DBAccordion",subComponent:(0,o.jsx)(d.default,{isSubComponent:!0,componentName:"accordion-item"}),variants:(0,l.P)(u,f,[(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{}),(0,o.jsx)(c.default,{})])})})}},function(n){n.O(0,[49710,14863,11803,94218,75942,81228,92888,49774,40179],function(){return n(n.s=61523)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/overview-e6f0afbb9bf3ad75.js b/review/main/_next/static/chunks/pages/components/accordion/overview-e6f0afbb9bf3ad75.js deleted file mode 100644 index 98cbda7e586..00000000000 --- a/review/main/_next/static/chunks/pages/components/accordion/overview-e6f0afbb9bf3ad75.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38164],{61523:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/overview",function(){return e(74254)}])},74254:function(n,t,e){"use strict";e.r(t);var i=e(52322),o=e(75942),s=e(70307),r=e(97292),a=e(86095),c=e(99341),l=e(7716),u=e(37395);let f=n=>{let{behaviour:t,children:e,variant:o}=n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.EZ,{size:"small",variant:"informational",icon:"none",children:e}),(0,i.jsxs)(a.aw,{behaviour:t,variant:o,children:[(0,i.jsx)(a.kC,{title:"Item 1",content:"Content 1"}),(0,i.jsx)(a.kC,{title:"Item 2",content:"Content 2"}),(0,i.jsx)(a.kC,{title:"Item 3",content:"Content 3"})]})]})};t.default=()=>(0,i.jsx)(c.Z,{title:"DBAccordion",variants:(0,u.P)(l,f,[(0,i.jsx)(o.default,{}),(0,i.jsx)(s.default,{}),(0,i.jsx)(r.default,{})])})}},function(n){n.O(0,[49710,14863,11803,75942,58734,92888,49774,40179],function(){return n(n.s=61523)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-f533fbd98994bb6f.js b/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-f533fbd98994bb6f.js deleted file mode 100644 index 999671d585d..00000000000 --- a/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-f533fbd98994bb6f.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/Tonality-fa24557a7c994a99.js b/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-fa24557a7c994a99.js new file mode 100644 index 00000000000..ebac78f0b89 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-fa24557a7c994a99.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/Width-13cccd027aa910d1.js b/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-13cccd027aa910d1.js new file mode 100644 index 00000000000..55781954242 --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-13cccd027aa910d1.js @@ -0,0 +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 diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-cdc8fa87c4a9d155.js b/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-cdc8fa87c4a9d155.js deleted file mode 100644 index 94a75b46ac5..00000000000 --- a/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-cdc8fa87c4a9d155.js +++ /dev/null @@ -1 +0,0 @@ -(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/phzQ8Gk4fOp5v7J42ZwaN/_buildManifest.js b/review/main/_next/static/phzQ8Gk4fOp5v7J42ZwaN/_buildManifest.js deleted file mode 100644 index 23075d43953..00000000000 --- a/review/main/_next/static/phzQ8Gk4fOp5v7J42ZwaN/_buildManifest.js +++ /dev/null @@ -1 +0,0 @@ -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":[Q,"static/chunks/pages/base64-b7f582041a92d59d.js"],"/components/accordion":[e,o,n,s,X,"static/chunks/pages/components/accordion-a8385fa66b17eebd.js"],"/components/accordion/code/Behaviour":[o,"static/chunks/pages/components/accordion/code/Behaviour-3d0e596e1ba0c711.js"],"/components/accordion/code/Tonality":[o,s,"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-a0f5ab8e9179ef73.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-b6cf8b6cedff256d.js"],"/components/accordion/docs/Vue":["static/chunks/pages/components/accordion/docs/Vue-3d5a3c82fdbc815b.js"],"/components/accordion/how-to-use":[e,n,"static/chunks/pages/components/accordion/how-to-use-8b145733fc64192a.js"],"/components/accordion/migration":[e,n,"static/chunks/pages/components/accordion/migration-9f64f6f6a234bab5.js"],"/components/accordion/overview":[e,o,n,s,X,"static/chunks/pages/components/accordion/overview-e6f0afbb9bf3ad75.js"],"/components/accordion/properties":[e,n,"static/chunks/pages/components/accordion/properties-56b766d5c7918733.js"],"/components/accordion-item":[e,o,n,Y,"static/chunks/pages/components/accordion-item-3a00e8e88419de8f.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,Y,"static/chunks/pages/components/accordion-item/overview-6c70091c515b50cd.js"],"/components/accordion-item/properties":[e,n,"static/chunks/pages/components/accordion-item/properties-e5c262f8977f0d74.js"],"/components/alert":[e,o,n,c,t,a,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,t,"static/chunks/pages/components/alert/code/Content-8e99517332808d93.js"],"/components/alert/code/Tonality":[o,a,"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,c,"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,c,t,a,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,p,i,d,$,"static/chunks/pages/components/badge-5e6fb83a04f1d5e6.js"],"/components/badge/code/Content":[o,d,"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,i,"static/chunks/pages/components/badge/code/Placement-3f763b844c74d2ce.js"],"/components/badge/code/Semantic":[o,p,"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,p,i,d,$,"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,m,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,m,"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,m,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,r,os,"static/chunks/pages/components/card-f941be86f9713017.js"],"/components/card/code/Colorvariant":[o,r,"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,r,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,u,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,u,"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,u,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,g,b,h,f,oa,"static/chunks/pages/components/drawer-36a51cef36de4700.js"],"/components/drawer/code/Backdrop":[o,h,"static/chunks/pages/components/drawer/code/Backdrop-269f1da6ce86d17f.js"],"/components/drawer/code/Directions":[o,b,"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,g,"static/chunks/pages/components/drawer/code/Spacing-d1e758d4c26e4305.js"],"/components/drawer/code/Tonality":[o,f,"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,g,b,h,f,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,k,l,op,"static/chunks/pages/components/header-186fe6e60817d80d.js"],"/components/header/code/Behaviour":[o,l,"static/chunks/pages/components/header/code/Behaviour-161185f3b92b10b6.js"],"/components/header/code/Tonality":[o,k,"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,k,l,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,j,od,"static/chunks/pages/components/infotext-c0df1afe2c8cc5c2.js"],"/components/infotext/code/Semantic":[o,j,"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,j,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,v,w,M,T,x,V,om,"static/chunks/pages/components/input-a73c4084e0b43c48.js"],"/components/input/code/Content":[o,V,"static/chunks/pages/components/input/code/Content-5a7b789a5cadf4e6.js"],"/components/input/code/ExampleTypes":[o,w,"static/chunks/pages/components/input/code/ExampleTypes-96afc2d96c32e7e0.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,v,"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,x,"static/chunks/pages/components/input/code/Semantic-d41e228cf1f01b3e.js"],"/components/input/code/StatesFloatingLabel":[o,M,"static/chunks/pages/components/input/code/StatesFloatingLabel-3a0fd283e3a761a5.js"],"/components/input/code/StatesLabelAbove":[o,T,"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,v,w,M,T,x,V,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,L,ou,"static/chunks/pages/components/main-navigation-1e2067485f6d5f57.js"],"/components/main-navigation/code/Tonality":[o,L,"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,L,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,A,og,"static/chunks/pages/components/navigation-item-bee6782c54ee3899.js"],"/components/navigation-item/code/Content":[o,A,"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-f533fbd98994bb6f.js"],"/components/navigation-item/code/Width":[o,"static/chunks/pages/components/navigation-item/code/Width-cdc8fa87c4a9d155.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,A,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,R,S,oh,"static/chunks/pages/components/popover-f8a3c34a99c82df7.js"],"/components/popover/code/Animations":[o,S,"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,R,"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,R,S,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,H,y,C,z,E,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,z,"static/chunks/pages/components/select/code/Requirement-2c55a2d96cd59743.js"],"/components/select/code/Semantic":[o,H,"static/chunks/pages/components/select/code/Semantic-c30a788980e41299.js"],"/components/select/code/StatesFloatingLabel":[o,y,"static/chunks/pages/components/select/code/StatesFloatingLabel-0cb06fd8c2d3b446.js"],"/components/select/code/StatesLabelAbove":[o,C,"static/chunks/pages/components/select/code/StatesLabelAbove-8132b2b8743d5746.js"],"/components/select/code/Tonality":[o,E,"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,H,y,C,z,E,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,B,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,B,"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,B,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,F,_,q,I,W,ov,"static/chunks/pages/components/tabs-2aca8227a0247d29.js"],"/components/tabs/code/Examples":[o,I,"static/chunks/pages/components/tabs/code/Examples-03683eeaaee7b643.js"],"/components/tabs/code/Orientation":[o,W,"static/chunks/pages/components/tabs/code/Orientation-01ff05fc8f7bacc7.js"],"/components/tabs/code/Overflow":[o,_,"static/chunks/pages/components/tabs/code/Overflow-e49b9c7f21aaef22.js"],"/components/tabs/code/Tonality":[o,q,"static/chunks/pages/components/tabs/code/Tonality-a76db19b95c83d1c.js"],"/components/tabs/code/Width":[o,F,"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,F,_,q,I,W,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,P,O,D,ow,"static/chunks/pages/components/tag-c7528e227f1e7cb5.js"],"/components/tag/code/Behaviour":[o,O,"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,D,"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,P,"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,P,O,D,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,G,N,U,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,U,"static/chunks/pages/components/textarea/code/Semantic-03921b4a5df393f6.js"],"/components/textarea/code/StatesFloatingLabel":[o,G,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-92eb6dcb8963256e.js"],"/components/textarea/code/StatesLabelAbove":[o,N,"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,G,N,U,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,J,K,oT,"static/chunks/pages/components/tooltip-70252f52a11ea59c.js"],"/components/tooltip/code/Animations":[o,K,"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,J,"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,J,K,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":[Q,"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-745fbc4678e1073c.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-fe2f9688c9fc8e78.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/58734-7e6e3f717591be40.js","static/chunks/94218-474854664ce858d7.js","static/chunks/1047-6a5fbc7e28b511fc.js","static/chunks/93085-03316605ade4a012.js","static/chunks/46752-455307842dd7ed6d.js","static/chunks/45979-a7b0551d24f1bfda.js","static/chunks/71940-475b2bcf317441f7.js","static/chunks/68006-26ed6eb12b163868.js","static/chunks/21356-93d66f3742197f5c.js","static/chunks/80269-8297fc51664f9491.js","static/chunks/96734-c83ed6176fc279ba.js","static/chunks/2177-311937c67066d072.js","static/chunks/83175-92f3811311e3f2b7.js","static/chunks/71581-db5e4e7c31a84134.js","static/chunks/94274-954a44630eac83f1.js","static/chunks/77526-d9823f80eb8c931c.js","static/chunks/86747-1fe87ac4c1991b89.js","static/chunks/16288-06ec7b1c0d50823a.js","static/chunks/37580-e786125956392b73.js","static/chunks/96029-565afacdc68708ce.js","static/chunks/44469-ae17686ac2898e54.js","static/chunks/28955-639404a04bd83644.js","static/chunks/88478-6b343e95ffde3dae.js","static/chunks/5014-38a357cd33949084.js","static/chunks/54817-2c230af62fdc5352.js","static/chunks/23803-1e3e3346b47d3cf4.js","static/chunks/27752-692d8cf2c9a34bfc.js","static/chunks/82991-d7f2cc40c352bb99.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/main/base64.html b/review/main/base64.html index 141c782cd27..848f462afa6 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 3b1f30952bd..0c95f7a51fc 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 75128c60bc3..95669e650d4 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 aef6143d659..e1a387a44c3 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 ae28b1e3943..3c3694ae6a2 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 9c8660d822f..24fdb1633bf 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 734c7e44988..6c7b85d91e6 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":"phzQ8Gk4fOp5v7J42ZwaN","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 9c0de8fb056..caf148cc87b 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 0a537f3734a..d1d285565d3 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":"phzQ8Gk4fOp5v7J42ZwaN","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 22dbba0c620..26381d403c9 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":"phzQ8Gk4fOp5v7J42ZwaN","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 848dcb4e3a0..0d05e9efa87 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 e9a0e1a098c..a0d6cc4bf6c 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 0d41c32e478..c50c5b524e9 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 7f49e868bbb..38820a9a018 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 49c4fbbec43..163cd019f00 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 86018b22cdf..57eb50bb5cc 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 f29a7f3c170..368a8123004 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 ffa3dcc983d..6b476c5735b 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 4ffa50d619b..7ea95ca6944 100644 --- a/review/main/components/accordion/docs/Angular.html +++ b/review/main/components/accordion/docs/Angular.html @@ -1,13 +1,13 @@ -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
-import { DBAccordion } from '@db-ui/ngx-components';
+import { DBAccordion, DBAccordionItem } from '@db-ui/ngx-components';
 
 @Component({
   // ...
   standalone: true,
-  imports: [..., DBAccordion],
+  imports: [..., DBAccordion, DBAccordionItem],
   // ...
 })
    @@ -18,4 +18,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/accordion/docs/Angular","query":{},"buildId":"phzQ8Gk4fOp5v7J42ZwaN","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 53e415f388d..ce5646c4cdf 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":"phzQ8Gk4fOp5v7J42ZwaN","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 53069c40df2..54c7e0f2efb 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 e7aa74b5937..8990ac49878 100644 --- a/review/main/components/accordion/docs/React.html +++ b/review/main/components/accordion/docs/React.html @@ -1,8 +1,8 @@ -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
-import { DBAccordion } from "@db-ui/react-components";
+import { DBAccordion, DBAccordionItem } from "@db-ui/react-components";
 
 const App = () => (
 	<DBAccordion>
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion/docs/React","query":{},"buildId":"phzQ8Gk4fOp5v7J42ZwaN","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 603283e698f..eb38b12e651 100644 --- a/review/main/components/accordion/docs/Vue.html +++ b/review/main/components/accordion/docs/Vue.html @@ -1,9 +1,9 @@ -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 -->
 <script>
-import { DBAccordion } from "@db-ui/v-components";
+import { DBAccordion, DBAccordionItem } from "@db-ui/v-components";
 </script>
 
 <template>
@@ -13,4 +13,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion/docs/Vue","query":{},"buildId":"phzQ8Gk4fOp5v7J42ZwaN","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 ef37f6e2090..a0f3e961609 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 e158488910b..4e09d04e910 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 a0c8c775163..df18e6e06f0 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 24be49ef0c9..a6a0f393720 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 15858deb52e..b3e775a19b6 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 0be7947202f..a84490e0511 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 2fd537f287f..c01c4dff536 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 a2688236c0e..ae81858ba90 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 44217cd67f6..ac27492c091 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 153e09ffab7..5ba3b2523ae 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 ba6b497e02e..0304fb96545 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 2cefb907fdb..24ede0e30af 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":"phzQ8Gk4fOp5v7J42ZwaN","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 c6c09f7f7e5..45aa733f9a3 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 c6df9590fbf..6624f895743 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":"phzQ8Gk4fOp5v7J42ZwaN","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 ed03ce22cdb..e294cde695d 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":"phzQ8Gk4fOp5v7J42ZwaN","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 c6ace1502d9..31ed6dae653 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 1e92637cf89..386553cd415 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 5cbffdf5263..dbcf540ba0a 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 5cfb23b6e32..0887441100b 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 a2c7ae092ec..03c52d6de03 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 8a4709e21a8..3e3347b39fa 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 043c82f8dcb..c0e7bcaab83 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 e0f38b0e08a..084cbbe48a2 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 dbbb6910de9..7f21841be7a 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 e916a4ad845..2aeaa66bb2c 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 e17450576d8..d32343f7424 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 1b66995ce48..93eb497c2fb 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 76658483fc9..0d33ac70f3e 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 f02e29bbf28..2c3f67dc7eb 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":"phzQ8Gk4fOp5v7J42ZwaN","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 3cebb570c99..e3f19bbbc43 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 15af4c8dda9..906e79de274 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":"phzQ8Gk4fOp5v7J42ZwaN","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 421ebf663b5..65bf7a2a261 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":"phzQ8Gk4fOp5v7J42ZwaN","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 caab885c681..81a8992c444 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 72f0a24e529..20ca9215451 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 bec0c169ed1..567118efc85 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 e486519d5ee..92b20e96ff7 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 20438199d08..0af913dd74b 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 aa3c39278e1..e61bac76233 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 5e67b4c7205..84139d55030 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 05c1af20b83..f65789dc922 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":"phzQ8Gk4fOp5v7J42ZwaN","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 c9675b5d9e2..4650ba3fd32 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":"phzQ8Gk4fOp5v7J42ZwaN","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 a2d1653ebf7..c9740ea8fc2 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":"phzQ8Gk4fOp5v7J42ZwaN","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 273056a8f4d..02e12f42861 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 c0d23ff080b..18db1831a67 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 f005fac17eb..48a2e4bccb2 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 bdeb3b34d26..d1f12a4feea 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 537d344759a..52d3b48e1e5 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 63592db5d3e..71e9cc06d31 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 0683126638a..e063f7a334d 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 2d6ce83f19e..2c065b2a041 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 deb9f2ca336..fc4859d17e7 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 0e5d5acf5e9..2883d5185a8 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 3093118607c..48583a7a720 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 d9b526814be..55d1a6ce300 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 8fa20fc20da..c1a7c79679a 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":"phzQ8Gk4fOp5v7J42ZwaN","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 17b448806a9..81134c5d9dd 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 d3a93cf4436..1467d840791 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":"phzQ8Gk4fOp5v7J42ZwaN","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 7a30b378c26..21db5f56833 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":"phzQ8Gk4fOp5v7J42ZwaN","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 a50c5a89e43..54d2ef5afba 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 efe7af5cd0c..f7bb1aa8ae6 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 86e76b7df26..8d62455f317 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 e5f900c0b76..907c7688622 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 dcfcf5026cb..44dcd428e98 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 8046f36d286..5dd35517715 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 9bb8dfdc154..1402d665cfe 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 cb2e36ac8c6..7925b27b37d 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 4552ceb501f..bad96499c66 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 c82fdb7599c..ee07885dbef 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 def2f62ac8a..c0430589d94 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":"phzQ8Gk4fOp5v7J42ZwaN","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 db7d701bc80..d15b225f01e 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 b60a723065f..1ee8f9422be 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":"phzQ8Gk4fOp5v7J42ZwaN","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 54e9148113b..4ea9ee44c73 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":"phzQ8Gk4fOp5v7J42ZwaN","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 0298fd8775b..e50562e0966 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 cc9b0a4012b..75ac7756e3d 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 2bc47a6014b..637b367a3b6 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 7648fe714b2..e34b614cab6 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 a491e354bfa..f2043a810b1 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 436112a3278..44fd6821d8e 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 5477f450e01..c9708c1827e 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 914a56e3bdf..543c08798f1 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 0827e4cff44..f8e69c0c04e 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 feeba2bee11..4402d34be5a 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 20320286866..aa1020be1b2 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 66a006033d8..a76d7fda126 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":"phzQ8Gk4fOp5v7J42ZwaN","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 6de1020c569..a1d675aa054 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 f760629c600..879ae807343 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":"phzQ8Gk4fOp5v7J42ZwaN","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 36f0e28e275..a438c250296 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":"phzQ8Gk4fOp5v7J42ZwaN","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 d24a6d325d0..4fe8960bbb5 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 b7251d626fd..d38a9862286 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 ceadc53ee5f..4428e207775 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 15f297cfd0e..f7582ddf10e 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 59e9068e424..4f053375678 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 b35cdc17c87..7b292695ce1 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 4d63bd077d0..437d39cb3b3 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 0f4cb081ae0..26f777a1712 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 cd883e1e981..1053a8e1844 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 53e8ca265c3..51389f44a8d 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":"phzQ8Gk4fOp5v7J42ZwaN","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 e41c07eaa07..9458139e5ae 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 8431eb53327..22db234b5b2 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":"phzQ8Gk4fOp5v7J42ZwaN","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 657096853f2..6ba695ccdb7 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":"phzQ8Gk4fOp5v7J42ZwaN","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 e78d9154c5e..96326a0e719 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 b414b91cc55..029d0c8995f 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 35bb697bfa9..a0aa0eeecbe 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 32e05c6a8ab..d7d3414c9fe 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 e042929f882..3912b242b4f 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 3469ef81e46..093d2a77237 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 155b89b1f04..002ef7e8bad 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 c2865d738c6..9e8cd66b95d 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 ab6eb330997..d16a67d6231 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 4483dc65ddb..9d8508091f2 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 190ea27e760..57f23e05288 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 4f6a6c94fb5..3f14d890102 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":"phzQ8Gk4fOp5v7J42ZwaN","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 7ac6120472b..76c99c1365f 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":"phzQ8Gk4fOp5v7J42ZwaN","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 625fae5be6f..207180b2257 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 b2157cee626..132750eea71 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":"phzQ8Gk4fOp5v7J42ZwaN","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 dc94f4447c9..c6c50b17dd3 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":"phzQ8Gk4fOp5v7J42ZwaN","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 676706dd1bb..bd4b21224d4 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 f58a781b29c..19e8dd0697c 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 75c6bfcd6e6..cb8d8505584 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 22b3c76d6e5..d5edc3fe0a4 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 24d06a12dfd..58ce4eb5eb5 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 a6ab45befa7..ea3e2a1513e 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 faa3ffe42d7..cebe08d480f 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 c5ba4df029d..25538b2540e 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":"phzQ8Gk4fOp5v7J42ZwaN","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 01976dea7f0..c6ef26df30d 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":"phzQ8Gk4fOp5v7J42ZwaN","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 5fd6e6b8d1b..1ff40f92719 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 732b9b9bec7..2c130ece928 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":"phzQ8Gk4fOp5v7J42ZwaN","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 476059d8357..6c7d963d3a8 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":"phzQ8Gk4fOp5v7J42ZwaN","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 8f0fd0a68ee..c74b3ad4708 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 d6e2699a6c1..82f15acac25 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 58be0f977c5..41ea30f0709 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 c2eed04ccbb..c0bd9412048 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 7359a554227..3ff86cc351e 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 2c021496bdc..94e117c81bb 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 438a12167d4..76721d83449 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 ad3c11f9e32..439e0b7be92 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":"phzQ8Gk4fOp5v7J42ZwaN","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 a2e5c91eaa5..5648927dc43 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 16ec0626517..722213b8cf9 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":"phzQ8Gk4fOp5v7J42ZwaN","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 daeaa4efa82..bbf43111f99 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":"phzQ8Gk4fOp5v7J42ZwaN","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 2c42573d243..08e3ff7606a 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 6c0778f5bac..2e41dd010f5 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 0818ed56b0e..d04b4b1bb98 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 a599a63937c..04a6a760c4c 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 f9beb8764ed..6a1e9ab6540 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 163721631d0..7cd0a5a2fa0 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 1e826a11aa3..b6a08fa5199 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 43403d8bb5f..2fcca26d86c 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 a41126cb63e..ba0223a509b 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 f3045786be4..097bbd32a91 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":"phzQ8Gk4fOp5v7J42ZwaN","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 b81d6a05e14..4065e874f6c 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 81a3ea1f611..cee0010200b 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":"phzQ8Gk4fOp5v7J42ZwaN","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 30efbf103b7..0e35cb6c273 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":"phzQ8Gk4fOp5v7J42ZwaN","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 8a22dea56e9..868fb923e1c 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 7b7c08f7d8c..b7a6dc79c88 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 9ef395cff83..dce5ca7fca7 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 7e939efa575..8490a705da7 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 339f7e06af0..da040fb39ac 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 6b736ae464c..4dff6c0cb39 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 2b2d12cfb8a..8710b5ea0d6 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 ebb968ade3c..c6f9657ec4b 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 466a5d6cf01..c8e8240514a 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 f24d13ba035..5fbe8ce4d71 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 0d00f74df46..eee21ae0ae6 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 64c8494d666..b5dfc625d69 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 9a754293857..a9b942ec3be 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 ad4e7643dfa..cf762e2741a 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 0818ec2098e..5c4cc0c2fa5 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 1a9d741e960..bb80c72cdbd 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 c84931271e6..7f1a71722e0 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 fd4072f57a9..6c429e555fc 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 1503ae5d1b1..568874d7679 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 4d8571ff95a..1e3eeedacdc 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 310424771b1..a050e286c41 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 553cdb0bfb5..5bca92ecb36 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 6115b18d4e7..ba7636cfa10 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 e86aa4c8506..bacfd6589a4 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 3f1bd9976f0..71d4a3da54b 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 12be6229eb7..b97fda13415 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 c0fb7c21298..2d100e72cad 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 01c0b4b1e50..6f2e0f2fd31 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 223cf2c9fbc..7b6ef433763 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 fcf0eaf3d17..d8d9a2b8695 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 962f9077b5a..e93c5759800 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 c9ffbb3964b..b4b98dbe805 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":"phzQ8Gk4fOp5v7J42ZwaN","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 5d30a9e0303..14305129699 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 a6e2ecc29d2..e7bb8320c30 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":"phzQ8Gk4fOp5v7J42ZwaN","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 81927798f93..dfa206415e8 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":"phzQ8Gk4fOp5v7J42ZwaN","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 5a42da1e3d8..60957d00468 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 d4d0ce3a025..d5ecd77a5ca 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 000d98f1959..10d8779865f 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 fcc879f86b3..9503b29670c 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 47938f1af75..35550703d00 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 2056d494352..c7a7b9f5bbc 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 1aab20a6fe5..b6ea83c003b 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 8ece749842b..1fe8fa4fce6 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":"phzQ8Gk4fOp5v7J42ZwaN","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 16010952add..13ce57d0c7b 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 471a17849bf..08d3e262d5c 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":"phzQ8Gk4fOp5v7J42ZwaN","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 2982b326260..a76005895e6 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 01a7481bae9..109aff35206 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 8380111b2a8..90402fc988c 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 039895ee234..5e9c989325b 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 f6848926689..a30822bc71b 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 b1de3b04098..bc300f411a8 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 ec5c96a110d..a5456db5e55 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-7973332647055793"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-6960615414084528"></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-7323782627878761"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-34933985784117216"></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-7301633123005058"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-6656176155572642"></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-2201397688146134"></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-49325949573088534"></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 3aca9873124..aa7ad891751 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 3bd1c2c933e..5f64686b3cc 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-1369719758869723"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-506572121564407"></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-15458470745299158"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-3483895745500567"></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-003425004139338883"></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-35302645096299723"></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 b952702aabc..1945b01a794 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-95674544124252"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-19149731339386977"></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-33634955933160726"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-20094698490506957"></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 59b0569be63..f147b3d2389 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":"phzQ8Gk4fOp5v7J42ZwaN","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 5adbbe69057..caadedd8a6b 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":"phzQ8Gk4fOp5v7J42ZwaN","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 bd622fbd6bb..3031d45478b 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 ebd7baf06b0..0112e6c5ae7 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":"phzQ8Gk4fOp5v7J42ZwaN","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 98e70e25c4c..e8fb3e2d6f7 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":"phzQ8Gk4fOp5v7J42ZwaN","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 9338d346e03..e37eb76721c 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 bfb5ce78063..bcc846050ba 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 d24631758c9..9d22bdd9307 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 e21dc1a279a..5df2c8b7b90 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 1598f0708b8..447e11b88bd 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 7da2738ba13..afc69c3758a 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 df2e67a97ff..e5ddaa940a8 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":"phzQ8Gk4fOp5v7J42ZwaN","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 f7b8a342547..ef74f9261b3 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":"phzQ8Gk4fOp5v7J42ZwaN","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 224e6cbd4a4..11fdd52e4d1 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 a09a4ca2d46..1129be6ea9a 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":"phzQ8Gk4fOp5v7J42ZwaN","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 45261464372..bd1ab388c9a 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":"phzQ8Gk4fOp5v7J42ZwaN","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 360bbf226cb..d84646b3d3b 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 1785c17452d..4d874c33810 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 53b768143b4..bc920fd79b0 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 587dc04bacd..43565af8485 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 5d179be099c..3bf1a482613 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 26729d0db5a..d8167d6b240 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 65af9e37702..c044b3a804f 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 d7c3a66e638..c8c5fa32bc3 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 5180dc71eef..26410c5cf7f 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 7c99cffb3cd..4c7802206ac 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 483d375c056..ab2aea9659c 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 151e72ec4b8..79f7d98f047 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":"phzQ8Gk4fOp5v7J42ZwaN","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 4ea49f3e44f..a4205897498 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":"phzQ8Gk4fOp5v7J42ZwaN","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 29b0960faad..2e0a5c69341 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 584c1912142..2eff65ad8de 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":"phzQ8Gk4fOp5v7J42ZwaN","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 1de4a282641..339ccfdc39f 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":"phzQ8Gk4fOp5v7J42ZwaN","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 f012a2dca97..d4c5f9301e2 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 9f72e9dee04..af19ebf691e 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 5a5111e74df..f4d19c46815 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 1621f068add..56b770856f3 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 b519014a211..04c0edde2c0 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 cec4d1b936e..ca3b10d7f13 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 24eae206f5d..08509b5c002 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 79d395f815a..81a54a28762 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 5bedb7bb93a..f949b7c51f6 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 d9fcef43421..d73965813d1 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 d51641f0242..35bfabfcf52 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 7792e24f978..b092c649578 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":"phzQ8Gk4fOp5v7J42ZwaN","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 9c671d96dc3..a34f06c3b2b 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 cbab65c9442..d752bbe4762 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":"phzQ8Gk4fOp5v7J42ZwaN","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 f3c7974efac..a9f8e711f42 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":"phzQ8Gk4fOp5v7J42ZwaN","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 5ccbb1d6355..6a187a072f7 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 a521c018871..caca8bb6c3b 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 59c47c73484..e37379fe4b7 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 c42d6b6793f..39609f66416 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 193e1332286..ae533f5b959 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 5dc69cebb6f..73d7636ca11 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 12af2dcdb24..013eb60ab4e 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 5eb67ae61d7..ca8016a17f4 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 79eba7e2e2e..3342694fcdf 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 bddb0e23979..f593f0d7d96 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 3c0531d4f61..77cfd27affd 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 dd0c20cc1d4..d427223c1bb 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":"phzQ8Gk4fOp5v7J42ZwaN","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 748a07d45ac..bdc2497085b 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 f93ceac7e59..2c17654cf24 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":"phzQ8Gk4fOp5v7J42ZwaN","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 aafcfa82806..9c8e94de3b9 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":"phzQ8Gk4fOp5v7J42ZwaN","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 747d33c0401..cd0ba0720b9 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 21eb3be6ac8..905f69ea6ae 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 1a0806936a1..4706638b666 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 7078b32775a..eb0ea0d741d 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 2ff11d6d269..5adc1c47e00 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 4e9d4bbdd44..b5aacff6a23 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 8a7dbfe5703..62ba674a1dd 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 05fd5c6e0f8..e6f9f6a5946 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 089b8cad140..48b24ecd5d0 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 58b4704b259..55147f186c2 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 dbbb40ed728..e6f9e364939 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 69bd6c1cdd1..b9d004c86f3 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 09863e9eb01..2928b4d4d3e 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 2b624d6ebb0..49764894d0b 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":"phzQ8Gk4fOp5v7J42ZwaN","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 16266cd3b02..849792f2fc4 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":"phzQ8Gk4fOp5v7J42ZwaN","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 345d7affe70..9f235ebce53 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 3f191281f0f..29a1d9700b4 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":"phzQ8Gk4fOp5v7J42ZwaN","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 5d8748f35ac..a2b3af80eb7 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":"phzQ8Gk4fOp5v7J42ZwaN","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 b79f67c4ef2..0ff15374571 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 19cc02c8d75..086a213f367 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 51df0e5212a..4a7fd1b0e45 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 431e8516d5b..2245a215a7e 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 4585796c26d..e5d43c46087 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":"phzQ8Gk4fOp5v7J42ZwaN","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 b802094922e..5ac3167f5ad 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":"phzQ8Gk4fOp5v7J42ZwaN","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 50d6aae150b..6512e6b6839 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 911b8fa8ac6..72c7a47b51b 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":"phzQ8Gk4fOp5v7J42ZwaN","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 145d1973c23..36e2c9a66ad 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":"phzQ8Gk4fOp5v7J42ZwaN","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 d7f4d578003..d0ea4b0d591 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 2ad27d835ae..265b7332ee9 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 e40f4c7824c..e276713d861 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 293032b57c1..e3fc6286518 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":"phzQ8Gk4fOp5v7J42ZwaN","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 0cb3748006e..99865d709ed 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":"phzQ8Gk4fOp5v7J42ZwaN","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 520ac7f88b1..a2dc4469525 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 63b88bd0233..34e77d9ce08 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":"phzQ8Gk4fOp5v7J42ZwaN","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 dab4dbdb735..92cfaa77a31 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":"phzQ8Gk4fOp5v7J42ZwaN","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 951906f3354..772c8bdaf91 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 6fbd0ce206e..6a7d312340d 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 16151c9780b..6f88695485f 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 d92efcd1a0b..e09abfcd0d4 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 fba86cbfbee..cbb3e43db4f 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 346a9cacb7f..9a6fd66fda8 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 3a894018691..506f6dd707d 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 dd2de95a081..6b790fd718c 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 6c830a3f63d..9feb3a2f0c9 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 238287554fa..baa3adacc93 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":"phzQ8Gk4fOp5v7J42ZwaN","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 15559500a78..98a6384030f 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":"phzQ8Gk4fOp5v7J42ZwaN","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 f05cb7f44f5..e2e4ed4e6f9 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 ec4b7ce8248..186248bb63f 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":"phzQ8Gk4fOp5v7J42ZwaN","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 f735da87db9..31392bd4b47 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":"phzQ8Gk4fOp5v7J42ZwaN","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 557aaf6f4e3..70e7e52b57e 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 3bf8f8ce75b..2e9bb7c981f 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 38f317d0b4f..67b42da1507 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 1c5e97afc02..7bb21220b9f 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 c0b63512cb9..7de86625785 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 94d778cbfff..70fd3f2c9e9 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 7a4387c9e79..c995f10fa7c 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 45bdd0c6152..6a021d9398f 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 90f0b261e95..7cc84ce9554 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 1c00175b008..43b9b5c41cc 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 6dba3f93159..667ce51eadf 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":"phzQ8Gk4fOp5v7J42ZwaN","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 b3ec946c5e6..7c51f334c63 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":"phzQ8Gk4fOp5v7J42ZwaN","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 e68e5f4152d..9f4335fee67 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 d2c58778a2b..c744dcfb865 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":"phzQ8Gk4fOp5v7J42ZwaN","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 075007b61f8..4a73f6354a6 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":"phzQ8Gk4fOp5v7J42ZwaN","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 233f9d09419..77f29a6a040 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 724983fbd0d..1dcbd67f389 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 02d02489bd6..a8a604a0d7f 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 b96f6ef695f..36eb5e27b16 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 94f088762f4..1fdc207fd7e 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 42e5c1709c9..f5a3f54f939 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 d4230b10475..f65547aea6c 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 a807e56515c..c00f5b0425a 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 c30733963fc..05571641e32 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 b6b31938c20..6fd342d0354 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 21c6546f3d9..1d868c3138c 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 c51301365e8..7aea4315ca8 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 3bad7d0b025..875efaff66c 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 f3a3e9d9cd3..2f7d2cb0dfa 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":"phzQ8Gk4fOp5v7J42ZwaN","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 aa355bc1294..83405dca84f 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":"phzQ8Gk4fOp5v7J42ZwaN","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 f07bd408359..1e3972d470b 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 a516fa803b4..3db57cf6c5f 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":"phzQ8Gk4fOp5v7J42ZwaN","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 abfaa07c817..dac73270040 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":"phzQ8Gk4fOp5v7J42ZwaN","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 0c8aaeb8cc7..ec9b34cf2ba 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 a93808f1e78..983a8537bd7 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 073e392d7b1..b009630a177 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 249e9979d6a..87bbd52a335 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 86510a7757c..8499714a5c4 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 764eec1ffd1..fde3164e903 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 76d58fbf55c..e14ab2481c2 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 e78dfa815b6..92c37174501 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 2d6969ab9ab..379fad497bd 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 1afbcf46856..e43dc5342f0 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 6d28a0cdac4..2767a09be84 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 fbbddde0c1b..b5d8963eb7a 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 3a4b1ddc1f6..c353a07555c 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 ad7682d25ba..0f32ed180a2 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":"phzQ8Gk4fOp5v7J42ZwaN","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 1c74c620702..a6ba4a06ecc 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":"phzQ8Gk4fOp5v7J42ZwaN","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 0854ccadaa7..8ce75d64453 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 1d5b7381348..f675c1bc059 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":"phzQ8Gk4fOp5v7J42ZwaN","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 f3df35f9f71..e4351f5e098 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":"phzQ8Gk4fOp5v7J42ZwaN","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 a8517373194..5db8f914307 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 202ca3e1184..1ab2a60d36c 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 020a079478a..e60b64ab22c 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 adbd5f0c7bd..9ca3ee78e56 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 504480f8baf..59dc1335df6 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 bc652933cda..5402e7d3515 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 400dfd87617..311379bef70 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 fc4a7b50bc7..815eb6863b9 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 2392e19429b..16e699a9730 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 8a679b0cac8..08727667276 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 7c754febbba..71c38342556 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 b72a71b1dae..6e498dfaa37 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":"phzQ8Gk4fOp5v7J42ZwaN","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 d5125adea44..17f583ad24f 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":"phzQ8Gk4fOp5v7J42ZwaN","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 1c4531e0e3a..de138027392 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 2f7e6f133db..6a0680aaa0a 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":"phzQ8Gk4fOp5v7J42ZwaN","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 841bb12298c..fb6c11d5cc9 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":"phzQ8Gk4fOp5v7J42ZwaN","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 c9ab6f5c484..7d753e9e38e 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 e12f2304dbd..89de8ab643f 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 8f3fe76e180..b9152c52804 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 3d631488299..19d384387b4 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/foundations/colors/color-schemes.html b/review/main/foundations/colors/color-schemes.html index 72164ab37e8..b633a71b9d1 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 8ea7e71ddf0..f39ea75c796 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 69a98d7ea2c..cc146c52223 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 91e0a97cbd0..7121b7566db 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 c9ad292cad0..b0416192be6 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 6c633f7cca1..2e80252759a 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 609e18705f4..f3a19c5982d 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 e7f4114fb67..f289cd6cf82 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 f941a70ef02..b18694edcc8 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 1e5c4779199..36f2e836294 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 02e08cbd7d8..d0bd16da7b8 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 e58b01ec977..6bec4b5eef2 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 56d3921beb3..2e4ba3ac1a8 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 e957caa2733..3bbc129925d 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/index.html b/review/main/index.html index a16136ce24f..a8bdcce1ee4 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