From e94dc0d8c37befe0e2ba01dc6faae82f55f3b248 Mon Sep 17 00:00:00 2001 From: mfranzke Date: Wed, 10 Apr 2024 17:44:44 +0000 Subject: [PATCH] deploy: 0ece896ac6ca5bd1e260696e5ff0ad77ef7e5027 --- review/fix-react-attributes/404.html | 2 +- .../static/X1NImgRdykMG87brM_J9S/_buildManifest.js | 1 - .../static/XrvGPCMSDBGfybkcNOpCm/_buildManifest.js | 1 + .../_ssgManifest.js | 0 .../_next/static/chunks/1047-2e933d592bc7bd90.js | 1 + .../_next/static/chunks/1047-6a5fbc7e28b511fc.js | 1 - .../_next/static/chunks/11803-14528e9a621c0480.js | 1 - .../_next/static/chunks/11803-26134abfa8bdf615.js | 1 + .../_next/static/chunks/16288-22e8516184824d8b.js | 1 - .../_next/static/chunks/16288-45665c674b98a436.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-da1ae0c85eef02b3.js | 1 - .../_next/static/chunks/24514-ee5f43fbf443a6ae.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-1c0e077b3486de19.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-6e7cd9bedfc7711b.js | 1 - .../_next/static/chunks/77526-b0bb23b47d409274.js | 1 + .../_next/static/chunks/80269-8297fc51664f9491.js | 1 - .../_next/static/chunks/80269-829a1b356ea6fe11.js | 1 + .../_next/static/chunks/81228-85fcb2d5a98045af.js | 1 + .../_next/static/chunks/82991-453a0ab4955886fd.js | 1 - .../_next/static/chunks/82991-509b5a31b5d8cc68.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-6ecd6337b96ec8c1.js | 1 + .../_next/static/chunks/94218-d01da62912bf8dcb.js | 1 - .../_next/static/chunks/94274-550a2d6be4434fc9.js | 1 + .../_next/static/chunks/94274-954a44630eac83f1.js | 1 - .../_next/static/chunks/96029-22bbfa844fd9efb1.js | 1 + .../_next/static/chunks/96029-381532de1cf9b336.js | 1 - .../_next/static/chunks/96734-7c3beaa20d981bc5.js | 1 + .../_next/static/chunks/96734-c83ed6176fc279ba.js | 1 - .../pages/components/accordion-7ad20015c0352a07.js | 1 - .../pages/components/accordion-d2e113420cb0fb10.js | 1 + .../components/accordion-item-016849234fbb46d4.js | 1 - .../components/accordion-item-41e42c2c9fe8c613.js | 1 + .../accordion-item/overview-2f9efa87dd47c10f.js | 1 - .../accordion-item/overview-80dd468c42fc5c75.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-048581a122f0a07f.js | 1 - .../accordion/how-to-use-7c274a6ee5aedcab.js | 1 + .../accordion/overview-d7356e977782b491.js | 1 + .../accordion/overview-dfca045d0bd62eed.js | 1 - .../code/Tonality-531d7294e9adf542.js | 1 + .../code/Tonality-57c70f07fff1a924.js | 1 - ...32b8eee8638e085a.js => Width-930efe8724210385.js} | 2 +- .../components/router-usage-f6b40d0a66aac2c0.js | 1 + .../pages/foundations/readme-5d6189d187adf8f7.js | 1 + .../pages/foundations/readme-654ea04adbb6e61e.js | 1 - .../{c2b57901df3bb14f.css => b717abf6af6f9d2d.css} | 2 +- review/fix-react-attributes/base64.html | 2 +- .../components/accordion-item.html | 2 +- .../accordion-item/code/ContentStates.html | 4 ++-- .../accordion-item/code/InteractionStates.html | 4 ++-- .../components/accordion-item/code/Tonality.html | 4 ++-- .../components/accordion-item/docs/Angular.html | 4 ++-- .../components/accordion-item/docs/HTML.html | 4 ++-- .../components/accordion-item/docs/Migration.html | 4 ++-- .../components/accordion-item/docs/React.html | 4 ++-- .../components/accordion-item/docs/Vue.html | 4 ++-- .../components/accordion-item/how-to-use.html | 2 +- .../components/accordion-item/migration.html | 2 +- .../components/accordion-item/overview.html | 2 +- .../components/accordion-item/properties.html | 2 +- .../fix-react-attributes/components/accordion.html | 2 +- .../components/accordion/code/Behaviour.html | 4 ++-- .../components/accordion/code/Tonality.html | 4 ++-- .../components/accordion/code/Variant.html | 4 ++-- .../components/accordion/docs/Angular.html | 8 ++++---- .../components/accordion/docs/HTML.html | 4 ++-- .../components/accordion/docs/Migration.html | 4 ++-- .../components/accordion/docs/React.html | 6 +++--- .../components/accordion/docs/Vue.html | 6 +++--- .../components/accordion/how-to-use.html | 2 +- .../components/accordion/migration.html | 2 +- .../components/accordion/overview.html | 2 +- .../components/accordion/properties.html | 2 +- review/fix-react-attributes/components/alert.html | 2 +- .../components/alert/code/Behaviour.html | 4 ++-- .../components/alert/code/Content.html | 4 ++-- .../components/alert/code/Tonality.html | 4 ++-- .../components/alert/code/Type.html | 4 ++-- .../components/alert/code/Variant.html | 4 ++-- .../components/alert/docs/Angular.html | 4 ++-- .../components/alert/docs/HTML.html | 4 ++-- .../components/alert/docs/Migration.html | 4 ++-- .../components/alert/docs/React.html | 4 ++-- .../components/alert/docs/Vue.html | 4 ++-- .../components/alert/how-to-use.html | 2 +- .../components/alert/migration.html | 2 +- .../components/alert/overview.html | 2 +- .../components/alert/properties.html | 2 +- review/fix-react-attributes/components/badge.html | 2 +- .../components/badge/code/Content.html | 4 ++-- .../components/badge/code/Emphasis.html | 4 ++-- .../components/badge/code/Examples.html | 2 +- .../components/badge/code/Placement.html | 4 ++-- .../components/badge/code/Semantic.html | 4 ++-- .../components/badge/code/Size.html | 4 ++-- .../components/badge/code/Tonality.html | 2 +- .../components/badge/docs/Angular.html | 4 ++-- .../components/badge/docs/HTML.html | 4 ++-- .../components/badge/docs/Migration.html | 4 ++-- .../components/badge/docs/React.html | 4 ++-- .../components/badge/docs/Vue.html | 4 ++-- .../components/badge/how-to-use.html | 2 +- .../components/badge/migration.html | 2 +- .../components/badge/overview.html | 2 +- .../components/badge/properties.html | 2 +- review/fix-react-attributes/components/brand.html | 2 +- .../components/brand/code/Tonality.html | 4 ++-- .../components/brand/docs/Angular.html | 4 ++-- .../components/brand/docs/HTML.html | 4 ++-- .../components/brand/docs/React.html | 4 ++-- .../components/brand/docs/Vue.html | 4 ++-- .../components/brand/how-to-use.html | 2 +- .../components/brand/migration.html | 2 +- .../components/brand/overview.html | 2 +- .../components/brand/properties.html | 2 +- review/fix-react-attributes/components/button.html | 2 +- .../components/button/code/Behaviour.html | 4 ++-- .../components/button/code/Content.html | 4 ++-- .../components/button/code/Size.html | 4 ++-- .../components/button/code/State.html | 4 ++-- .../components/button/code/Tonality.html | 2 +- .../components/button/code/Variant.html | 4 ++-- .../components/button/docs/Angular.html | 4 ++-- .../components/button/docs/HTML.html | 4 ++-- .../components/button/docs/Migration.html | 4 ++-- .../components/button/docs/React.html | 4 ++-- .../components/button/docs/Vue.html | 4 ++-- .../components/button/how-to-use.html | 2 +- .../components/button/migration.html | 2 +- .../components/button/overview.html | 2 +- .../components/button/properties.html | 2 +- review/fix-react-attributes/components/card.html | 2 +- .../components/card/code/Colorvariant.html | 4 ++-- .../components/card/code/Spacing.html | 4 ++-- .../components/card/code/Tonality.html | 4 ++-- .../components/card/code/Variant.html | 4 ++-- .../components/card/docs/Angular.html | 4 ++-- .../components/card/docs/HTML.html | 4 ++-- .../components/card/docs/Migration.html | 4 ++-- .../components/card/docs/React.html | 4 ++-- .../components/card/docs/Vue.html | 4 ++-- .../components/card/how-to-use.html | 2 +- .../components/card/migration.html | 2 +- .../components/card/overview.html | 2 +- .../components/card/properties.html | 2 +- review/fix-react-attributes/components/checkbox.html | 2 +- .../components/checkbox/code/Requirement.html | 4 ++-- .../components/checkbox/code/Size.html | 4 ++-- .../components/checkbox/code/States.html | 4 ++-- .../components/checkbox/code/Tonality.html | 4 ++-- .../components/checkbox/code/VariantLabel.html | 4 ++-- .../components/checkbox/docs/Angular.html | 4 ++-- .../components/checkbox/docs/HTML.html | 4 ++-- .../components/checkbox/docs/Migration.html | 4 ++-- .../components/checkbox/docs/React.html | 4 ++-- .../components/checkbox/docs/Vue.html | 4 ++-- .../components/checkbox/how-to-use.html | 2 +- .../components/checkbox/migration.html | 2 +- .../components/checkbox/overview.html | 2 +- .../components/checkbox/properties.html | 2 +- review/fix-react-attributes/components/divider.html | 2 +- .../components/divider/code/Emphasis.html | 2 +- .../components/divider/code/Tonality.html | 2 +- .../components/divider/code/Variant.html | 2 +- .../components/divider/docs/Angular.html | 4 ++-- .../components/divider/docs/HTML.html | 4 ++-- .../components/divider/docs/Migration.html | 4 ++-- .../components/divider/docs/React.html | 4 ++-- .../components/divider/docs/Vue.html | 4 ++-- .../components/divider/how-to-use.html | 2 +- .../components/divider/migration.html | 2 +- .../components/divider/overview.html | 2 +- .../components/divider/properties.html | 2 +- review/fix-react-attributes/components/drawer.html | 2 +- .../components/drawer/code/Backdrop.html | 4 ++-- .../components/drawer/code/Directions.html | 4 ++-- .../components/drawer/code/Rounded.html | 4 ++-- .../components/drawer/code/Size.html | 4 ++-- .../components/drawer/code/Spacing.html | 4 ++-- .../components/drawer/code/Tonality.html | 4 ++-- .../components/drawer/docs/Angular.html | 4 ++-- .../components/drawer/docs/HTML.html | 4 ++-- .../components/drawer/docs/Migration.html | 4 ++-- .../components/drawer/docs/React.html | 4 ++-- .../components/drawer/docs/Vue.html | 4 ++-- .../components/drawer/how-to-use.html | 2 +- .../components/drawer/migration.html | 2 +- .../components/drawer/overview.html | 2 +- .../components/drawer/properties.html | 2 +- review/fix-react-attributes/components/header.html | 2 +- .../components/header/code/Behaviour.html | 4 ++-- .../components/header/code/Tonality.html | 4 ++-- .../components/header/docs/Angular.html | 4 ++-- .../components/header/docs/HTML.html | 4 ++-- .../components/header/docs/Migration.html | 4 ++-- .../components/header/docs/React.html | 4 ++-- .../components/header/docs/Vue.html | 4 ++-- .../components/header/how-to-use.html | 2 +- .../components/header/migration.html | 2 +- .../components/header/overview.html | 2 +- .../components/header/properties.html | 2 +- review/fix-react-attributes/components/icon.html | 2 +- .../components/icon/code/Tonality.html | 4 ++-- .../components/icon/docs/Angular.html | 4 ++-- .../components/icon/docs/HTML.html | 4 ++-- .../components/icon/docs/Migration.html | 4 ++-- .../components/icon/docs/React.html | 4 ++-- .../components/icon/docs/Vue.html | 4 ++-- .../components/icon/how-to-use.html | 2 +- .../components/icon/migration.html | 2 +- .../components/icon/overview.html | 2 +- .../components/icon/properties.html | 2 +- review/fix-react-attributes/components/infotext.html | 2 +- .../components/infotext/code/Semantic.html | 4 ++-- .../components/infotext/code/Size.html | 4 ++-- .../components/infotext/code/Tonality.html | 2 +- .../components/infotext/docs/Angular.html | 4 ++-- .../components/infotext/docs/HTML.html | 4 ++-- .../components/infotext/docs/Migration.html | 4 ++-- .../components/infotext/docs/React.html | 4 ++-- .../components/infotext/docs/Vue.html | 4 ++-- .../components/infotext/how-to-use.html | 2 +- .../components/infotext/migration.html | 2 +- .../components/infotext/overview.html | 2 +- .../components/infotext/properties.html | 2 +- review/fix-react-attributes/components/input.html | 2 +- .../components/input/code/Content.html | 4 ++-- .../components/input/code/ExampleTypes.html | 4 ++-- .../input/code/ExampleTypesFloatingLabel.html | 4 ++-- .../components/input/code/Requirement.html | 4 ++-- .../components/input/code/Semantic.html | 4 ++-- .../components/input/code/StatesFloatingLabel.html | 4 ++-- .../components/input/code/StatesLabelAbove.html | 4 ++-- .../components/input/code/Tonality.html | 4 ++-- .../components/input/code/VariantHelperMessage.html | 4 ++-- .../components/input/code/VariantLabel.html | 4 ++-- .../components/input/docs/Angular.html | 4 ++-- .../components/input/docs/HTML.html | 4 ++-- .../components/input/docs/Migration.html | 4 ++-- .../components/input/docs/React.html | 4 ++-- .../components/input/docs/Vue.html | 4 ++-- .../components/input/how-to-use.html | 2 +- .../components/input/migration.html | 2 +- .../components/input/overview.html | 2 +- .../components/input/properties.html | 2 +- review/fix-react-attributes/components/link.html | 2 +- .../components/link/code/Content.html | 4 ++-- .../components/link/code/InteractionStates.html | 4 ++-- .../components/link/code/Semantic.html | 4 ++-- .../components/link/code/Size.html | 4 ++-- .../components/link/code/Tonality.html | 4 ++-- .../components/link/docs/Angular.html | 4 ++-- .../components/link/docs/HTML.html | 4 ++-- .../components/link/docs/Migration.html | 4 ++-- .../components/link/docs/React.html | 4 ++-- .../components/link/docs/Vue.html | 4 ++-- .../components/link/how-to-use.html | 2 +- .../components/link/migration.html | 2 +- .../components/link/overview.html | 2 +- .../components/link/properties.html | 2 +- .../components/main-navigation.html | 2 +- .../components/main-navigation/code/Tonality.html | 4 ++-- .../components/main-navigation/docs/Angular.html | 4 ++-- .../components/main-navigation/docs/HTML.html | 4 ++-- .../components/main-navigation/docs/Migration.html | 4 ++-- .../components/main-navigation/docs/React.html | 4 ++-- .../components/main-navigation/docs/Vue.html | 4 ++-- .../components/main-navigation/how-to-use.html | 2 +- .../components/main-navigation/migration.html | 2 +- .../components/main-navigation/overview.html | 2 +- .../components/main-navigation/properties.html | 2 +- .../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 +++++----- .../components/navigation-item/code/Width.html | 8 ++++---- .../components/navigation-item/docs/Angular.html | 4 ++-- .../components/navigation-item/docs/HTML.html | 4 ++-- .../components/navigation-item/docs/Migration.html | 4 ++-- .../components/navigation-item/docs/React.html | 4 ++-- .../components/navigation-item/docs/Vue.html | 4 ++-- .../components/navigation-item/how-to-use.html | 2 +- .../components/navigation-item/migration.html | 2 +- .../components/navigation-item/overview.html | 2 +- .../components/navigation-item/properties.html | 2 +- review/fix-react-attributes/components/page.html | 2 +- .../components/page/code/Tonality.html | 4 ++-- .../components/page/docs/Angular.html | 4 ++-- .../components/page/docs/HTML.html | 4 ++-- .../components/page/docs/Migration.html | 4 ++-- .../components/page/docs/React.html | 4 ++-- .../components/page/docs/Vue.html | 4 ++-- .../components/page/how-to-use.html | 2 +- .../components/page/migration.html | 2 +- .../components/page/overview.html | 2 +- .../components/page/properties.html | 2 +- review/fix-react-attributes/components/popover.html | 2 +- .../components/popover/code/Animations.html | 4 ++-- .../components/popover/code/Gap.html | 4 ++-- .../components/popover/code/Placement.html | 4 ++-- .../components/popover/code/Spacing.html | 4 ++-- .../components/popover/code/Tonality.html | 4 ++-- .../components/popover/code/Width.html | 4 ++-- .../components/popover/docs/Angular.html | 4 ++-- .../components/popover/docs/HTML.html | 4 ++-- .../components/popover/docs/Migration.html | 4 ++-- .../components/popover/docs/React.html | 4 ++-- .../components/popover/docs/Vue.html | 4 ++-- .../components/popover/how-to-use.html | 2 +- .../components/popover/migration.html | 2 +- .../components/popover/overview.html | 2 +- .../components/popover/properties.html | 2 +- review/fix-react-attributes/components/radio.html | 2 +- .../components/radio/code/Requirement.html | 4 ++-- .../components/radio/code/Size.html | 4 ++-- .../components/radio/code/States.html | 4 ++-- .../components/radio/code/Tonality.html | 4 ++-- .../components/radio/code/VariantLabel.html | 4 ++-- .../components/radio/docs/Angular.html | 4 ++-- .../components/radio/docs/HTML.html | 4 ++-- .../components/radio/docs/Migration.html | 4 ++-- .../components/radio/docs/React.html | 4 ++-- .../components/radio/docs/Vue.html | 4 ++-- .../components/radio/how-to-use.html | 2 +- .../components/radio/migration.html | 2 +- .../components/radio/overview.html | 2 +- .../components/radio/properties.html | 2 +- review/fix-react-attributes/components/readme.html | 2 +- .../components/router-usage.html | 1 + review/fix-react-attributes/components/section.html | 2 +- .../components/section/code/Size.html | 4 ++-- .../components/section/code/Tonality.html | 4 ++-- .../components/section/code/Variant.html | 4 ++-- .../components/section/docs/Angular.html | 4 ++-- .../components/section/docs/HTML.html | 4 ++-- .../components/section/docs/Migration.html | 4 ++-- .../components/section/docs/React.html | 4 ++-- .../components/section/docs/Vue.html | 4 ++-- .../components/section/how-to-use.html | 2 +- .../components/section/migration.html | 2 +- .../components/section/overview.html | 2 +- .../components/section/properties.html | 2 +- review/fix-react-attributes/components/select.html | 2 +- .../components/select/code/Content.html | 4 ++-- .../components/select/code/Requirement.html | 4 ++-- .../components/select/code/Semantic.html | 4 ++-- .../components/select/code/StatesFloatingLabel.html | 4 ++-- .../components/select/code/StatesLabelAbove.html | 4 ++-- .../components/select/code/Tonality.html | 4 ++-- .../components/select/code/VariantHelperMessage.html | 4 ++-- .../components/select/code/VariantLabel.html | 4 ++-- .../components/select/docs/Angular.html | 4 ++-- .../components/select/docs/HTML.html | 4 ++-- .../components/select/docs/Migration.html | 4 ++-- .../components/select/docs/React.html | 4 ++-- .../components/select/docs/Vue.html | 4 ++-- .../components/select/how-to-use.html | 2 +- .../components/select/migration.html | 2 +- .../components/select/overview.html | 2 +- .../components/select/properties.html | 2 +- .../components/tab-list/docs/Angular.html | 4 ++-- .../components/tab-list/docs/HTML.html | 4 ++-- .../components/tab-list/docs/Migration.html | 4 ++-- .../components/tab-list/docs/React.html | 4 ++-- .../components/tab-list/docs/Vue.html | 4 ++-- .../components/tab-list/how-to-use.html | 2 +- .../components/tab-list/migration.html | 2 +- .../components/tab-list/properties.html | 2 +- .../components/tab-panel/docs/Angular.html | 4 ++-- .../components/tab-panel/docs/HTML.html | 4 ++-- .../components/tab-panel/docs/Migration.html | 4 ++-- .../components/tab-panel/docs/React.html | 4 ++-- .../components/tab-panel/docs/Vue.html | 4 ++-- .../components/tab-panel/how-to-use.html | 2 +- .../components/tab-panel/migration.html | 2 +- .../components/tab-panel/properties.html | 2 +- review/fix-react-attributes/components/tab.html | 2 +- .../components/tab/code/Behaviour.html | 4 ++-- .../components/tab/code/Content.html | 4 ++-- .../tab/code/ContentAlignmentFullWidth.html | 4 ++-- .../components/tab/code/States.html | 4 ++-- .../components/tab/code/Tonality.html | 2 +- .../components/tab/docs/Angular.html | 4 ++-- .../components/tab/docs/HTML.html | 4 ++-- .../components/tab/docs/Migration.html | 4 ++-- .../components/tab/docs/React.html | 4 ++-- .../components/tab/docs/Vue.html | 4 ++-- .../components/tab/how-to-use.html | 2 +- .../components/tab/migration.html | 2 +- .../components/tab/overview.html | 2 +- .../components/tab/properties.html | 2 +- review/fix-react-attributes/components/tabs.html | 2 +- .../components/tabs/code/Examples.html | 4 ++-- .../components/tabs/code/Orientation.html | 4 ++-- .../components/tabs/code/Overflow.html | 4 ++-- .../components/tabs/code/Tonality.html | 4 ++-- .../components/tabs/code/Width.html | 4 ++-- .../components/tabs/docs/Angular.html | 4 ++-- .../components/tabs/docs/HTML.html | 4 ++-- .../components/tabs/docs/Migration.html | 4 ++-- .../components/tabs/docs/React.html | 4 ++-- .../components/tabs/docs/Vue.html | 4 ++-- .../components/tabs/how-to-use.html | 2 +- .../components/tabs/migration.html | 2 +- .../components/tabs/overview.html | 2 +- .../components/tabs/properties.html | 2 +- review/fix-react-attributes/components/tag.html | 2 +- .../components/tag/code/Behaviour.html | 4 ++-- .../components/tag/code/Content.html | 4 ++-- .../components/tag/code/Emphasis.html | 4 ++-- .../components/tag/code/Example.html | 4 ++-- .../components/tag/code/Overflow.html | 4 ++-- .../components/tag/code/State.html | 4 ++-- .../components/tag/code/Tonality.html | 2 +- .../components/tag/code/Variant.html | 4 ++-- .../components/tag/docs/Angular.html | 4 ++-- .../components/tag/docs/HTML.html | 4 ++-- .../components/tag/docs/Migration.html | 4 ++-- .../components/tag/docs/React.html | 4 ++-- .../components/tag/docs/Vue.html | 4 ++-- .../components/tag/how-to-use.html | 2 +- .../components/tag/migration.html | 2 +- .../components/tag/overview.html | 2 +- .../components/tag/properties.html | 2 +- review/fix-react-attributes/components/textarea.html | 2 +- .../components/textarea/code/Requirement.html | 4 ++-- .../components/textarea/code/Rows.html | 4 ++-- .../components/textarea/code/Semantic.html | 4 ++-- .../textarea/code/StatesFloatingLabel.html | 4 ++-- .../components/textarea/code/StatesLabelAbove.html | 4 ++-- .../components/textarea/code/Tonality.html | 4 ++-- .../textarea/code/VariantHelperMessage.html | 4 ++-- .../components/textarea/code/VariantLabel.html | 4 ++-- .../components/textarea/docs/Angular.html | 4 ++-- .../components/textarea/docs/HTML.html | 4 ++-- .../components/textarea/docs/Migration.html | 4 ++-- .../components/textarea/docs/React.html | 4 ++-- .../components/textarea/docs/Vue.html | 4 ++-- .../components/textarea/how-to-use.html | 2 +- .../components/textarea/migration.html | 2 +- .../components/textarea/overview.html | 2 +- .../components/textarea/properties.html | 2 +- review/fix-react-attributes/components/tooltip.html | 2 +- .../components/tooltip/code/Animations.html | 4 ++-- .../components/tooltip/code/Emphasis.html | 4 ++-- .../components/tooltip/code/Placement.html | 4 ++-- .../components/tooltip/code/Tonality.html | 4 ++-- .../components/tooltip/code/Variant.html | 4 ++-- .../components/tooltip/code/Width.html | 4 ++-- .../components/tooltip/docs/Angular.html | 4 ++-- .../components/tooltip/docs/HTML.html | 4 ++-- .../components/tooltip/docs/Migration.html | 4 ++-- .../components/tooltip/docs/React.html | 4 ++-- .../components/tooltip/docs/Vue.html | 4 ++-- .../components/tooltip/how-to-use.html | 2 +- .../components/tooltip/migration.html | 2 +- .../components/tooltip/overview.html | 2 +- .../components/tooltip/properties.html | 2 +- .../foundations/colors/color-schemes.html | 2 +- .../foundations/colors/overview.html | 2 +- .../foundations/colors/readme.html | 2 +- .../foundations/font-sizes/overview.html | 2 +- .../foundations/font-sizes/readme.html | 2 +- .../foundations/icons/custom-icons.html | 2 +- .../foundations/icons/overview.html | 2 +- .../foundations/icons/readme.html | 2 +- review/fix-react-attributes/foundations/readme.html | 2 +- .../foundations/tonalities/examples.html | 2 +- .../foundations/tonalities/readme.html | 2 +- .../foundations/variables/examples.html | 2 +- .../foundations/variables/readme.html | 2 +- review/fix-react-attributes/iframe.html | 2 +- review/fix-react-attributes/index.html | 2 +- 510 files changed, 743 insertions(+), 741 deletions(-) delete mode 100644 review/fix-react-attributes/_next/static/X1NImgRdykMG87brM_J9S/_buildManifest.js create mode 100644 review/fix-react-attributes/_next/static/XrvGPCMSDBGfybkcNOpCm/_buildManifest.js rename review/fix-react-attributes/_next/static/{X1NImgRdykMG87brM_J9S => XrvGPCMSDBGfybkcNOpCm}/_ssgManifest.js (100%) create mode 100644 review/fix-react-attributes/_next/static/chunks/1047-2e933d592bc7bd90.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/1047-6a5fbc7e28b511fc.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/11803-14528e9a621c0480.js create mode 100644 review/fix-react-attributes/_next/static/chunks/11803-26134abfa8bdf615.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/16288-22e8516184824d8b.js create mode 100644 review/fix-react-attributes/_next/static/chunks/16288-45665c674b98a436.js create mode 100644 review/fix-react-attributes/_next/static/chunks/21356-1966b82d4998c6fd.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/21356-93d66f3742197f5c.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/2177-311937c67066d072.js create mode 100644 review/fix-react-attributes/_next/static/chunks/2177-67c5397641cc2483.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/23803-1e3e3346b47d3cf4.js create mode 100644 review/fix-react-attributes/_next/static/chunks/23803-3b32f62a747bfc39.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/24514-da1ae0c85eef02b3.js create mode 100644 review/fix-react-attributes/_next/static/chunks/24514-ee5f43fbf443a6ae.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/27752-692d8cf2c9a34bfc.js create mode 100644 review/fix-react-attributes/_next/static/chunks/27752-913a8fab86b94bba.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/28955-639404a04bd83644.js create mode 100644 review/fix-react-attributes/_next/static/chunks/28955-bb6566a1150ceffd.js create mode 100644 review/fix-react-attributes/_next/static/chunks/37580-a2a923f32e8c4328.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/37580-e786125956392b73.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/44469-ae17686ac2898e54.js create mode 100644 review/fix-react-attributes/_next/static/chunks/44469-c6a4fd8ed3fadd46.js create mode 100644 review/fix-react-attributes/_next/static/chunks/45979-32716f8b5f60348f.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/45979-a7b0551d24f1bfda.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/46752-455307842dd7ed6d.js create mode 100644 review/fix-react-attributes/_next/static/chunks/46752-b73ea5105c5c32ee.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/5014-38a357cd33949084.js create mode 100644 review/fix-react-attributes/_next/static/chunks/5014-f81e8dfe9b65a03c.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/54817-2c230af62fdc5352.js create mode 100644 review/fix-react-attributes/_next/static/chunks/54817-ac11b3e74908f04e.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/58734-1c0e077b3486de19.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/68006-26ed6eb12b163868.js create mode 100644 review/fix-react-attributes/_next/static/chunks/68006-ba5cccb4ce58520c.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/71581-db5e4e7c31a84134.js create mode 100644 review/fix-react-attributes/_next/static/chunks/71581-f21d9f8b1cc48dfd.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/77526-6e7cd9bedfc7711b.js create mode 100644 review/fix-react-attributes/_next/static/chunks/77526-b0bb23b47d409274.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/80269-8297fc51664f9491.js create mode 100644 review/fix-react-attributes/_next/static/chunks/80269-829a1b356ea6fe11.js create mode 100644 review/fix-react-attributes/_next/static/chunks/81228-85fcb2d5a98045af.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/82991-453a0ab4955886fd.js create mode 100644 review/fix-react-attributes/_next/static/chunks/82991-509b5a31b5d8cc68.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/83175-92f3811311e3f2b7.js create mode 100644 review/fix-react-attributes/_next/static/chunks/83175-974db8e1ac1478e7.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/86747-1fe87ac4c1991b89.js create mode 100644 review/fix-react-attributes/_next/static/chunks/86747-a7ea53c7fa4a8c17.js create mode 100644 review/fix-react-attributes/_next/static/chunks/88478-4f82945ba9117d57.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/88478-6b343e95ffde3dae.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/93085-03316605ade4a012.js create mode 100644 review/fix-react-attributes/_next/static/chunks/93085-1db05321855e4427.js create mode 100644 review/fix-react-attributes/_next/static/chunks/94218-6ecd6337b96ec8c1.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/94218-d01da62912bf8dcb.js create mode 100644 review/fix-react-attributes/_next/static/chunks/94274-550a2d6be4434fc9.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/94274-954a44630eac83f1.js create mode 100644 review/fix-react-attributes/_next/static/chunks/96029-22bbfa844fd9efb1.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/96029-381532de1cf9b336.js create mode 100644 review/fix-react-attributes/_next/static/chunks/96734-7c3beaa20d981bc5.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/96734-c83ed6176fc279ba.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion-7ad20015c0352a07.js create mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion-d2e113420cb0fb10.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item-016849234fbb46d4.js create mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item-41e42c2c9fe8c613.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item/overview-2f9efa87dd47c10f.js create mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item/overview-80dd468c42fc5c75.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/Angular-a0f5ab8e9179ef73.js create mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/Angular-f694b720959ce422.js rename review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/{React-b6cf8b6cedff256d.js => React-760557676b7fb986.js} (56%) rename review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/{Vue-3d5a3c82fdbc815b.js => Vue-4598196eae5368af.js} (57%) delete mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion/how-to-use-048581a122f0a07f.js create mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion/how-to-use-7c274a6ee5aedcab.js create mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion/overview-d7356e977782b491.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/accordion/overview-dfca045d0bd62eed.js create mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Tonality-531d7294e9adf542.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Tonality-57c70f07fff1a924.js rename review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/{Width-32b8eee8638e085a.js => Width-930efe8724210385.js} (95%) create mode 100644 review/fix-react-attributes/_next/static/chunks/pages/components/router-usage-f6b40d0a66aac2c0.js create mode 100644 review/fix-react-attributes/_next/static/chunks/pages/foundations/readme-5d6189d187adf8f7.js delete mode 100644 review/fix-react-attributes/_next/static/chunks/pages/foundations/readme-654ea04adbb6e61e.js rename review/fix-react-attributes/_next/static/css/{c2b57901df3bb14f.css => b717abf6af6f9d2d.css} (99%) create mode 100644 review/fix-react-attributes/components/router-usage.html diff --git a/review/fix-react-attributes/404.html b/review/fix-react-attributes/404.html index 2edebc1e0d3..c58ebdeaf30 100644 --- a/review/fix-react-attributes/404.html +++ b/review/fix-react-attributes/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/fix-react-attributes/_next/static/X1NImgRdykMG87brM_J9S/_buildManifest.js b/review/fix-react-attributes/_next/static/X1NImgRdykMG87brM_J9S/_buildManifest.js deleted file mode 100644 index 6e0aeb2b0f7..00000000000 --- a/review/fix-react-attributes/_next/static/X1NImgRdykMG87brM_J9S/_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-55d72762d7e12051.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-7ad20015c0352a07.js"],"/components/accordion/code/Behaviour":[o,"static/chunks/pages/components/accordion/code/Behaviour-d51baf21abbb7fad.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-048581a122f0a07f.js"],"/components/accordion/migration":[e,n,"static/chunks/pages/components/accordion/migration-ccacc314a9ec1d55.js"],"/components/accordion/overview":[e,o,n,s,X,"static/chunks/pages/components/accordion/overview-dfca045d0bd62eed.js"],"/components/accordion/properties":[e,n,"static/chunks/pages/components/accordion/properties-a440bb4992497b8e.js"],"/components/accordion-item":[e,o,n,Y,"static/chunks/pages/components/accordion-item-016849234fbb46d4.js"],"/components/accordion-item/code/ContentStates":[o,"static/chunks/pages/components/accordion-item/code/ContentStates-8e5d20dadace296f.js"],"/components/accordion-item/code/InteractionStates":[o,"static/chunks/pages/components/accordion-item/code/InteractionStates-a86e3278f0a7e80f.js"],"/components/accordion-item/code/Tonality":[o,"static/chunks/pages/components/accordion-item/code/Tonality-e635b1cb38324618.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-e15d67e2e15187da.js"],"/components/accordion-item/migration":[e,n,"static/chunks/pages/components/accordion-item/migration-c8787e09ed110fe1.js"],"/components/accordion-item/overview":[e,o,n,Y,"static/chunks/pages/components/accordion-item/overview-2f9efa87dd47c10f.js"],"/components/accordion-item/properties":[e,n,"static/chunks/pages/components/accordion-item/properties-8d1d795c02387f92.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-d0a58710da6aa7d7.js"],"/components/alert/migration":[e,n,"static/chunks/pages/components/alert/migration-b48c2e31a68908a4.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-0712f25eedb5cc7b.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-d71a12329d72c06d.js"],"/components/badge/migration":[e,n,"static/chunks/pages/components/badge/migration-b16927fa724a87bf.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-72853cb37bf8ffae.js"],"/components/brand":[e,o,n,oo,"static/chunks/pages/components/brand-0541a06b00af1675.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-1571b472b9ddb958.js"],"/components/brand/migration":[e,n,"static/chunks/pages/components/brand/migration-61bbfbb80905cf53.js"],"/components/brand/overview":[e,o,n,oo,"static/chunks/pages/components/brand/overview-9e5eb840f307b78d.js"],"/components/brand/properties":[e,n,"static/chunks/pages/components/brand/properties-0d7a767677cf6210.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-6192773a29150d6b.js"],"/components/button/migration":[e,n,on,"static/chunks/pages/components/button/migration-828f569c7fe9cc6f.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-e388ad889a74ca09.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-d87e4132223b11a7.js"],"/components/card/migration":[e,n,"static/chunks/pages/components/card/migration-78d828e7e5f235a5.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-3cc8ee24ab9eed77.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-c94570aa6ced2833.js"],"/components/checkbox/migration":[e,n,"static/chunks/pages/components/checkbox/migration-13c9fd865d7b0819.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-b628ad5ce5ecb3f3.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-48f66ea2d2150356.js"],"/components/divider/migration":[e,n,"static/chunks/pages/components/divider/migration-bd7190558b5a9294.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-0e60eb442694d671.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-c9976bdf05f05682.js"],"/components/drawer/migration":[e,n,"static/chunks/pages/components/drawer/migration-74d4025b4a7b1bff.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-8302384ee076f185.js"],"/components/header":[e,o,n,k,l,op,"static/chunks/pages/components/header-d6548b9ed5cef9e8.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-cb62853ea9002c1d.js"],"/components/header/migration":[e,n,"static/chunks/pages/components/header/migration-be884e3596974865.js"],"/components/header/overview":[e,o,n,k,l,op,"static/chunks/pages/components/header/overview-be5b8afdb78d344c.js"],"/components/header/properties":[e,n,"static/chunks/pages/components/header/properties-b8b80b80338f99d7.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-407471ab1b2f7b57.js"],"/components/icon/migration":[e,n,"static/chunks/pages/components/icon/migration-36d8bd1cc3c4235d.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-e31728bc8dff13ec.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-f0702ce34cb69627.js"],"/components/infotext/migration":[e,n,"static/chunks/pages/components/infotext/migration-5f61fb370839ff81.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-1e8c0d494edec103.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-01576fc1d98d3bcb.js"],"/components/input/migration":[e,n,"static/chunks/pages/components/input/migration-88cad861d6a75e37.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-3da1f0035c161099.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-2ec18871b6957f06.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-970aac8e931a671c.js"],"/components/link/migration":[e,n,"static/chunks/pages/components/link/migration-168439fe3299b1e6.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-148f8993ff7689fe.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-71f6661e2923a418.js"],"/components/main-navigation/migration":[e,n,"static/chunks/pages/components/main-navigation/migration-e1e1735f242cb76a.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-9fc37306d5fee26f.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-57c70f07fff1a924.js"],"/components/navigation-item/code/Width":[o,"static/chunks/pages/components/navigation-item/code/Width-32b8eee8638e085a.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-ebc108cf9c279a82.js"],"/components/navigation-item/migration":[e,n,"static/chunks/pages/components/navigation-item/migration-dd4b6ee4c471d8b0.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-ed48519d24a9c242.js"],"/components/page":[e,o,n,ob,"static/chunks/pages/components/page-773eb572cfab2f9c.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-e28bbaa0e59ac3e9.js"],"/components/page/migration":[e,n,"static/chunks/pages/components/page/migration-3b03bbc23f5af395.js"],"/components/page/overview":[e,o,n,ob,"static/chunks/pages/components/page/overview-623f6ff736fd8564.js"],"/components/page/properties":[e,n,"static/chunks/pages/components/page/properties-75d28e4277e5640b.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-1aed751f9b85c9df.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-8fd4c47c5daeef9d.js"],"/components/popover/migration":[e,n,"static/chunks/pages/components/popover/migration-9d99740717fb488c.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-e878b3edd36d4c63.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-f2f7c0aeb168a237.js"],"/components/radio/migration":[e,n,"static/chunks/pages/components/radio/migration-e082102845e0ae56.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-e0c574c9ac526b12.js"],"/components/readme":[e,n,"static/chunks/pages/components/readme-4e498755ac736430.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-f9fca027e70693ad.js"],"/components/section/migration":[e,n,"static/chunks/pages/components/section/migration-a956330d212e6e58.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-c95893d6c3d86133.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-4cf2205a5cf38326.js"],"/components/select/migration":[e,n,"static/chunks/pages/components/select/migration-91e437c3e264987d.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-f38d9ce230fafff5.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-96c0ce91ea634aad.js"],"/components/tab/migration":[e,n,"static/chunks/pages/components/tab/migration-74bfc28710fe2afe.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-5926b348b952cafc.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-bdb31ea1b979190c.js"],"/components/tab-list/migration":[e,n,"static/chunks/pages/components/tab-list/migration-ccfbb4ffdfe37ed0.js"],"/components/tab-list/properties":[e,n,"static/chunks/pages/components/tab-list/properties-6b49a84caea76074.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-91f051fbef8f4c67.js"],"/components/tab-panel/migration":[e,n,"static/chunks/pages/components/tab-panel/migration-0def177638516f9f.js"],"/components/tab-panel/properties":[e,n,"static/chunks/pages/components/tab-panel/properties-2a0ffa33f06f3a74.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-bb31cca09ca44ae5.js"],"/components/tabs/migration":[e,n,"static/chunks/pages/components/tabs/migration-2bb37c50f04a4abf.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-e435976a92bd2592.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-57c1a600a68ceed3.js"],"/components/tag/migration":[e,n,"static/chunks/pages/components/tag/migration-2c9a0bc50a04ee76.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-26cc8649330da5d2.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-04b75a7ce0aacc3c.js"],"/components/textarea/migration":[e,n,"static/chunks/pages/components/textarea/migration-f69c2e67e8acb331.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-6e766d9033a69682.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-72b226f388c2d02a.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-0f652d445c77793f.js"],"/components/tooltip/code/Variant":[o,"static/chunks/pages/components/tooltip/code/Variant-c15495c635ad019d.js"],"/components/tooltip/code/Width":[o,"static/chunks/pages/components/tooltip/code/Width-48956eff82a2ff1d.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-0ed45408f2eac858.js"],"/components/tooltip/migration":[e,n,"static/chunks/pages/components/tooltip/migration-8032ce65c3851032.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-ef321243eee75a60.js"],"/foundations/colors/color-schemes":[e,n,"static/chunks/pages/foundations/colors/color-schemes-0d914d781eadb3f9.js"],"/foundations/colors/overview":[e,n,"static/chunks/pages/foundations/colors/overview-42bd9e34d1e183d0.js"],"/foundations/colors/readme":[e,n,"static/chunks/pages/foundations/colors/readme-9e40615da27d1f51.js"],"/foundations/font-sizes/overview":[e,n,"static/chunks/pages/foundations/font-sizes/overview-43450bca87d9497d.js"],"/foundations/font-sizes/readme":[e,n,"static/chunks/pages/foundations/font-sizes/readme-4075880e2c72d517.js"],"/foundations/icons/custom-icons":[e,n,"static/chunks/pages/foundations/icons/custom-icons-7353207cb235412f.js"],"/foundations/icons/overview":[e,n,"static/chunks/pages/foundations/icons/overview-9a69adeefda091a6.js"],"/foundations/icons/readme":[e,n,"static/chunks/pages/foundations/icons/readme-dab0b2902f64c9d3.js"],"/foundations/readme":[e,n,"static/chunks/pages/foundations/readme-654ea04adbb6e61e.js"],"/foundations/tonalities/examples":[e,n,"static/chunks/pages/foundations/tonalities/examples-c021df3717330901.js"],"/foundations/tonalities/readme":[e,n,"static/chunks/pages/foundations/tonalities/readme-8c7615974b025e90.js"],"/foundations/variables/examples":[e,n,"static/chunks/pages/foundations/variables/examples-f921d3cfc8849751.js"],"/foundations/variables/readme":[e,n,"static/chunks/pages/foundations/variables/readme-de5d8931b6b63a77.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/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-f4df2cf237127c15.js","static/chunks/49710-e3073ff3ccc96335.js","static/chunks/11803-14528e9a621c0480.js","static/chunks/75942-74c837e368c31f68.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-da1ae0c85eef02b3.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-47a4c3f6ec4bf6b0.js","static/chunks/40284-19f1c667e6a71171.js","static/chunks/6458-bff68bb13873cf60.js","static/chunks/55693-144592d4dd70c64a.js","static/chunks/95452-e714c9f508f7d53d.js","static/chunks/50988-5f999a80f46191e1.js","static/chunks/79906-bb3e49949678e297.js","static/chunks/48834-c827d6909fe9d35a.js","static/chunks/58734-1c0e077b3486de19.js","static/chunks/94218-d01da62912bf8dcb.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-6e7cd9bedfc7711b.js","static/chunks/86747-1fe87ac4c1991b89.js","static/chunks/16288-22e8516184824d8b.js","static/chunks/37580-e786125956392b73.js","static/chunks/96029-381532de1cf9b336.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-453a0ab4955886fd.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/fix-react-attributes/_next/static/XrvGPCMSDBGfybkcNOpCm/_buildManifest.js b/review/fix-react-attributes/_next/static/XrvGPCMSDBGfybkcNOpCm/_buildManifest.js new file mode 100644 index 00000000000..55c7cd92f8c --- /dev/null +++ b/review/fix-react-attributes/_next/static/XrvGPCMSDBGfybkcNOpCm/_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-55d72762d7e12051.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-d2e113420cb0fb10.js"],"/components/accordion/code/Behaviour":[o,"static/chunks/pages/components/accordion/code/Behaviour-d51baf21abbb7fad.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-7c274a6ee5aedcab.js"],"/components/accordion/migration":[e,n,"static/chunks/pages/components/accordion/migration-ccacc314a9ec1d55.js"],"/components/accordion/overview":[e,o,n,s,c,Y,"static/chunks/pages/components/accordion/overview-d7356e977782b491.js"],"/components/accordion/properties":[e,n,"static/chunks/pages/components/accordion/properties-a440bb4992497b8e.js"],"/components/accordion-item":[e,o,n,s,"static/chunks/pages/components/accordion-item-41e42c2c9fe8c613.js"],"/components/accordion-item/code/ContentStates":[o,"static/chunks/pages/components/accordion-item/code/ContentStates-8e5d20dadace296f.js"],"/components/accordion-item/code/InteractionStates":[o,"static/chunks/pages/components/accordion-item/code/InteractionStates-a86e3278f0a7e80f.js"],"/components/accordion-item/code/Tonality":[o,"static/chunks/pages/components/accordion-item/code/Tonality-e635b1cb38324618.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-e15d67e2e15187da.js"],"/components/accordion-item/migration":[e,n,"static/chunks/pages/components/accordion-item/migration-c8787e09ed110fe1.js"],"/components/accordion-item/overview":[e,o,n,s,"static/chunks/pages/components/accordion-item/overview-80dd468c42fc5c75.js"],"/components/accordion-item/properties":[e,n,"static/chunks/pages/components/accordion-item/properties-8d1d795c02387f92.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-d0a58710da6aa7d7.js"],"/components/alert/migration":[e,n,"static/chunks/pages/components/alert/migration-b48c2e31a68908a4.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-0712f25eedb5cc7b.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-d71a12329d72c06d.js"],"/components/badge/migration":[e,n,"static/chunks/pages/components/badge/migration-b16927fa724a87bf.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-72853cb37bf8ffae.js"],"/components/brand":[e,o,n,oo,"static/chunks/pages/components/brand-0541a06b00af1675.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-1571b472b9ddb958.js"],"/components/brand/migration":[e,n,"static/chunks/pages/components/brand/migration-61bbfbb80905cf53.js"],"/components/brand/overview":[e,o,n,oo,"static/chunks/pages/components/brand/overview-9e5eb840f307b78d.js"],"/components/brand/properties":[e,n,"static/chunks/pages/components/brand/properties-0d7a767677cf6210.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-6192773a29150d6b.js"],"/components/button/migration":[e,n,on,"static/chunks/pages/components/button/migration-828f569c7fe9cc6f.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-e388ad889a74ca09.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-d87e4132223b11a7.js"],"/components/card/migration":[e,n,"static/chunks/pages/components/card/migration-78d828e7e5f235a5.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-3cc8ee24ab9eed77.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-c94570aa6ced2833.js"],"/components/checkbox/migration":[e,n,"static/chunks/pages/components/checkbox/migration-13c9fd865d7b0819.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-b628ad5ce5ecb3f3.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-48f66ea2d2150356.js"],"/components/divider/migration":[e,n,"static/chunks/pages/components/divider/migration-bd7190558b5a9294.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-0e60eb442694d671.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-c9976bdf05f05682.js"],"/components/drawer/migration":[e,n,"static/chunks/pages/components/drawer/migration-74d4025b4a7b1bff.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-8302384ee076f185.js"],"/components/header":[e,o,n,l,j,op,"static/chunks/pages/components/header-d6548b9ed5cef9e8.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-cb62853ea9002c1d.js"],"/components/header/migration":[e,n,"static/chunks/pages/components/header/migration-be884e3596974865.js"],"/components/header/overview":[e,o,n,l,j,op,"static/chunks/pages/components/header/overview-be5b8afdb78d344c.js"],"/components/header/properties":[e,n,"static/chunks/pages/components/header/properties-b8b80b80338f99d7.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-407471ab1b2f7b57.js"],"/components/icon/migration":[e,n,"static/chunks/pages/components/icon/migration-36d8bd1cc3c4235d.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-e31728bc8dff13ec.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-f0702ce34cb69627.js"],"/components/infotext/migration":[e,n,"static/chunks/pages/components/infotext/migration-5f61fb370839ff81.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-1e8c0d494edec103.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-01576fc1d98d3bcb.js"],"/components/input/migration":[e,n,"static/chunks/pages/components/input/migration-88cad861d6a75e37.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-3da1f0035c161099.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-2ec18871b6957f06.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-970aac8e931a671c.js"],"/components/link/migration":[e,n,"static/chunks/pages/components/link/migration-168439fe3299b1e6.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-148f8993ff7689fe.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-71f6661e2923a418.js"],"/components/main-navigation/migration":[e,n,"static/chunks/pages/components/main-navigation/migration-e1e1735f242cb76a.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-9fc37306d5fee26f.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-531d7294e9adf542.js"],"/components/navigation-item/code/Width":[o,"static/chunks/pages/components/navigation-item/code/Width-930efe8724210385.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-ebc108cf9c279a82.js"],"/components/navigation-item/migration":[e,n,"static/chunks/pages/components/navigation-item/migration-dd4b6ee4c471d8b0.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-ed48519d24a9c242.js"],"/components/page":[e,o,n,ob,"static/chunks/pages/components/page-773eb572cfab2f9c.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-e28bbaa0e59ac3e9.js"],"/components/page/migration":[e,n,"static/chunks/pages/components/page/migration-3b03bbc23f5af395.js"],"/components/page/overview":[e,o,n,ob,"static/chunks/pages/components/page/overview-623f6ff736fd8564.js"],"/components/page/properties":[e,n,"static/chunks/pages/components/page/properties-75d28e4277e5640b.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-1aed751f9b85c9df.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-8fd4c47c5daeef9d.js"],"/components/popover/migration":[e,n,"static/chunks/pages/components/popover/migration-9d99740717fb488c.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-e878b3edd36d4c63.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-f2f7c0aeb168a237.js"],"/components/radio/migration":[e,n,"static/chunks/pages/components/radio/migration-e082102845e0ae56.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-e0c574c9ac526b12.js"],"/components/readme":[e,n,"static/chunks/pages/components/readme-4e498755ac736430.js"],"/components/router-usage":[e,n,"static/chunks/pages/components/router-usage-f6b40d0a66aac2c0.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-f9fca027e70693ad.js"],"/components/section/migration":[e,n,"static/chunks/pages/components/section/migration-a956330d212e6e58.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-c95893d6c3d86133.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-4cf2205a5cf38326.js"],"/components/select/migration":[e,n,"static/chunks/pages/components/select/migration-91e437c3e264987d.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-f38d9ce230fafff5.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-96c0ce91ea634aad.js"],"/components/tab/migration":[e,n,"static/chunks/pages/components/tab/migration-74bfc28710fe2afe.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-5926b348b952cafc.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-bdb31ea1b979190c.js"],"/components/tab-list/migration":[e,n,"static/chunks/pages/components/tab-list/migration-ccfbb4ffdfe37ed0.js"],"/components/tab-list/properties":[e,n,"static/chunks/pages/components/tab-list/properties-6b49a84caea76074.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-91f051fbef8f4c67.js"],"/components/tab-panel/migration":[e,n,"static/chunks/pages/components/tab-panel/migration-0def177638516f9f.js"],"/components/tab-panel/properties":[e,n,"static/chunks/pages/components/tab-panel/properties-2a0ffa33f06f3a74.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-bb31cca09ca44ae5.js"],"/components/tabs/migration":[e,n,"static/chunks/pages/components/tabs/migration-2bb37c50f04a4abf.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-e435976a92bd2592.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-57c1a600a68ceed3.js"],"/components/tag/migration":[e,n,"static/chunks/pages/components/tag/migration-2c9a0bc50a04ee76.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-26cc8649330da5d2.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-04b75a7ce0aacc3c.js"],"/components/textarea/migration":[e,n,"static/chunks/pages/components/textarea/migration-f69c2e67e8acb331.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-6e766d9033a69682.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-72b226f388c2d02a.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-0f652d445c77793f.js"],"/components/tooltip/code/Variant":[o,"static/chunks/pages/components/tooltip/code/Variant-c15495c635ad019d.js"],"/components/tooltip/code/Width":[o,"static/chunks/pages/components/tooltip/code/Width-48956eff82a2ff1d.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-0ed45408f2eac858.js"],"/components/tooltip/migration":[e,n,"static/chunks/pages/components/tooltip/migration-8032ce65c3851032.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-ef321243eee75a60.js"],"/foundations/colors/color-schemes":[e,n,"static/chunks/pages/foundations/colors/color-schemes-0d914d781eadb3f9.js"],"/foundations/colors/overview":[e,n,"static/chunks/pages/foundations/colors/overview-42bd9e34d1e183d0.js"],"/foundations/colors/readme":[e,n,"static/chunks/pages/foundations/colors/readme-9e40615da27d1f51.js"],"/foundations/font-sizes/overview":[e,n,"static/chunks/pages/foundations/font-sizes/overview-43450bca87d9497d.js"],"/foundations/font-sizes/readme":[e,n,"static/chunks/pages/foundations/font-sizes/readme-4075880e2c72d517.js"],"/foundations/icons/custom-icons":[e,n,"static/chunks/pages/foundations/icons/custom-icons-7353207cb235412f.js"],"/foundations/icons/overview":[e,n,"static/chunks/pages/foundations/icons/overview-9a69adeefda091a6.js"],"/foundations/icons/readme":[e,n,"static/chunks/pages/foundations/icons/readme-dab0b2902f64c9d3.js"],"/foundations/readme":[e,n,"static/chunks/pages/foundations/readme-5d6189d187adf8f7.js"],"/foundations/tonalities/examples":[e,n,"static/chunks/pages/foundations/tonalities/examples-c021df3717330901.js"],"/foundations/tonalities/readme":[e,n,"static/chunks/pages/foundations/tonalities/readme-8c7615974b025e90.js"],"/foundations/variables/examples":[e,n,"static/chunks/pages/foundations/variables/examples-f921d3cfc8849751.js"],"/foundations/variables/readme":[e,n,"static/chunks/pages/foundations/variables/readme-de5d8931b6b63a77.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-f4df2cf237127c15.js","static/chunks/49710-e3073ff3ccc96335.js","static/chunks/11803-26134abfa8bdf615.js","static/chunks/94218-6ecd6337b96ec8c1.js","static/chunks/75942-74c837e368c31f68.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-ee5f43fbf443a6ae.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-47a4c3f6ec4bf6b0.js","static/chunks/40284-19f1c667e6a71171.js","static/chunks/6458-bff68bb13873cf60.js","static/chunks/55693-144592d4dd70c64a.js","static/chunks/95452-e714c9f508f7d53d.js","static/chunks/50988-5f999a80f46191e1.js","static/chunks/79906-bb3e49949678e297.js","static/chunks/48834-c827d6909fe9d35a.js","static/chunks/81228-85fcb2d5a98045af.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-b0bb23b47d409274.js","static/chunks/86747-a7ea53c7fa4a8c17.js","static/chunks/16288-45665c674b98a436.js","static/chunks/37580-a2a923f32e8c4328.js","static/chunks/96029-22bbfa844fd9efb1.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-509b5a31b5d8cc68.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/fix-react-attributes/_next/static/X1NImgRdykMG87brM_J9S/_ssgManifest.js b/review/fix-react-attributes/_next/static/XrvGPCMSDBGfybkcNOpCm/_ssgManifest.js similarity index 100% rename from review/fix-react-attributes/_next/static/X1NImgRdykMG87brM_J9S/_ssgManifest.js rename to review/fix-react-attributes/_next/static/XrvGPCMSDBGfybkcNOpCm/_ssgManifest.js diff --git a/review/fix-react-attributes/_next/static/chunks/1047-2e933d592bc7bd90.js b/review/fix-react-attributes/_next/static/chunks/1047-2e933d592bc7bd90.js new file mode 100644 index 00000000000..713a473404e --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/1047-6a5fbc7e28b511fc.js b/review/fix-react-attributes/_next/static/chunks/1047-6a5fbc7e28b511fc.js deleted file mode 100644 index 6728a1e9ab6..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/11803-14528e9a621c0480.js b/review/fix-react-attributes/_next/static/chunks/11803-14528e9a621c0480.js deleted file mode 100644 index 064fb76a3f0..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/11803-14528e9a621c0480.js +++ /dev/null @@ -1 +0,0 @@ -"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),r=t(2784),s=t(61183),d=t(13776);let c=(0,r.forwardRef)(function(e,a){let t=a||(0,r.useRef)(a),[i,o]=(0,r.useState)(()=>!1);return(0,r.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,r.forwardRef)(function(e,a){var t;let i=a||(0,r.useRef)(a),o=(0,r.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 s(){(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,r.useEffect)(()=>{s()},[]),(0,r.useEffect)(()=>{s()},[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,r.forwardRef)(function(e,a){var t;let i=a||(0,r.useRef)(a),[o,l]=(0,r.useState)(()=>h.IY),[s,c]=(0,r.useState)(()=>!1),[m,v]=(0,r.useState)(()=>!1),[p,f]=(0,r.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function g(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,r.useEffect)(()=>{c(!0),l(e.id||"header-"+(0,d.Vj)())},[]),(0,r.useEffect)(()=>{if(s&&document&&o&&e.forceMobile){let e=document.getElementById(o);e&&(0,d.yn)(e,{key:"data-force-mobile",value:"true"}),v(!0)}},[s]),(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:p.burgerMenuLabel})}),(0,n.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]})]})]})}),v=(0,r.forwardRef)(function(e,a){var t,i,o,l,s;let c=a||(0,r.useRef)(a),[u,h]=(0,r.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!==(s=e.imgWidth)&&void 0!==s?s:u.width})}),e.anchorChildren?(0,n.jsx)(n.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,n.jsx)(n.Fragment,{children:e.children})]})}),p=(0,r.forwardRef)(function(e,a){let t=a||(0,r.useRef)(a),[i,o]=(0,r.useState)(()=>h.IY);return(0,r.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,r.forwardRef)(function(e,a){let t=a||(0,r.useRef)(a),[i,o]=(0,r.useState)(()=>h.IY);return(0,r.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:"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,r.forwardRef)(function(e,a){var t;let i=a||(0,r.useRef)(a),[o,l]=(0,r.useState)(()=>!1),[s,c]=(0,r.useState)(()=>!1),[b,m]=(0,r.useState)(()=>!0),[v,p]=(0,r.useState)(()=>!1),[f,g]=(0,r.useState)(()=>"sub-navigation-"+(0,d.Vj)());return(0,r.useEffect)(()=>{l(!0)},[]),(0,r.useEffect)(()=>{void 0!==e.subNavigationExpanded&&p(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,r.useEffect)(()=>{if(void 0!==e.areaPopup)c(e.areaPopup),m(s);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":s,"aria-expanded":v,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),s&&p(!0)},children:e.children}),(0,n.jsxs)("menu",{className:"db-sub-navigation",id:f,children:[s?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"db-mobile-navigation-back",children:(0,n.jsx)(u.Z,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),p(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:h.YP})})}):null,e.slotSubNavigation]})]}):null]})}),w=(e,a)=>{var t;return"/"===a.path?"/"===e:e.includes("".concat(a.path,"/"))||e===a.path||!!(null===(t=a.subNavigation)||void 0===t?void 0:t.find(a=>e.includes("".concat(a.path,"/"))))},B=e=>{var a;let{navItem:t}=e,o=w((0,i.useRouter)().pathname,t);return(0,n.jsx)(j,{active:o,backButtonText:"Back to ".concat(t.label),slotSubNavigation:t.subNavigation&&(0,n.jsx)(n.Fragment,{children:null==t?void 0:t.subNavigation.map(e=>(0,n.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),children:t.subNavigation?t.label:(0,n.jsx)(N(),{href:null!==(a=t.path)&&void 0!==a?a:"",children:t.label},"router-path-".concat(t.path))})};var y=()=>(0,n.jsx)(f,{children:g.map(e=>(0,n.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),D=t(35368),S=t(86095);let R=async e=>{try{let a=await fetch(e);return await a.json()}catch(e){console.error(e)}return[]},k="db-ui",I="mono";var C=()=>{let e=(0,i.useRouter)(),[a,t]=(0,r.useState)(),[o,l]=(0,r.useState)(),s=a=>{let t=e.basePath,n=a.find(e=>t.includes(e));n&&l(n)},d=(e,a)=>{let n=[],i=[],o=[],l=[],r=[],s=[];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)?r.push(e):e.startsWith("docs")?s.push(e):n.push(e);t({others:n,features:i,docs:s,refactors:l,issues:r,bugfixes:o,versions:e})};(0,r.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"));s(t),s(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,r.useState)(!1),[l,d]=(0,r.useState)(!1),[h,b]=(0,r.useState)(!1),[f,g]=(0,r.useState)(!1),[x,N]=(0,r.useState)(),j=(0,i.useRouter)();return(0,r.useEffect)(()=>{s.Z.highlightAll()},[]),(0,r.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)(v,{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)(p,{size:"none",variant:"large",children:a})})]})};var T=l()(async()=>E,{ssr:!1})}}]); \ No newline at end of file diff --git a/review/fix-react-attributes/_next/static/chunks/11803-26134abfa8bdf615.js b/review/fix-react-attributes/_next/static/chunks/11803-26134abfa8bdf615.js new file mode 100644 index 00000000000..7f258868f51 --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/11803-26134abfa8bdf615.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11803],{11803:function(e,a,t){t.d(a,{Z:function(){return T}});var n=t(52322),i=t(5632),o=t(25237),l=t.n(o),s=t(2784),r=t(61183),d=t(13776);let c=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>!1);return(0,s.useEffect)(()=>{o(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{o(!0)}):o(!0)},[]),(0,n.jsxs)("div",{ref:t,...(0,d.mS)(e,[]),id:e.id,className:(0,d.yI)("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":i,children:[e.slotHeader,(0,n.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})});var u=t(16134),h=t(63900);let b=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),o=(0,s.useRef)(null);function l(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function r(){(null==i?void 0:i.current)&&(e.open&&!i.current.open&&(o.current&&(o.current.hidden=!1),"none"===e.backdrop?i.current.show():i.current.showModal()),!e.open&&i.current.open&&(o.current&&(o.current.hidden=!0),setTimeout(()=>{var e;o.current&&(o.current.hidden=!1),null===(e=i.current)||void 0===e||e.close()},401)))}return(0,s.useEffect)(()=>{r()},[]),(0,s.useEffect)(()=>{r()},[e.open]),(0,n.jsx)("dialog",{className:"db-drawer",id:e.id,ref:i,...(0,d.mS)(e,["onClose"]),onClick:e=>{l(e)},onKeyDown:e=>l(e),"data-backdrop":e.backdrop,children:(0,n.jsxs)("article",{ref:o,className:(0,d.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,n.jsxs)("header",{className:"db-drawer-header",children:[(0,n.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(u.Z,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>l("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:h.ce})}):null]}),(0,n.jsx)("div",{className:"db-drawer-content",children:e.children})]})})}),m=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),[o,l]=(0,s.useState)(()=>h.IY),[r,c]=(0,s.useState)(()=>!1),[m,p]=(0,s.useState)(()=>!1),[v,f]=(0,s.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function g(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,s.useEffect)(()=>{c(!0),l(e.id||"header-"+(0,d.Vj)())},[]),(0,s.useEffect)(()=>{if(r&&document&&o&&e.forceMobile){let e=document.getElementById(o);e&&(0,d.yn)(e,{key:"data-force-mobile",value:"true"}),p(!0)}},[r]),(0,n.jsxs)("header",{ref:i,...(0,d.mS)(e,[]),className:(0,d.yI)("db-header",e.className),id:o,"data-on-forcing-mobile":e.forceMobile&&!m,children:[(0,n.jsxs)(b,{spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>g(),children:[(0,n.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,n.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation}),(0,n.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,n.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,n.jsxs)("div",{className:"db-header-navigation-container",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,n.jsxs)("div",{className:"db-header-action-container",children:[(0,n.jsx)("div",{className:"db-header-burger-menu-container",children:(0,n.jsx)(u.Z,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>g(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:v.burgerMenuLabel})}),(0,n.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]})]})]})}),p=(0,s.forwardRef)(function(e,a){var t,i,o,l,r;let c=a||(0,s.useRef)(a),[u,h]=(0,s.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"}));return(0,n.jsxs)("div",{ref:c,...(0,d.mS)(e,[]),id:e.id,className:(0,d.yI)("db-brand",e.className),children:[(0,n.jsxs)("a",{href:null!==(t=e.anchorRef)&&void 0!==t?t:u.anchorRef,title:e.anchorTitle,rel:e.anchorRelation,children:[e.hideDefaultAsset?null:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("img",{className:"db-logo",src:null!==(i=e.imgSrc)&&void 0!==i?i:u.src,alt:null!==(o=e.imgAlt)&&void 0!==o?o:"",height:null!==(l=e.imgHeight)&&void 0!==l?l:u.height,width:null!==(r=e.imgWidth)&&void 0!==r?r:u.width})}),e.anchorChildren?(0,n.jsx)(n.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,n.jsx)(n.Fragment,{children:e.children})]})}),v=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>h.IY);return(0,s.useEffect)(()=>{o(e.id||"section-"+(0,d.Vj)())},[]),(0,n.jsx)("section",{ref:t,...(0,d.mS)(e,[]),id:i,"data-size":e.size||"medium",className:(0,d.yI)("db-section",e.className),children:(0,n.jsx)("div",{"data-variant":e.variant,children:e.children})})}),f=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>h.IY);return(0,s.useEffect)(()=>{o(e.id||"main-navigation-"+(0,d.Vj)())},[]),(0,n.jsx)("nav",{ref:t,...(0,d.mS)(e,[]),id:i,className:(0,d.yI)("db-main-navigation",e.className),children:(0,n.jsx)("menu",{children:e.children})})}),g=[{label:"Home",path:"/"},{label:"Foundations",path:"/foundations",subNavigation:[{label:"Readme",path:"/foundations/readme"},{label:"Colors",path:"/foundations/colors",subNavigation:[{label:"Readme",path:"/foundations/colors/readme"},{label:"Overview",path:"/foundations/colors/overview"},{label:"Color Schemes",path:"/foundations/colors/color-schemes"}]},{label:"Font Sizes",path:"/foundations/font-sizes",subNavigation:[{label:"Readme",path:"/foundations/font-sizes/readme"},{label:"Overview",path:"/foundations/font-sizes/overview"}]},{label:"Icons",path:"/foundations/icons",subNavigation:[{label:"Readme",path:"/foundations/icons/readme"},{label:"Custom Icons",path:"/foundations/icons/custom-icons"},{label:"Overview",path:"/foundations/icons/overview"}]},{label:"Tonalities",path:"/foundations/tonalities",subNavigation:[{label:"Readme",path:"/foundations/tonalities/readme"},{label:"Examples",path:"/foundations/tonalities/examples"}]},{label:"Variables",path:"/foundations/variables",subNavigation:[{label:"Readme",path:"/foundations/variables/readme"},{label:"Examples",path:"/foundations/variables/examples"}]}]},{label:"Components",path:"/components",subNavigation:[{label:"Readme",path:"/components/readme"},{label:"Router usage",path:"/components/router-usage"},...[{label:"Action",path:"/components/action",subNavigation:[{label:"DBButton",name:"button"},{label:"DBLink",name:"link"}]},{label:"Data-Display",path:"/components/data-display",subNavigation:[{label:"DBBrand",name:"brand"},{label:"DBTooltip",name:"tooltip"},{label:"DBInfotext",name:"infotext"},{label:"DBTag",name:"tag"},{label:"DBAccordion",name:"accordion",subNavigation:[{label:"DBAccordionItem Properties",path:"/components/accordion-item/properties"}]},{label:"DBTabs",name:"tabs"},{label:"DBTab",name:"tab"}]},{label:"Data-Input",path:"/components/data-input",subNavigation:[{label:"DBCheckbox",name:"checkbox"},{label:"DBInput",name:"input"},{label:"DBRadio",name:"radio"},{label:"DBSelect",name:"select"},{label:"DBTextarea",name:"textarea"}]},{label:"Feedback",path:"/components/feedback",subNavigation:[{label:"DBAlert",name:"alert"},{label:"DBBadge",name:"badge"}]},{label:"Layout",path:"/components/layout",subNavigation:[{label:"DBCard",name:"card"},{label:"DBDivider",name:"divider"},{label:"DBDrawer",name:"drawer"},{label:"DBHeader",name:"header"},{label:"DBSection",name:"section"}]},{label:"Navigation",path:"/components/navigation",subNavigation:[{label:"DBMainNavigation",name:"main-navigation"},{label:"DBNavigationItem",name:"navigation-item"}]},{label:"Utilities",path:"/components/utilities",subNavigation:[{label:"DBPopover",name:"popover"}]}].map(e=>{var a;return{...e,subNavigation:null==e?void 0:null===(a=e.subNavigation)||void 0===a?void 0:a.map(e=>{var a;return{label:e.label,path:"/components/".concat(e.name),subNavigation:[{label:"Overview",path:"/components/".concat(e.name,"/overview")},{label:"Properties",path:"/components/".concat(e.name,"/properties")},{label:"How to use",path:"/components/".concat(e.name,"/how-to-use")},{label:"Migration",path:"/components/".concat(e.name,"/migration")},...null!==(a=e.subNavigation)&&void 0!==a?a:[]]}})}})]}];var x=t(39097),N=t.n(x);let j=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),[o,l]=(0,s.useState)(()=>!1),[r,c]=(0,s.useState)(()=>!1),[b,m]=(0,s.useState)(()=>!0),[p,v]=(0,s.useState)(()=>!1),[f,g]=(0,s.useState)(()=>"sub-navigation-"+(0,d.Vj)());return(0,s.useEffect)(()=>{l(!0)},[]),(0,s.useEffect)(()=>{void 0!==e.subNavigationExpanded&&v(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,s.useEffect)(()=>{if(void 0!==e.areaPopup)c(e.areaPopup),m(r);else if(o&&document&&f){var a;let e=null===(a=document)||void 0===a?void 0:a.getElementById(f);if(e){let a=e.children;(null==a?void 0:a.length)>0?(c(!0),(0,d.cd)(e)||e.setAttribute("data-outside-vx","true"),(0,d.MN)(e)||e.setAttribute("data-outside-vy","true")):m(!1)}}},[o,e.areaPopup]),(0,n.jsxs)("li",{ref:i,...(0,d.mS)(e,[]),id:e.id,className:(0,d.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[b?null:(0,n.jsx)(n.Fragment,{children:e.children}),b?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":r,"aria-expanded":p,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),r&&v(!0)},children:e.children}),(0,n.jsxs)("menu",{className:"db-sub-navigation",id:f,children:[r?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"db-mobile-navigation-back",children:(0,n.jsx)(u.Z,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),v(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:h.YP})})}):null,e.slotSubNavigation]})]}):null]})}),w=(e,a)=>{var t;return"/"===a.path?"/"===e:e.includes("".concat(a.path,"/"))||e===a.path||!!(null===(t=a.subNavigation)||void 0===t?void 0:t.find(a=>e.includes("".concat(a.path,"/"))))},B=e=>{var a;let{navItem:t}=e,o=w((0,i.useRouter)().pathname,t);return(0,n.jsx)(j,{active:o,backButtonText:"Back to ".concat(t.label),slotSubNavigation:t.subNavigation&&(0,n.jsx)(n.Fragment,{children:null==t?void 0:t.subNavigation.map(e=>(0,n.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),children:t.subNavigation?t.label:(0,n.jsx)(N(),{href:null!==(a=t.path)&&void 0!==a?a:"",children:t.label},"router-path-".concat(t.path))})};var y=()=>(0,n.jsx)(f,{children:g.map(e=>(0,n.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),D=t(35368),S=t(86095);let R=async e=>{try{let a=await fetch(e);return await a.json()}catch(e){console.error(e)}return[]},k="db-ui",I="mono";var C=()=>{let e=(0,i.useRouter)(),[a,t]=(0,s.useState)(),[o,l]=(0,s.useState)(),r=a=>{let t=e.basePath,n=a.find(e=>t.includes(e));n&&l(n)},d=(e,a)=>{let n=[],i=[],o=[],l=[],s=[],r=[];for(let e of a)e.startsWith("feat")||e.startsWith("feature")?i.push(e):e.startsWith("fix")||e.startsWith("bugfix")?o.push(e):e.startsWith("refactor")?l.push(e):/^\d*-/.test(e)?s.push(e):e.startsWith("docs")?r.push(e):n.push(e);t({others:n,features:i,docs:r,refactors:l,issues:s,bugfixes:o,versions:e})};(0,s.useEffect)(()=>{(async()=>{let e=await R("https://api.github.com/repos/".concat(k,"/").concat(I,"/branches")),a=(await R("https://api.github.com/repos/".concat(k,"/").concat(I,"/tags"))).map(e=>e.name),t=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));r(t),r(a),d(a,t)})().catch(e=>{console.error(e)})},[]);let c=a=>{let t=e.pathname,n=3===a.split(".").length&&a.startsWith("v");window.location.replace((0,D.sanitize)("https://".concat(k,".github.io/").concat(I).concat(n?"/version":"/review","/").concat(a).concat(t)))};return a?(0,n.jsx)(S.kr,{className:"version-switcher",label:"Version switcher",labelVariant:"floating",value:o,onChange:e=>{c(e.target.value)},children:Object.entries(a).filter(e=>{let[a,t]=e;return(null==t?void 0:t.length)>0}).map(e=>{let[a,t]=e;return(0,n.jsx)("optgroup",{label:a,children:t.slice(0,15).map((e,t)=>(0,n.jsx)("option",{value:e,children:e},"".concat(a,"-").concat(e,"-").concat(t)))},a)})}):null};let E=e=>{let{children:a}=e,[t,o]=(0,s.useState)(!1),[l,d]=(0,s.useState)(!1),[h,b]=(0,s.useState)(!1),[f,g]=(0,s.useState)(!1),[x,N]=(0,s.useState)(),j=(0,i.useRouter)();return(0,s.useEffect)(()=>{r.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),r.Z.highlightAll()},[]),(0,s.useEffect)(()=>{if(j.query&&(j.query.fullscreen&&o("true"===j.query.fullscreen),j.query.noh1&&d("true"===j.query.noh1),j.query.properties&&b("true"===j.query.properties),j.query.current)){let a=Array.isArray(j.query.current)?j.query.current[0]:j.query.current;if(x!==a){var e;N(a),null===(e=document.querySelector("#".concat(a)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}},[j]),(0,n.jsxs)(n.Fragment,{children:[j.isReady&&t&&(0,n.jsx)("div",{className:"".concat(l?"noh1":""," ").concat(h?"is-properties":""),children:a}),j.isReady&&!t&&(0,n.jsx)(c,{fadeIn:!0,type:"fixedHeaderFooter",slotHeader:(0,n.jsx)(m,{drawerOpen:f,onToggle:g,slotBrand:(0,n.jsx)(p,{imgSrc:"https://db-ui.github.io/images/db_logo.svg",title:"DB-UI Mono",anchorChildren:!0,children:"DB-UI Mono"}),slotCallToAction:(0,n.jsx)(u.Z,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,n.jsx)(C,{}),children:(0,n.jsx)(y,{})}),children:(0,n.jsx)(v,{size:"none",variant:"large",children:a})})]})};var T=l()(async()=>E,{ssr:!1})}}]); \ No newline at end of file diff --git a/review/fix-react-attributes/_next/static/chunks/16288-22e8516184824d8b.js b/review/fix-react-attributes/_next/static/chunks/16288-22e8516184824d8b.js deleted file mode 100644 index f9402ee0970..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/16288-22e8516184824d8b.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/fix-react-attributes/_next/static/chunks/16288-45665c674b98a436.js b/review/fix-react-attributes/_next/static/chunks/16288-45665c674b98a436.js new file mode 100644 index 00000000000..2167b226116 --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/16288-45665c674b98a436.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/fix-react-attributes/_next/static/chunks/21356-1966b82d4998c6fd.js b/review/fix-react-attributes/_next/static/chunks/21356-1966b82d4998c6fd.js new file mode 100644 index 00000000000..5c158a51a9e --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/21356-93d66f3742197f5c.js b/review/fix-react-attributes/_next/static/chunks/21356-93d66f3742197f5c.js deleted file mode 100644 index 1ee10012f86..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/2177-311937c67066d072.js b/review/fix-react-attributes/_next/static/chunks/2177-311937c67066d072.js deleted file mode 100644 index eb86539b6dd..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/2177-67c5397641cc2483.js b/review/fix-react-attributes/_next/static/chunks/2177-67c5397641cc2483.js new file mode 100644 index 00000000000..5c38bf527c4 --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/23803-1e3e3346b47d3cf4.js b/review/fix-react-attributes/_next/static/chunks/23803-1e3e3346b47d3cf4.js deleted file mode 100644 index 0e4f3e840d0..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/23803-3b32f62a747bfc39.js b/review/fix-react-attributes/_next/static/chunks/23803-3b32f62a747bfc39.js new file mode 100644 index 00000000000..ca900c496e5 --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/24514-da1ae0c85eef02b3.js b/review/fix-react-attributes/_next/static/chunks/24514-da1ae0c85eef02b3.js deleted file mode 100644 index 7af88a5613f..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/24514-da1ae0c85eef02b3.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/fix-react-attributes/_next/static/chunks/24514-ee5f43fbf443a6ae.js b/review/fix-react-attributes/_next/static/chunks/24514-ee5f43fbf443a6ae.js new file mode 100644 index 00000000000..c7906872a72 --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/24514-ee5f43fbf443a6ae.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/fix-react-attributes/_next/static/chunks/27752-692d8cf2c9a34bfc.js b/review/fix-react-attributes/_next/static/chunks/27752-692d8cf2c9a34bfc.js deleted file mode 100644 index 96cb217272e..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/27752-913a8fab86b94bba.js b/review/fix-react-attributes/_next/static/chunks/27752-913a8fab86b94bba.js new file mode 100644 index 00000000000..af64bf94cbb --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/28955-639404a04bd83644.js b/review/fix-react-attributes/_next/static/chunks/28955-639404a04bd83644.js deleted file mode 100644 index fe45bd1b41a..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/28955-bb6566a1150ceffd.js b/review/fix-react-attributes/_next/static/chunks/28955-bb6566a1150ceffd.js new file mode 100644 index 00000000000..e6bd52cd0aa --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/37580-a2a923f32e8c4328.js b/review/fix-react-attributes/_next/static/chunks/37580-a2a923f32e8c4328.js new file mode 100644 index 00000000000..cda98978db8 --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/37580-e786125956392b73.js b/review/fix-react-attributes/_next/static/chunks/37580-e786125956392b73.js deleted file mode 100644 index 3bb11158e13..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/44469-ae17686ac2898e54.js b/review/fix-react-attributes/_next/static/chunks/44469-ae17686ac2898e54.js deleted file mode 100644 index fc0492041c9..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/44469-c6a4fd8ed3fadd46.js b/review/fix-react-attributes/_next/static/chunks/44469-c6a4fd8ed3fadd46.js new file mode 100644 index 00000000000..16c00f14bfb --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/45979-32716f8b5f60348f.js b/review/fix-react-attributes/_next/static/chunks/45979-32716f8b5f60348f.js new file mode 100644 index 00000000000..66b363135c2 --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/45979-a7b0551d24f1bfda.js b/review/fix-react-attributes/_next/static/chunks/45979-a7b0551d24f1bfda.js deleted file mode 100644 index 12cf9043f23..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/46752-455307842dd7ed6d.js b/review/fix-react-attributes/_next/static/chunks/46752-455307842dd7ed6d.js deleted file mode 100644 index 202f3441e79..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/46752-b73ea5105c5c32ee.js b/review/fix-react-attributes/_next/static/chunks/46752-b73ea5105c5c32ee.js new file mode 100644 index 00000000000..851dd23fd07 --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/5014-38a357cd33949084.js b/review/fix-react-attributes/_next/static/chunks/5014-38a357cd33949084.js deleted file mode 100644 index 30803b58520..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/5014-f81e8dfe9b65a03c.js b/review/fix-react-attributes/_next/static/chunks/5014-f81e8dfe9b65a03c.js new file mode 100644 index 00000000000..8636320084e --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/54817-2c230af62fdc5352.js b/review/fix-react-attributes/_next/static/chunks/54817-2c230af62fdc5352.js deleted file mode 100644 index cba33b5b107..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/54817-ac11b3e74908f04e.js b/review/fix-react-attributes/_next/static/chunks/54817-ac11b3e74908f04e.js new file mode 100644 index 00000000000..c33a802910d --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/58734-1c0e077b3486de19.js b/review/fix-react-attributes/_next/static/chunks/58734-1c0e077b3486de19.js deleted file mode 100644 index eba2c79b5ca..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/58734-1c0e077b3486de19.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),a=e(86095);let r=t=>{let{examples:n,slotCode:e}=t,[c,d]=(0,i.useState)();return(0,o.jsxs)(a.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)(a.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 h=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)(r,{...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)(a.oH,{}),(0,o.jsx)("h2",{children:(0,o.jsx)(a.vB,{content:"external",target:"_blank",href:h(t),children:t.name})}),(0,o.jsx)(r,{...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),a=e(95696),r=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)(a.Z,{children:[(0,o.jsx)(r.Z,{children:"Angular"}),(0,o.jsx)(r.Z,{children:"HTML"}),(0,o.jsx)(r.Z,{children:"React"}),(0,o.jsx)(r.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)(a.Z,{children:[(0,o.jsx)(r.Z,{children:"Angular"}),(0,o.jsx)(r.Z,{children:"HTML"}),(0,o.jsx)(r.Z,{children:"React"}),(0,o.jsx)(r.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),a=e(95696),r=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)(a.Z,{children:[(0,o.jsx)(r.Z,{children:"Angular"}),(0,o.jsx)(r.Z,{children:"HTML"}),(0,o.jsx)(r.Z,{children:"React"}),(0,o.jsx)(r.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)(a.Z,{children:[(0,o.jsx)(r.Z,{children:"Angular"}),(0,o.jsx)(r.Z,{children:"HTML"}),(0,o.jsx)(r.Z,{children:"React"}),(0,o.jsx)(r.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/fix-react-attributes/_next/static/chunks/68006-26ed6eb12b163868.js b/review/fix-react-attributes/_next/static/chunks/68006-26ed6eb12b163868.js deleted file mode 100644 index 22fcd8d08bb..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/68006-ba5cccb4ce58520c.js b/review/fix-react-attributes/_next/static/chunks/68006-ba5cccb4ce58520c.js new file mode 100644 index 00000000000..a0433b6f50e --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/71581-db5e4e7c31a84134.js b/review/fix-react-attributes/_next/static/chunks/71581-db5e4e7c31a84134.js deleted file mode 100644 index 2646f688be4..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/71581-f21d9f8b1cc48dfd.js b/review/fix-react-attributes/_next/static/chunks/71581-f21d9f8b1cc48dfd.js new file mode 100644 index 00000000000..b0f84845dc2 --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/77526-6e7cd9bedfc7711b.js b/review/fix-react-attributes/_next/static/chunks/77526-6e7cd9bedfc7711b.js deleted file mode 100644 index ed63d10e3d1..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/77526-6e7cd9bedfc7711b.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/fix-react-attributes/_next/static/chunks/77526-b0bb23b47d409274.js b/review/fix-react-attributes/_next/static/chunks/77526-b0bb23b47d409274.js new file mode 100644 index 00000000000..a141a1b506c --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/77526-b0bb23b47d409274.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,t;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!==(t=null===(l=e.props)||void 0===l?void 0:l.children)&&void 0!==t?t:e.name})}})}})},99341:function(e,n,a){var l=a(52322),i=a(5632),t=a(2784),s=a(11803),r=a(86095);let c=e=>{let{examples:n,slotCode:a}=e,[i,s]=(0,t.useState)();return(0,l.jsxs)(r.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:()=>{s(!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)(r.f,{className:"code",spacing:"small",children:a})]})]})]})},o=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)(r.oH,{}),(0,l.jsx)("h2",{children:(0,l.jsx)(r.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:r,isSubComponent:d,componentName:x}=e,[h,j]=(0,t.useState)(),p=(0,i.useRouter)();return(0,t.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&&!d&&(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h1",{children:n}),(0,l.jsx)(o,{variants:a,componentName:x})]}),r]}),!h&&d&&(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h2",{children:n}),(0,l.jsx)(o,{variants:a,componentName:x})]})]})}},6130:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=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)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Internal\n'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,l.jsx)(d.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)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,l.jsx)(d.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),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=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)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(d.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)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,l.jsx)(d.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),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=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)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,l.jsx)(d.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)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,l.jsx)(d.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,l.jsx)(d.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),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=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)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Medium\n'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,l.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,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,l.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"})]})]})})]})}},46996:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=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)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.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,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.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)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,l.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,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(d.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/fix-react-attributes/_next/static/chunks/80269-8297fc51664f9491.js b/review/fix-react-attributes/_next/static/chunks/80269-8297fc51664f9491.js deleted file mode 100644 index bb97a623cb7..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/80269-829a1b356ea6fe11.js b/review/fix-react-attributes/_next/static/chunks/80269-829a1b356ea6fe11.js new file mode 100644 index 00000000000..7a4567766b2 --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/81228-85fcb2d5a98045af.js b/review/fix-react-attributes/_next/static/chunks/81228-85fcb2d5a98045af.js new file mode 100644 index 00000000000..634755d0b12 --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/81228-85fcb2d5a98045af.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,headline:i}=t;return(0,o.jsx)(r.kC,{headline: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/fix-react-attributes/_next/static/chunks/82991-453a0ab4955886fd.js b/review/fix-react-attributes/_next/static/chunks/82991-453a0ab4955886fd.js deleted file mode 100644 index 291916a9bda..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/82991-453a0ab4955886fd.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,p]=(0,l.useState)(),d=(0,e.useRouter)();(0,l.useEffect)(()=>{if(d.query){var t;let o=null===(t=d.query.page)||void 0===t?void 0:t.toString();o&&p(n.find(t=>t.name.toLowerCase()===o))}},[d]);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),p=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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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),p=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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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),p=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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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),p=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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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/fix-react-attributes/_next/static/chunks/82991-509b5a31b5d8cc68.js b/review/fix-react-attributes/_next/static/chunks/82991-509b5a31b5d8cc68.js new file mode 100644 index 00000000000..80321d19260 --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/82991-509b5a31b5d8cc68.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:p,componentName:d}=t,[x,h]=(0,l.useState)(),u=(0,e.useRouter)();return(0,l.useEffect)(()=>{if(u.query){var t;let o=null===(t=u.query.page)||void 0===t?void 0:t.toString();o&&h(n.find(t=>t.name.toLowerCase()===o))}},[u]),(0,i.jsxs)(i.Fragment,{children:[x&&(0,i.jsx)("div",{children:(0,i.jsx)(c,{...x})}),!x&&!p&&(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:d})]}),s]}),!x&&p&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:o}),(0,i.jsx)(r,{variants:n,componentName:d})]})]})}},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),p=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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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),p=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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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),p=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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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),p=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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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)(p.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/fix-react-attributes/_next/static/chunks/83175-92f3811311e3f2b7.js b/review/fix-react-attributes/_next/static/chunks/83175-92f3811311e3f2b7.js deleted file mode 100644 index 64b1b467783..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/83175-974db8e1ac1478e7.js b/review/fix-react-attributes/_next/static/chunks/83175-974db8e1ac1478e7.js new file mode 100644 index 00000000000..cc989a47cc9 --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/86747-1fe87ac4c1991b89.js b/review/fix-react-attributes/_next/static/chunks/86747-1fe87ac4c1991b89.js deleted file mode 100644 index d2359d9aeba..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/86747-a7ea53c7fa4a8c17.js b/review/fix-react-attributes/_next/static/chunks/86747-a7ea53c7fa4a8c17.js new file mode 100644 index 00000000000..2cfc63fbba6 --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/88478-4f82945ba9117d57.js b/review/fix-react-attributes/_next/static/chunks/88478-4f82945ba9117d57.js new file mode 100644 index 00000000000..c5e28ab17ad --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/88478-6b343e95ffde3dae.js b/review/fix-react-attributes/_next/static/chunks/88478-6b343e95ffde3dae.js deleted file mode 100644 index d124dde9d0b..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/93085-03316605ade4a012.js b/review/fix-react-attributes/_next/static/chunks/93085-03316605ade4a012.js deleted file mode 100644 index 01d991110b0..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/93085-1db05321855e4427.js b/review/fix-react-attributes/_next/static/chunks/93085-1db05321855e4427.js new file mode 100644 index 00000000000..89f08a6652a --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/94218-6ecd6337b96ec8c1.js b/review/fix-react-attributes/_next/static/chunks/94218-6ecd6337b96ec8c1.js new file mode 100644 index 00000000000..c0d77b16fce --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/94218-6ecd6337b96ec8c1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94218],{37395:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var i;return{...e,slotCode:null!==(i=null==a?void 0:a.at(c))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var a,c,i,l;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!==(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),i=a(5632),l=a(2784),o=a(11803),s=a(86095);let t=e=>{let{examples:n,slotCode:a}=e,[i,o]=(0,l.useState)();return(0,c.jsxs)(s.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:()=>{o(!i)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(s.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],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)(s.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(s.vB,{content:"external",target:"_blank",href:i(e,a),children:e.name})}),(0,c.jsx)(t,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:s,isSubComponent:r,componentName:x}=e,[h,m]=(0,l.useState)(),u=(0,i.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&&m(a.find(e=>e.name.toLowerCase()===n))}},[u]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(t,{...h})}),!h&&!r&&(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(d,{variants:a,componentName:x})]}),s]}),!h&&r&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(d,{variants:a,componentName:x})]})]})}},99746:function(e,n,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),t=a(79041),d=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.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)(o.Z,{children:[(0,c.jsxs)(s.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 (Default) Collapsed\n'})}),(0,c.jsx)(r.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,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,c.jsx)(r.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,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,c.jsx)(r.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,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.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:'Open'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Open')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Open\n')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Open'})}),(0,c.jsx)(r.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,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),t=a(79041),d=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.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)(o.Z,{children:[(0,c.jsxs)(s.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 Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.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,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.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,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.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,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.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:'Disabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,c.jsx)(r.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,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),t=a(79041),d=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.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)(o.Z,{children:[(0,c.jsxs)(s.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)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!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
    Functional
    \n
    '})}),(0,c.jsx)(r.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,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!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)(r.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)(o.Z,{children:[(0,c.jsxs)(s.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 (Default) Regular\n'})}),(0,c.jsx)(r.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)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    (Default) Regular
    \n
    '})}),(0,c.jsx)(r.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,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,c.jsx)(r.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)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,c.jsx)(r.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.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.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)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!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
    Expressive
    \n
    '})}),(0,c.jsx)(r.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,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!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)(r.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":{"headline":"Functional"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"headline":"(Default) Regular"}},{"name":"Expressive","className":"db-ui-expressive","props":{"headline":"Expressive"}}]},{"name":"Interaction States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"headline":"Enabled (Default)/Hover/Pressed"}},{"name":"Disabled","props":{"headline":"Disabled","disabled":true}}]},{"name":"Content States","examples":[{"name":"(Default) Collapsed","props":{"title":"(Default) Collapsed"}},{"name":"Open","props":{"headline":"Open","open":true}}]}]')}}]); \ No newline at end of file diff --git a/review/fix-react-attributes/_next/static/chunks/94218-d01da62912bf8dcb.js b/review/fix-react-attributes/_next/static/chunks/94218-d01da62912bf8dcb.js deleted file mode 100644 index 68f3832ad20..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/94218-d01da62912bf8dcb.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94218],{37395:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var i;return{...e,slotCode:null!==(i=null==a?void 0:a.at(c))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var a,c,i,l;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!==(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),i=a(5632),l=a(2784),o=a(11803),s=a(86095);let d=e=>{let{examples:n,slotCode:a}=e,[i,o]=(0,l.useState)();return(0,c.jsxs)(s.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:()=>{o(!i)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(s.f,{className:"code",spacing:"small",children:a})]})]})]})};n.Z=e=>{let{title:n,variants:a}=e,[t,r]=(0,l.useState)(),x=(0,i.useRouter)();(0,l.useEffect)(()=>{if(x.query){var e;let n=null===(e=x.query.page)||void 0===e?void 0:e.toString();n&&r(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)(d,{...t})}),!t&&(0,c.jsx)(o.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)(s.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(s.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,c.jsx)(d,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},99746:function(e,n,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),d=a(79041),t=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.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)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,c.jsx)(r.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,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,c.jsx)(r.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,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,c.jsx)(r.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,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Open'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Open')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Open\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Open'})}),(0,c.jsx)(r.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,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),d=a(79041),t=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.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)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.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,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.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,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.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,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,c.jsx)(r.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,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),d=a(79041),t=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.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)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.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)(r.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:'
    \n Functional\n
    Functional
    \n
    '})}),(0,c.jsx)(r.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,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(r.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)(r.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)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,c.jsx)(r.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)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    (Default) Regular
    \n
    '})}),(0,c.jsx)(r.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,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,c.jsx)(r.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)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,c.jsx)(r.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.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.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)(r.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:'
    \n Expressive\n
    Expressive
    \n
    '})}),(0,c.jsx)(r.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,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(r.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)(r.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":{"headline":"Functional"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"headline":"(Default) Regular"}},{"name":"Expressive","className":"db-ui-expressive","props":{"headline":"Expressive"}}]},{"name":"Interaction States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"headline":"Enabled (Default)/Hover/Pressed"}},{"name":"Disabled","props":{"headline":"Disabled","disabled":true}}]},{"name":"Content States","examples":[{"name":"(Default) Collapsed","props":{"title":"(Default) Collapsed"}},{"name":"Open","props":{"headline":"Open","open":true}}]}]')}}]); \ No newline at end of file diff --git a/review/fix-react-attributes/_next/static/chunks/94274-550a2d6be4434fc9.js b/review/fix-react-attributes/_next/static/chunks/94274-550a2d6be4434fc9.js new file mode 100644 index 00000000000..51bc5153165 --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/94274-954a44630eac83f1.js b/review/fix-react-attributes/_next/static/chunks/94274-954a44630eac83f1.js deleted file mode 100644 index 4e6fb48697c..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/96029-22bbfa844fd9efb1.js b/review/fix-react-attributes/_next/static/chunks/96029-22bbfa844fd9efb1.js new file mode 100644 index 00000000000..f3ebc0d4925 --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/96029-22bbfa844fd9efb1.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/fix-react-attributes/_next/static/chunks/96029-381532de1cf9b336.js b/review/fix-react-attributes/_next/static/chunks/96029-381532de1cf9b336.js deleted file mode 100644 index 40baf3be90f..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/96029-381532de1cf9b336.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/fix-react-attributes/_next/static/chunks/96734-7c3beaa20d981bc5.js b/review/fix-react-attributes/_next/static/chunks/96734-7c3beaa20d981bc5.js new file mode 100644 index 00000000000..7795d06187a --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/96734-c83ed6176fc279ba.js b/review/fix-react-attributes/_next/static/chunks/96734-c83ed6176fc279ba.js deleted file mode 100644 index 89d317983fe..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/pages/components/accordion-7ad20015c0352a07.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-7ad20015c0352a07.js deleted file mode 100644 index d0d3ab08713..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-7ad20015c0352a07.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),a=e(70307),s=e(97292),c=e(86095),r=e(99341),l=e(7716),u=e(37395);let d=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,{headline:"Item 1",content:"Content 1"}),(0,i.jsx)(c.kC,{headline:"Item 2",content:"Content 2"}),(0,i.jsx)(c.kC,{headline:"Item 3",content:"Content 3"})]})]})};t.default=()=>(0,i.jsx)(r.Z,{title:"DBAccordion",variants:(0,u.P)(l,d,[(0,i.jsx)(o.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(s.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/fix-react-attributes/_next/static/chunks/pages/components/accordion-d2e113420cb0fb10.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-d2e113420cb0fb10.js new file mode 100644 index 00000000000..53d964b8760 --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-d2e113420cb0fb10.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19861],{85938:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion",function(){return t(60178)}])},60178:function(n,e,t){"use strict";t.r(e);var o=t(52322),i=t(75942),s=t(70307),a=t(97292),c=t(86095),r=t(99341),u=t(7716),l=t(37395),d=t(3170);let f=n=>{let{behaviour:e,children:t,variant:i}=n;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.EZ,{size:"small",variant:"informational",icon:"none",children:t}),(0,o.jsxs)(c.aw,{behaviour:e,variant:i,children:[(0,o.jsx)(c.kC,{headline:"Item 1",content:"Content 1"}),(0,o.jsx)(c.kC,{headline:"Item 2",content:"Content 2"}),(0,o.jsx)(c.kC,{headline:"Item 3",content:"Content 3"})]})]})};e.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)(a.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/fix-react-attributes/_next/static/chunks/pages/components/accordion-item-016849234fbb46d4.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item-016849234fbb46d4.js deleted file mode 100644 index 7d33f6bc50b..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item-016849234fbb46d4.js +++ /dev/null @@ -1 +0,0 @@ -(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 u=t(52322),i=t(28651),s=t(88228),c=t(99746),a=t(86095),d=t(99341),l=t(19371),o=t(37395);let r=n=>{let{children:e,disabled:t,open:i,headline:s}=n;return(0,u.jsx)(a.kC,{headline:s,disabled:t,defaultOpen:i,children:e})};e.default=()=>(0,u.jsx)(d.Z,{title:"DBAccordionItem",variants:(0,o.P)(l,r,[(0,u.jsx)(i.default,{}),(0,u.jsx)(s.default,{}),(0,u.jsx)(c.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/fix-react-attributes/_next/static/chunks/pages/components/accordion-item-41e42c2c9fe8c613.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item-41e42c2c9fe8c613.js new file mode 100644 index 00000000000..506e5d032e3 --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item-41e42c2c9fe8c613.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),d=t(19371),l=t(37395);let r=n=>{let{children:e,disabled:t,open:u,headline:i}=n;return(0,o.jsx)(c.kC,{headline: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)(d,r,[(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/fix-react-attributes/_next/static/chunks/pages/components/accordion-item/overview-2f9efa87dd47c10f.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item/overview-2f9efa87dd47c10f.js deleted file mode 100644 index 9c92f4889d1..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item/overview-2f9efa87dd47c10f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90484],{86740:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/overview",function(){return t(67497)}])},67497:function(e,n,t){"use strict";t.r(n);var u=t(52322),i=t(28651),s=t(88228),c=t(99746),o=t(86095),r=t(99341),a=t(19371),d=t(37395);let l=e=>{let{children:n,disabled:t,open:i,headline:s}=e;return(0,u.jsx)(o.kC,{headline:s,disabled:t,defaultOpen:i,children:n})};n.default=()=>(0,u.jsx)(r.Z,{title:"DBAccordionItem",variants:(0,d.P)(a,l,[(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/fix-react-attributes/_next/static/chunks/pages/components/accordion-item/overview-80dd468c42fc5c75.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item/overview-80dd468c42fc5c75.js new file mode 100644 index 00000000000..10cbd638924 --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion-item/overview-80dd468c42fc5c75.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),d=t(37395);let l=n=>{let{children:e,disabled:t,open:u,headline:i}=n;return(0,o.jsx)(c.kC,{headline: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,d.P)(r,l,[(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/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/Angular-a0f5ab8e9179ef73.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/Angular-a0f5ab8e9179ef73.js deleted file mode 100644 index 205a6d290ea..00000000000 --- a/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/Angular-f694b720959ce422.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/Angular-f694b720959ce422.js new file mode 100644 index 00000000000..5163cc9efbb --- /dev/null +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/React-b6cf8b6cedff256d.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/React-760557676b7fb986.js similarity index 56% rename from review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/React-b6cf8b6cedff256d.js rename to review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/React-760557676b7fb986.js index 356460443a4..51ca29bb767 100644 --- a/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/React-b6cf8b6cedff256d.js +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/Vue-3d5a3c82fdbc815b.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/Vue-4598196eae5368af.js similarity index 57% rename from review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/Vue-3d5a3c82fdbc815b.js rename to review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/Vue-4598196eae5368af.js index d738ddd97ba..86c3d0a0af7 100644 --- a/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/docs/Vue-3d5a3c82fdbc815b.js +++ b/review/fix-react-attributes/_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/fix-react-attributes/_next/static/chunks/pages/components/accordion/how-to-use-048581a122f0a07f.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/how-to-use-048581a122f0a07f.js deleted file mode 100644 index adb75df120f..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/how-to-use-048581a122f0a07f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66719],{1701:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/how-to-use",function(){return t(69386)}])},9151:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={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)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.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)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.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:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},43890:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={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)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.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:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},34353:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={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)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.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 a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},89631:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={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)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},69386:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),o=t(45392),i=t(11803),a=t(43890),c=t(9151),s=t(34353),d=t(89631);let l=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function u(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.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,e,t){"use strict";var r=t(52322),o=t(2784),i=t(13776);let a=(0,o.forwardRef)(function(n,e){let t=e||(0,o.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,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:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=a},63900:function(n,e,t){"use strict";var r,o,i,a,c,s,d;t.d(e,{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[,e]=n;return e}),(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[,e]=n;return e}),Object.entries(o).map(n=>{let[,e]=n;return e}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return s},mS:function(){return c},yI:function(){return i},yn:function(){return o}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},o=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&o(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||a.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),s=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},d=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=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/fix-react-attributes/_next/static/chunks/pages/components/accordion/how-to-use-7c274a6ee5aedcab.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/how-to-use-7c274a6ee5aedcab.js new file mode 100644 index 00000000000..c212bd16253 --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/how-to-use-7c274a6ee5aedcab.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66719],{1701:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/how-to-use",function(){return t(69386)}])},9151:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={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)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.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)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.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:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},43890:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={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)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.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:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},34353:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={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)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.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 a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},89631:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={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)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},69386:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),o=t(45392),i=t(11803),a=t(43890),c=t(9151),s=t(34353),d=t(89631);let l=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function u(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.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,e,t){"use strict";var r=t(52322),o=t(2784),i=t(13776);let a=(0,o.forwardRef)(function(n,e){let t=e||(0,o.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,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:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=a},63900:function(n,e,t){"use strict";var r,o,i,a,c,s,d;t.d(e,{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[,e]=n;return e}),(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[,e]=n;return e}),Object.entries(o).map(n=>{let[,e]=n;return e}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return s},mS:function(){return c},yI:function(){return i},yn:function(){return o}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},o=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&o(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||a.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),s=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},d=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=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/fix-react-attributes/_next/static/chunks/pages/components/accordion/overview-d7356e977782b491.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/overview-d7356e977782b491.js new file mode 100644 index 00000000000..adaa73643fc --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/overview-d7356e977782b491.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38164],{61523:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/overview",function(){return t(74254)}])},74254:function(n,e,t){"use strict";t.r(e);var o=t(52322),i=t(75942),s=t(70307),a=t(97292),c=t(86095),r=t(99341),u=t(7716),l=t(37395),d=t(3170);let f=n=>{let{behaviour:e,children:t,variant:i}=n;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.EZ,{size:"small",variant:"informational",icon:"none",children:t}),(0,o.jsxs)(c.aw,{behaviour:e,variant:i,children:[(0,o.jsx)(c.kC,{headline:"Item 1",content:"Content 1"}),(0,o.jsx)(c.kC,{headline:"Item 2",content:"Content 2"}),(0,o.jsx)(c.kC,{headline:"Item 3",content:"Content 3"})]})]})};e.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)(a.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/fix-react-attributes/_next/static/chunks/pages/components/accordion/overview-dfca045d0bd62eed.js b/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/overview-dfca045d0bd62eed.js deleted file mode 100644 index a08390b7dfb..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/pages/components/accordion/overview-dfca045d0bd62eed.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38164],{61523:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/overview",function(){return t(74254)}])},74254:function(n,e,t){"use strict";t.r(e);var i=t(52322),o=t(75942),a=t(70307),s=t(97292),r=t(86095),c=t(99341),l=t(7716),u=t(37395);let d=n=>{let{behaviour:e,children:t,variant:o}=n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.EZ,{size:"small",variant:"informational",icon:"none",children:t}),(0,i.jsxs)(r.aw,{behaviour:e,variant:o,children:[(0,i.jsx)(r.kC,{headline:"Item 1",content:"Content 1"}),(0,i.jsx)(r.kC,{headline:"Item 2",content:"Content 2"}),(0,i.jsx)(r.kC,{headline:"Item 3",content:"Content 3"})]})]})};e.default=()=>(0,i.jsx)(c.Z,{title:"DBAccordion",variants:(0,u.P)(l,d,[(0,i.jsx)(o.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(s.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/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Tonality-531d7294e9adf542.js b/review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Tonality-531d7294e9adf542.js new file mode 100644 index 00000000000..ca62e5a0633 --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Tonality-531d7294e9adf542.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/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Tonality-57c70f07fff1a924.js b/review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Tonality-57c70f07fff1a924.js deleted file mode 100644 index 420417d3537..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Tonality-57c70f07fff1a924.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/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Width-32b8eee8638e085a.js b/review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Width-930efe8724210385.js similarity index 95% rename from review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Width-32b8eee8638e085a.js rename to review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Width-930efe8724210385.js index a66dff8ffe4..7d15e1c5d19 100644 --- a/review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Width-32b8eee8638e085a.js +++ b/review/fix-react-attributes/_next/static/chunks/pages/components/navigation-item/code/Width-930efe8724210385.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29296],{64165:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return e(39805)}])},39805:function(a,n,e){"use strict";e.r(n);var t=e(52322),i=e(2784),o=e(9513),l=e(33878),s=e(95696),c=e(79041),r=e(16909),d=e(16134);n.default=()=>{let[a,n]=(0,i.useState)();return(0,i.useEffect)(()=>{a&&setTimeout(()=>n(!1),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Auto")},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]})]})}),(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]})]})})]})}}},function(a){a.O(0,[14863,92888,49774,40179],function(){return a(a.s=64165)}),_N_E=a.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29296],{64165:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return e(39805)}])},39805:function(a,n,e){"use strict";e.r(n);var t=e(52322),i=e(2784),o=e(9513),l=e(33878),s=e(95696),c=e(79041),r=e(16909),d=e(16134);n.default=()=>{let[a,n]=(0,i.useState)();return(0,i.useEffect)(()=>{a&&setTimeout(()=>n(!1),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Auto")},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]})]})}),(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]})]})})]})}}},function(a){a.O(0,[14863,92888,49774,40179],function(){return a(a.s=64165)}),_N_E=a.O()}]); \ No newline at end of file diff --git a/review/fix-react-attributes/_next/static/chunks/pages/components/router-usage-f6b40d0a66aac2c0.js b/review/fix-react-attributes/_next/static/chunks/pages/components/router-usage-f6b40d0a66aac2c0.js new file mode 100644 index 00000000000..c9af5ad14dd --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/pages/components/router-usage-f6b40d0a66aac2c0.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7177],{91907:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/router-usage",function(){return t(24415)}])},24415:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return u}});var r=t(52322),i=t(11803),a=t(45392);function s(e){let n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"router-usage",children:"Router usage"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note:"})," At the moment, router links can only be used within the ",(0,r.jsx)(n.strong,{children:"DBNavigationItem"})," component!"]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["Unfortunately, the ",(0,r.jsx)(n.strong,{children:"DBLink"})," and ",(0,r.jsx)(n.strong,{children:"DBButton"})," components do not support router links. Explanation: Router links are usually rendered as anchor tags, which are not permitted within anchor or button tags."]}),"\n",(0,r.jsx)(n.h2,{id:"supported-routers",children:"Supported routers"}),"\n",(0,r.jsx)(n.p,{children:"The following standard routers have been successfully implemented in the corresponding frameworks (Angular, React, Vue). Other routers should work in the same way, but have not yet been tested."}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://angular.io/api/router",children:"Angular router"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://reactrouter.com/en/main",children:"React router"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://v3.router.vuejs.org/",children:"Vue router"})}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"The routers are installed and used in accordance with the official docs:"}),"\n",(0,r.jsx)(n.h2,{id:"how-to-use",children:"How to use"}),"\n",(0,r.jsxs)(n.p,{children:["To create a DB Brand styled router link, place the corresponding router link component in the default slot of ",(0,r.jsx)(n.strong,{children:"DBNavigationItem"}),"."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/components/navigation-item/overview",children:"How to use DBNavigationItem"})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Angular"})}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"RouterLink"})," must be imported from the ",(0,r.jsx)(n.code,{children:"@angular/router"})," package."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n {{ link.label }} \n\n'})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"React"})}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"Link"})," must be imported from the ",(0,r.jsx)(n.code,{children:"react-router-dom"})," package."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:"\n \n {link.label}\n \n\n"})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Vue"})}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"RouterLink"})," can be used directly, as it is available globally."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n {{ link.label }} \n\n'})})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}let l=e=>{let{children:n}=e;return(0,r.jsx)(i.Z,{children:n})};function c(e){return(0,r.jsx)(o,{})}function u(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),i=t(2784),a=t(13776);let s=(0,i.forwardRef)(function(e,n){let t=n||(0,i.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var r,i,a,s,o,l,c;t.d(n,{IY:function(){return u},YP:function(){return d},ce:function(){return h}});let u="OVERWRITE_DEFAULT_ID",d="Back",h="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(l=a||(a={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return a},yn:function(){return i}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},a=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),l=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},c=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=91907)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/fix-react-attributes/_next/static/chunks/pages/foundations/readme-5d6189d187adf8f7.js b/review/fix-react-attributes/_next/static/chunks/pages/foundations/readme-5d6189d187adf8f7.js new file mode 100644 index 00000000000..4d06bb04ced --- /dev/null +++ b/review/fix-react-attributes/_next/static/chunks/pages/foundations/readme-5d6189d187adf8f7.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66559],{89236:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/readme",function(){return s(68013)}])},68013:function(e,n,s){"use strict";s.r(n),s.d(n,{default:function(){return l}});var t=s(52322),i=s(11803),r=s(45392);function a(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h1,{id:"db-uifoundations",children:"@db-ui/foundations"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,t.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,t.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,t.jsx)(n.a,{href:"https://conventionalcommits.org",children:(0,t.jsx)(n.img,{src:"/docs/images/download/Conventional_Commits100yellow.svg",alt:"Conventional Commits"})}),"\n",(0,t.jsx)(n.a,{href:"https://makeapullrequest.com",children:(0,t.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})})]}),"\n",(0,t.jsxs)(n.p,{children:["A library containing all tokens (colors, icons, variables) of ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono",children:"DB UX Design System (technical components)"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"We currently support:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/foundations/readme?current=css",children:"CSS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/foundations/readme?current=scss",children:"SCSS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/foundations/readme?current=tailwind",children:"Tailwind"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"install",children:"Install"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.code,{children:"npm i @db-ui/foundations"})}),"\n",(0,t.jsx)(n.h2,{id:"usage",children:"Usage"}),"\n",(0,t.jsxs)(n.p,{children:["The defaults for ",(0,t.jsx)(n.code,{children:"db-ui-foundations.css"})," are:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities",children:"Tonality"}),": ",(0,t.jsx)(n.code,{children:"regular"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/adaptive-styles",children:"Adaptive Coloring"}),": ",(0,t.jsx)(n.code,{children:"base"})]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"css",children:"CSS"}),"\n",(0,t.jsxs)(n.p,{children:["Default assets path for ",(0,t.jsx)(n.code,{children:"db-ui-foundations.css"})," is ",(0,t.jsx)(n.code,{children:"../assets"}),". Make sure to copy all used resources like icons and fonts into your ",(0,t.jsx)(n.code,{children:"public"})," folder before build."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",children:'// main.ts / main.js\nimport "@db-ui/foundations/build/css/db-ui-foundations.css";\n// optional: to use classes like e.g. db-ui-bg-success\nimport "@db-ui/foundations/build/css/colors/classes/all.css";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-css",children:".my-container {\n padding: var(--db-spacing-fixed-md);\n}\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h3,{id:"scss",children:"SCSS"}),"\n",(0,t.jsx)(n.p,{children:"Based on your technology/setup you need to change the paths of the assets folder:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Default: points to ",(0,t.jsx)(n.code,{children:"../assets"})]}),"\n",(0,t.jsxs)(n.li,{children:["Webpack: points to ",(0,t.jsx)(n.code,{children:"~@db-ui/foundations/assets"})]}),"\n",(0,t.jsxs)(n.li,{children:["Rollup: points to ",(0,t.jsx)(n.code,{children:"@db-ui/foundations/assets"})]}),"\n"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-scss",children:'// index.scss\n@use "@db-ui/foundations/build/scss/rollup.assets-paths";\n@use "@db-ui/foundations/build/scss/icons";\n@use "@db-ui/foundations/build/scss/db-ui-foundations";\n// optional: to use db-ui-bg-success\n@import "@db-ui/foundations/build/scss/colors/classes/all";\n// optional: to use use $db-spacing-fixed-md\n@use "@db-ui/foundations/build/scss/variables";\n\n.my-container {\n padding: $db-spacing-fixed-md;\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h3,{id:"tailwind",children:"Tailwind"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-javascript",children:'//tailwind.config.cjs\n\nconst tokens = require("@db-ui/foundations/build/tailwind/tailwind-tokens.json");\n\nmodule.exports = {\n content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],\n plugins: [],\n theme: {\n screens: tokens.screens,\n spacing: tokens.spacing,\n boxShadow: tokens.elevation,\n gap: ({ theme }) => ({\n ...theme("spacing")\n }),\n space: ({ theme }) => ({\n ...theme("spacing")\n })\n }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h2,{id:"deutsche-bahn-brand",children:"Deutsche Bahn brand"}),"\n",(0,t.jsxs)(n.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even when being used with the code that we're provide with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions and whom to contact on any brand issues."]}),"\n",(0,t.jsx)(n.p,{children:"You must remove or replace any Deutsche Bahn brand and design assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme that would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,t.jsx)(n.h2,{id:"contributions",children:"Contributions"}),"\n",(0,t.jsxs)(n.p,{children:["Contributions are very welcome, please refer to the ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"code-of-conduct",children:"Code of conduct"}),"\n",(0,t.jsxs)(n.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at our ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"license",children:"License"}),"\n",(0,t.jsxs)(n.p,{children:["This project is licensed under ",(0,t.jsx)(n.a,{href:"LICENSE",children:"Apache-2.0"}),"."]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}let d=e=>{let{children:n}=e;return(0,t.jsx)(i.Z,{children:n})};function c(e){return(0,t.jsx)(o,{})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(d,{...e,children:(0,t.jsx)(c,{...e})})}},16134:function(e,n,s){"use strict";var t=s(52322),i=s(2784),r=s(13776);let a=(0,i.forwardRef)(function(e,n){let s=n||(0,i.useRef)(n);return(0,t.jsx)("button",{ref:s,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=a},63900:function(e,n,s){"use strict";var t,i,r,a,o,d,c;s.d(n,{IY:function(){return l},YP:function(){return u},ce:function(){return h}});let l="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=t||(t={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(t).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(d=r||(r={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,n]=e;return n})},13776:function(e,n,s){"use strict";s.d(n,{MN:function(){return c},Vj:function(){return t},cd:function(){return d},mS:function(){return o},yI:function(){return r},yn:function(){return i}});let t=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},r=function(){for(var e=arguments.length,n=Array(e),s=0;s{if(e){if("string"==typeof e)t+="".concat(e," ");else for(let n in e)e[n]&&(t+="".concat(n," "))}}),t.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!n.includes(e)).reduce((n,s)=>(n[s]=e[s],n),{}),d=e=>{let{left:n,right:s}=e.getBoundingClientRect(),{innerWidth:t}=window;return n>=0&&s<=t},c=e=>{let{top:n,bottom:s}=e.getBoundingClientRect(),{innerHeight:t}=window;return n>=0&&s<=t}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=89236)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/fix-react-attributes/_next/static/chunks/pages/foundations/readme-654ea04adbb6e61e.js b/review/fix-react-attributes/_next/static/chunks/pages/foundations/readme-654ea04adbb6e61e.js deleted file mode 100644 index 12aa3d9fa47..00000000000 --- a/review/fix-react-attributes/_next/static/chunks/pages/foundations/readme-654ea04adbb6e61e.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66559],{89236:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/readme",function(){return s(68013)}])},68013:function(e,n,s){"use strict";s.r(n),s.d(n,{default:function(){return l}});var t=s(52322),i=s(11803),r=s(45392);function a(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h1,{id:"db-uifoundations",children:"@db-ui/foundations"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,t.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,t.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,t.jsx)(n.a,{href:"https://conventionalcommits.org",children:(0,t.jsx)(n.img,{src:"/docs/images/download/Conventional_Commits100yellow.svg",alt:"Conventional Commits"})}),"\n",(0,t.jsx)(n.a,{href:"https://makeapullrequest.com",children:(0,t.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})})]}),"\n",(0,t.jsxs)(n.p,{children:["A library containing all tokens (colors, icons, variables) of ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono",children:"DB UX Design System (technical components)"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"We currently support:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"#css",children:"CSS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"#scss",children:"SCSS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"#tailwind",children:"Tailwind"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"install",children:"Install"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.code,{children:"npm i @db-ui/foundations"})}),"\n",(0,t.jsx)(n.h2,{id:"usage",children:"Usage"}),"\n",(0,t.jsxs)(n.p,{children:["The defaults for ",(0,t.jsx)(n.code,{children:"db-ui-foundations.css"})," are:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities",children:"Tonality"}),": ",(0,t.jsx)(n.code,{children:"regular"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/adaptive-styles",children:"Adaptive Coloring"}),": ",(0,t.jsx)(n.code,{children:"base"})]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"css",children:"CSS"}),"\n",(0,t.jsxs)(n.p,{children:["Default assets path for ",(0,t.jsx)(n.code,{children:"db-ui-foundations.css"})," is ",(0,t.jsx)(n.code,{children:"../assets"}),". Make sure to copy all used resources like icons and fonts into your ",(0,t.jsx)(n.code,{children:"public"})," folder before build."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",children:'// main.ts / main.js\nimport "@db-ui/foundations/build/css/db-ui-foundations.css";\n// optional: to use classes like e.g. db-ui-bg-success\nimport "@db-ui/foundations/build/css/colors/classes/all.css";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-css",children:".my-container {\n padding: var(--db-spacing-fixed-md);\n}\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h3,{id:"scss",children:"SCSS"}),"\n",(0,t.jsx)(n.p,{children:"Based on your technology/setup you need to change the paths of the assets folder:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Default: points to ",(0,t.jsx)(n.code,{children:"../assets"})]}),"\n",(0,t.jsxs)(n.li,{children:["Webpack: points to ",(0,t.jsx)(n.code,{children:"~@db-ui/foundations/assets"})]}),"\n",(0,t.jsxs)(n.li,{children:["Rollup: points to ",(0,t.jsx)(n.code,{children:"@db-ui/foundations/assets"})]}),"\n"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-scss",children:'// index.scss\n@use "@db-ui/foundations/build/scss/rollup.assets-paths";\n@use "@db-ui/foundations/build/scss/icons";\n@use "@db-ui/foundations/build/scss/db-ui-foundations";\n// optional: to use db-ui-bg-success\n@import "@db-ui/foundations/build/scss/colors/classes/all";\n// optional: to use use $db-spacing-fixed-md\n@use "@db-ui/foundations/build/scss/variables";\n\n.my-container {\n padding: $db-spacing-fixed-md;\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h3,{id:"tailwind",children:"Tailwind"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-javascript",children:'//tailwind.config.cjs\n\nconst tokens = require("@db-ui/foundations/build/tailwind/tailwind-tokens.json");\n\nmodule.exports = {\n content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],\n plugins: [],\n theme: {\n screens: tokens.screens,\n spacing: tokens.spacing,\n boxShadow: tokens.elevation,\n gap: ({ theme }) => ({\n ...theme("spacing")\n }),\n space: ({ theme }) => ({\n ...theme("spacing")\n })\n }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h2,{id:"deutsche-bahn-brand",children:"Deutsche Bahn brand"}),"\n",(0,t.jsxs)(n.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even when being used with the code that we're provide with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions and whom to contact on any brand issues."]}),"\n",(0,t.jsx)(n.p,{children:"You must remove or replace any Deutsche Bahn brand and design assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme that would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,t.jsx)(n.h2,{id:"contributions",children:"Contributions"}),"\n",(0,t.jsxs)(n.p,{children:["Contributions are very welcome, please refer to the ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"code-of-conduct",children:"Code of conduct"}),"\n",(0,t.jsxs)(n.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at our ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"license",children:"License"}),"\n",(0,t.jsxs)(n.p,{children:["This project is licensed under ",(0,t.jsx)(n.a,{href:"LICENSE",children:"Apache-2.0"}),"."]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}let c=e=>{let{children:n}=e;return(0,t.jsx)(i.Z,{children:n})};function d(e){return(0,t.jsx)(o,{})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(c,{...e,children:(0,t.jsx)(d,{...e})})}},16134:function(e,n,s){"use strict";var t=s(52322),i=s(2784),r=s(13776);let a=(0,i.forwardRef)(function(e,n){let s=n||(0,i.useRef)(n);return(0,t.jsx)("button",{ref:s,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=a},63900:function(e,n,s){"use strict";var t,i,r,a,o,c,d;s.d(n,{IY:function(){return l},YP:function(){return u},ce:function(){return h}});let l="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=t||(t={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(t).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(c=r||(r={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,n]=e;return n})},13776:function(e,n,s){"use strict";s.d(n,{MN:function(){return d},Vj:function(){return t},cd:function(){return c},mS:function(){return o},yI:function(){return r},yn:function(){return i}});let t=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},r=function(){for(var e=arguments.length,n=Array(e),s=0;s{if(e){if("string"==typeof e)t+="".concat(e," ");else for(let n in e)e[n]&&(t+="".concat(n," "))}}),t.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!n.includes(e)).reduce((n,s)=>(n[s]=e[s],n),{}),c=e=>{let{left:n,right:s}=e.getBoundingClientRect(),{innerWidth:t}=window;return n>=0&&s<=t},d=e=>{let{top:n,bottom:s}=e.getBoundingClientRect(),{innerHeight:t}=window;return n>=0&&s<=t}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=89236)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/fix-react-attributes/_next/static/css/c2b57901df3bb14f.css b/review/fix-react-attributes/_next/static/css/b717abf6af6f9d2d.css similarity index 99% rename from review/fix-react-attributes/_next/static/css/c2b57901df3bb14f.css rename to review/fix-react-attributes/_next/static/css/b717abf6af6f9d2d.css index 95287604c30..2249a6fe0c6 100644 --- a/review/fix-react-attributes/_next/static/css/c2b57901df3bb14f.css +++ b/review/fix-react-attributes/_next/static/css/b717abf6af6f9d2d.css @@ -1 +1 @@ -.db-badge[data-emphasis=strong],.db-checkbox input:checked,.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong]{--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color);background-color:var(--db-base-text-enabled)}.db-checkbox input:enabled:hover:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-base-text-hover)}.db-checkbox input:enabled:active:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-base-text-pressed)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),:root,[data-color-variant=base].db-card{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled))}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),:root,[data-color-variant=base].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a) a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label[data-emphasis=weak]:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-badge,[data-emphasis=weak].db-tag:has(.db-tab-remove-button),[data-emphasis=weak].db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak]:root,[data-emphasis=weak][data-color-variant=base].db-card{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-badge[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tooltip[data-emphasis=strong],code,pre:has(code){--db-current-color:var(--db-neutral-on-enabled);color:var(--db-current-color);background-color:var(--db-neutral-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-neutral-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-neutral-text-pressed)}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-header-meta-navigation,.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before,.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card,blockquote,table th,table tr:nth-child(2n){--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-header-meta-navigation,.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before,blockquote,table th,table tr:nth-child(2n){color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color));background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=neutral],[data-emphasis=weak].db-badge[data-variant=neutral],[data-emphasis=weak].db-tag[data-variant=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=neutral].db-card{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-button[data-variant=primary]{--db-current-color:var(--db-brand-on-enabled);color:var(--db-current-color);background-color:var(--db-brand-text-enabled)}.db-button[data-variant=primary]:enabled:hover{background-color:var(--db-brand-text-hover)}.db-button[data-variant=primary]:enabled:active{background-color:var(--db-brand-text-pressed)}[data-color-variant=brand].db-card{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-variant=brand].db-card{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong]{--db-current-color:var(--db-critical-on-enabled);color:var(--db-current-color);background-color:var(--db-critical-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-critical-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-critical-text-pressed)}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=critical],[data-emphasis=weak].db-badge[data-variant=critical],[data-emphasis=weak].db-tag[data-variant=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=critical]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=critical].db-card{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{--db-current-color:var(--db-successful-on-enabled);color:var(--db-current-color);background-color:var(--db-successful-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-successful-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-successful-text-pressed)}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=successful],[data-emphasis=weak].db-badge[data-variant=successful],[data-emphasis=weak].db-tag[data-variant=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=successful]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=successful].db-card{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing{--db-current-color:var(--db-warning-on-enabled);color:var(--db-current-color);background-color:var(--db-warning-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-warning-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-warning-text-pressed)}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=warning],[data-emphasis=weak].db-badge[data-variant=warning],[data-emphasis=weak].db-tag[data-variant=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=warning]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=warning].db-card{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong]{--db-current-color:var(--db-informational-on-enabled);color:var(--db-current-color);background-color:var(--db-informational-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-informational-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-informational-text-pressed)}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=informational],[data-emphasis=weak].db-badge[data-variant=informational],[data-emphasis=weak].db-tag[data-variant=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=informational]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=informational].db-card{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-accordion-item,.db-radio input:checked:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tab input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--db-border-height-md) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-border-height-lg);transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),box-shadow var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast))}.db-tab input:not([type=radio]):focus-visible:before,:not([type=radio]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-md)}.db-input[data-label-variant=hidden] label,.db-select[data-label-variant=hidden] label,.db-textarea[data-label-variant=hidden] label{clip:rect(0,0,0,0);block-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap;inline-size:1px}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em;--db-breakpoint-xl:120em}.db-header-meta-navigation,.db-ui-expressive,.db-ui-functional,.db-ui-regular,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=expressive],[data-tonality=functional],[data-tonality=regular],table{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md)}:root,[class^=db-]{line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-input input,.db-input[data-label-variant=floating] label,.db-select [id$=-placeholder],.db-select select,.db-select[data-label-variant=floating] label,.db-textarea textarea,.db-textarea[data-label-variant=floating] label{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-badge[data-size=medium],.db-badge[data-size=medium] .db-icon,.db-badge[data-size=medium]>*,.db-button[data-size=small],.db-infotext,.db-input,.db-input[data-label-variant=floating] [id$=-placeholder],.db-input[data-label-variant=floating] input,.db-link[data-size=small],.db-select,.db-select[data-label-variant=floating] [id$=-placeholder],.db-select[data-label-variant=floating] select,.db-tag,.db-tag a,.db-tag button,.db-tag label,.db-textarea,.db-textarea[data-label-variant=floating] [id$=-placeholder],.db-textarea[data-label-variant=floating] textarea,.db-tooltip,[data-size=small].db-checkbox,[data-size=small].db-radio,code,div[class^=ch-] div,div[class^=ch-] span,small{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-infotext[data-size=small],.db-input label,.db-select label,.db-textarea label{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-badge,.db-badge .db-icon,.db-badge>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-ui-expressive,[data-tonality=expressive]{--db-input-label-scale:0.55;--db-input-focus-opacity:1;--db-textarea-label-scale:0.55;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-expressive-3xs);--db-sizing-2xs:var(--db-sizing-expressive-2xs);--db-sizing-xs:var(--db-sizing-expressive-xs);--db-sizing-sm:var(--db-sizing-expressive-sm);--db-sizing-md:var(--db-sizing-expressive-md);--db-sizing-lg:var(--db-sizing-expressive-lg);--db-sizing-xl:var(--db-sizing-expressive-xl);--db-sizing-2xl:var(--db-sizing-expressive-2xl);--db-sizing-3xl:var(--db-sizing-expressive-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-expressive-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-expressive-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-expressive-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-expressive-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-expressive-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-expressive-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-expressive-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-expressive-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-expressive-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-tablet-3xl)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-desktop-3xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-input-label-scale:0.65;--db-input-focus-opacity:1;--db-textarea-label-scale:0.65;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-input-label-scale:1;--db-input-focus-opacity:0;--db-textarea-label-scale:1;--db-textarea-focus-opacity:0;--db-sizing-3xs:var(--db-sizing-functional-3xs);--db-sizing-2xs:var(--db-sizing-functional-2xs);--db-sizing-xs:var(--db-sizing-functional-xs);--db-sizing-sm:var(--db-sizing-functional-sm);--db-sizing-md:var(--db-sizing-functional-md);--db-sizing-lg:var(--db-sizing-functional-lg);--db-sizing-xl:var(--db-sizing-functional-xl);--db-sizing-2xl:var(--db-sizing-functional-2xl);--db-sizing-3xl:var(--db-sizing-functional-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-functional-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-functional-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-functional-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-functional-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-functional-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-functional-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-functional-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-functional-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-functional-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-mobile-3xl)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-tablet-3xl)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-desktop-3xl)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-expressive-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-expressive-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-desktop-headline-3xl-line-height)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-regular-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-regular-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-headline-font-size-3xs:var(--db-typography-functional-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-desktop-headline-3xl-line-height)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-body-font-size-3xs:var(--db-typography-functional-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}.db-code-docs .code-details .backdrop,dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog[data-backdrop=weak]::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop=weak]::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local(DB Screen Head),local(DB Head Light),url(/mono/review/fix-react-attributes/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local(DB Screen Head Black),local(DB Head Black),url(/mono/review/fix-react-attributes/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local(DB Screen Sans),local(DB Sans),url(/mono/review/fix-react-attributes/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local(DB Screen Sans Bold),local(DB Sans Bold),url(/mono/review/fix-react-attributes/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Sans Digital;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local(DB Screen Sans Digital),local(DB Sans Digital),url(/mono/review/fix-react-attributes/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}:where(html){line-height:1.15;text-size-adjust:100%}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}.db-tab-list>ul::-webkit-scrollbar,.db-tab-list>ul::-webkit-scrollbar-corner,.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before,[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{-webkit-transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-duration-medium) var(--db-transition-emotional-timing);transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-link{transition:outline var(--db-transition-duration-ultra-fast),color var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}@keyframes show-right-to-left{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes hide-right-to-left{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes show-left-to-right{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes hide-left-to-right{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-animation{0%{opacity:0;transform:translate(var(--db-popover-center-x,var(--db-popover-translate-x,0)),var(--db-popover-center-y,var(--db-popover-translate-y,0)))}to{opacity:1;transform:translate(var(--db-popover-center-x,0),var(--db-popover-center-y,0))}}:root{--db-focus-outline-color:var(--db-informational-text-enabled)}body,html{margin:0;padding:0}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-size:inherit;line-height:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){-webkit-padding-start:var(--db-spacing-fixed-md);padding-inline-start:var(--db-spacing-fixed-md);list-style-type:"• "}:where(ul) li::marker{color:var(--db-brand-origin-enabled)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}h1,h2,h3,h4,h5,h6{font-family:var(--db-font-family-head);font-weight:700}h1[data-variant=light],h2[data-variant=light],h3[data-variant=light],h4[data-variant=light],h5[data-variant=light],h6[data-variant=light]{font-weight:300}h1{line-height:var(--db-type-headline-line-height-xl);font-size:var(--db-type-headline-font-size-xl);margin-block:var(--db-spacing-fixed-xl)}h2{line-height:var(--db-type-headline-line-height-lg);font-size:var(--db-type-headline-font-size-lg);margin-block:var(--db-spacing-fixed-lg)}h3{line-height:var(--db-type-headline-line-height-md);font-size:var(--db-type-headline-font-size-md);margin-block:var(--db-spacing-fixed-md)}h4{line-height:var(--db-type-headline-line-height-sm);font-size:var(--db-type-headline-font-size-sm);margin-block:var(--db-spacing-fixed-sm)}h5{line-height:var(--db-type-headline-line-height-xs);font-size:var(--db-type-headline-font-size-xs);margin-block:var(--db-spacing-fixed-xs)}h6{line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs);margin-block:var(--db-spacing-fixed-2xs)}p{margin-block:var(--db-spacing-fixed-md)}.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";content:var(--db-icon,attr(data-icon));color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem)}@media aural{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tab label,.db-tag,.db-textarea textarea{border:var(--db-border-height-sm) solid var(--db-current-color,var(--db-base-on-bg-enabled))}.db-button[data-variant=primary],.db-button[data-variant=solid],.db-button[data-variant=text],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:var(--db-border-height-sm) solid transparent}.db-accordion[data-variant=card] .db-accordion-item:after,.db-alert,.db-badge,.db-input input,.db-popover>article,.db-select select,.db-tag a,.db-tag button,.db-tag label,.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),.db-textarea textarea,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-sm) solid var(--db-current-border-weak-color,var(--db-base-border-weak-enabled))}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tab label,.db-tag,.db-textarea textarea{border-radius:var(--db-border-radius-md)}.db-alert[data-type=inline],.db-card,.db-popover>article,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-lg));box-shadow:var(--db-elevation-md)}.db-badge,.db-button,.db-tag{font-weight:700;white-space:nowrap;justify-content:center;text-align:center;display:inline-flex;align-items:center}.db-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));color:var(--db-current-color,var(--db-base-on-bg-enabled));block-size:var(--db-sizing-md);inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);text-decoration:none}.db-button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-button.is-icon-text-replace{font-size:0;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not(.is-icon-text-replace){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not(.is-icon-text-replace):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small].is-icon-text-replace{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=primary]{background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=primary]:hover{background-color:var(--db-brand-origin-hover)}.db-button[data-variant=primary]:active{background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=solid]{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-button:disabled{opacity:var(--db-opacity-sm)}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"expand_more";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing);pointer-events:none}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after,.db-radio:has(input:required) label:after,.db-radio:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):valid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):valid) label,.db-radio:has(input:not([aria-invalid]):is(:required):valid):is(label){color:var(--db-successful-text-enabled)}@supports not selector(:user-valid){.db-checkbox:has(input:not([aria-invalid]):required:valid) input,.db-radio:has(input:not([aria-invalid]):required:valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:checked,.db-radio:has(input:not([aria-invalid]):required:valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:valid) label,.db-checkbox:has(input:not([aria-invalid]):required:valid):is(label),.db-radio:has(input:not([aria-invalid]):required:valid) label,.db-radio:has(input:not([aria-invalid]):required:valid):is(label){color:var(--db-successful-text-enabled)}}.db-checkbox:has(input[aria-invalid=false]) input,.db-radio:has(input[aria-invalid=false]) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=false]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=false]) input:not(:checked),.db-radio:has(input[aria-invalid=false]) input:is([type=radio]),.db-radio:has(input[aria-invalid=false]) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input[aria-invalid=false]) input:checked,.db-radio:has(input[aria-invalid=false]) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=false]) label,.db-checkbox:has(input[aria-invalid=false]):is(label),.db-radio:has(input[aria-invalid=false]) label,.db-radio:has(input[aria-invalid=false]):is(label){color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) label,.db-radio:has(input:not([aria-invalid]):is(:required):invalid):is(label){color:var(--db-critical-text-enabled)}@supports not selector(:user-invalid){.db-checkbox:has(input:not([aria-invalid]):required:invalid) input,.db-radio:has(input:not([aria-invalid]):required:invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:checked,.db-radio:has(input:not([aria-invalid]):required:invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) label,.db-checkbox:has(input:not([aria-invalid]):required:invalid):is(label),.db-radio:has(input:not([aria-invalid]):required:invalid) label,.db-radio:has(input:not([aria-invalid]):required:invalid):is(label){color:var(--db-critical-text-enabled)}}.db-checkbox:has(input[aria-invalid=true]) input,.db-radio:has(input[aria-invalid=true]) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=true]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=true]) input:not(:checked),.db-radio:has(input[aria-invalid=true]) input:is([type=radio]),.db-radio:has(input[aria-invalid=true]) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input[aria-invalid=true]) input:checked,.db-radio:has(input[aria-invalid=true]) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=true]) label,.db-checkbox:has(input[aria-invalid=true]):is(label),.db-radio:has(input[aria-invalid=true]) label,.db-radio:has(input[aria-invalid=true]):is(label){color:var(--db-critical-text-enabled)}.db-checkbox:has(input:disabled),.db-radio:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox label,.db-checkbox:is(label),.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative}.db-checkbox input,.db-radio input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs);border:min(calc(var(--db-base-font-size) * var(--db-base-line-height))/16 + .5px,2px) solid;block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:not(:disabled):hover,.db-radio input:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-checkbox input:not(:disabled):active,.db-radio input:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}[data-size=small].db-checkbox input,[data-size=small].db-radio input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}[data-label-variant=hidden].db-checkbox,[data-label-variant=hidden].db-radio{font-size:0}[data-label-variant=hidden].db-checkbox input,[data-label-variant=hidden].db-radio input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox,.db-radio{transition-duration:.01s!important}}.db-tab{position:relative;display:inline-flex;list-style-type:none}.db-tab:has(input:disabled){opacity:var(--db-opacity-sm)}.db-tab label{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));padding:var(--db-spacing-fixed-xs);align-items:center;display:inline-block;white-space:nowrap;border:none;overflow:hidden;text-overflow:ellipsis}.db-tab label:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab label:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab label:has(input:checked){font-weight:700}.db-tab label[data-icon]{-webkit-padding-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab label[data-icon]:before{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(0% + var(--db-spacing-fixed-xs))}.db-tab label[data-icon]:is(.is-icon-text-replace){padding:0;inline-size:calc(calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height))) - var(--db-spacing-fixed-2xs));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-xs))}.db-tab label[data-icon]:is(.is-icon-text-replace):before{-webkit-margin-end:0;margin-inline-end:0}.db-tab label[data-icon-after]{-webkit-padding-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab label[data-icon-after]:after{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-end:calc(0% + var(--db-spacing-fixed-xs))}.db-tab input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;-webkit-margin-end:initial;margin-inline-end:0;inset:0;background:var(--db-current-bg-color);border-radius:var(--db-border-radius-md);z-index:-1}.db-tab input:focus-visible:is(input[type=radio]){outline:none;box-shadow:none}.db-tab input:focus-visible:before{content:"";position:absolute;inset:0;border-radius:var(--db-border-radius-md);z-index:10;pointer-events:none}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:1px;inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:100%;inline-size:1px}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{background-color:var(--db-base-bg-enabled);display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-lg)}.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-md)}.db-card[data-variant=interactive]{transition:box-shadow .15s var(--db-transition-functional-timing)}.db-card[data-variant=interactive]:hover:not([data-elevation=none]){cursor:pointer;box-shadow:var(--db-elevation-lg)}.db-card[data-variant=interactive]:active:not([data-elevation=none]){box-shadow:var(--db-elevation-sm)}.db-card[data-elevation=none]{box-shadow:none}.db-input{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-input[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-input[data-label-variant=floating]:after,.db-input[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-input[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input+[id$=-placeholder],.db-input[data-label-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-label-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-input:has(input:required) label:after,.db-input:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) input{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-input:has(input:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:valid) input{color:var(--db-successful-on-bg-enabled)}}.db-input:has(input[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input[aria-invalid=false]) [id$=-placeholder],.db-input:has(input[aria-invalid=false]) input{color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) input{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-input:has(input:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:invalid) input{color:var(--db-critical-on-bg-enabled)}}.db-input:has(input[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input[aria-invalid=true]) [id$=-placeholder],.db-input:has(input[aria-invalid=true]) input{color:var(--db-critical-on-bg-enabled)}.db-input input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-input input:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:var(--db-opacity-md)}.db-input input:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-input input:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-input label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-label-variant=hidden] label{padding:0}.db-input .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-input:after,.db-input:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-input:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-input:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-input[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-input[data-variant=neutral] [id$=-placeholder],.db-input[data-variant=neutral] input{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-input[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input[data-variant=critical] [id$=-placeholder],.db-input[data-variant=critical] input{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-input[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-input[data-variant=informational] [id$=-placeholder],.db-input[data-variant=informational] input{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-input[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-input[data-variant=warning] [id$=-placeholder],.db-input[data-variant=warning] input{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-input[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input[data-variant=successful] [id$=-placeholder],.db-input[data-variant=successful] input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input input{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-input:has(input[type=search]),.db-input[data-icon]{--db-form-component-padding-inline-start:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(datalist),.db-input:has(input[type=search]),.db-input[data-icon-after]{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):before{--db-icon:"search";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{--db-icon-after:"cancel";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{opacity:0;transition:opacity var(--db-transition-duration-fast)}.db-input:has(input[type=search]):has(input:not(:placeholder-shown)):has(input:hover,input:focus-visible):after{opacity:1}.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{--db-icon-after:"calendar";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=time]):after{--db-icon-after:"schedule";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input input{position:relative}.db-input input::-webkit-calendar-picker-indicator,.db-input input::-webkit-search-cancel-button{background-image:none;inline-size:var(--db-icon-font-size,1.5rem);block-size:var(--db-icon-font-size,1.5rem);padding:0;cursor:pointer}.db-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;position:absolute;inset-inline-end:calc(var(--db-spacing-fixed-sm) + 1px)}.db-input:has(datalist):has(input:focus):after{transform:rotate(-180deg)}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand,.db-brand a{display:flex;gap:var(--db-spacing-fixed-md);align-items:center}.db-brand{font-weight:700}.db-brand a{color:inherit;text-decoration:none}.db-logo{max-inline-size:none;block-size:var(--db-sizing-sm)}.db-header{background-color:var(--db-base-bg-enabled);box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem)}@media screen and (min-width:64em){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45em}}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header-navigation-bar{display:flex;position:relative;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs);inline-size:100%;align-items:center}@media screen and (min-width:64em){.db-header-navigation-bar:not([data-force-mobile]),.db-header-navigation-bar[data-force-mobile=false]{padding:var(--db-spacing-fixed-md)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false]{padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);margin:0;flex-direction:row}.db-header-meta-navigation:not([data-force-mobile]):empty,.db-header-meta-navigation[data-force-mobile=false]:empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{display:inherit;flex:1 1 auto;inline-size:100%;gap:inherit;align-items:center}.db-header-call-to-action{-webkit-margin-start:auto;margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:64em){.db-header-action-container:has(>.db-header-action-bar:empty):not([data-force-mobile]),.db-header-action-container:has(>.db-header-action-bar:empty)[data-force-mobile=false]{display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}@media screen and (min-width:64em){.db-header-brand-container:not([data-force-mobile]),.db-header-brand-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-brand-container:not([data-force-mobile])[data-emphasis=strong],.db-header-brand-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-brand-container:not([data-force-mobile]):after,.db-header-brand-container[data-force-mobile=false]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;margin-inline:var(--db-spacing-fixed-sm)}}.db-header-action-container{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0}@media screen and (min-width:64em){.db-header-action-container:not([data-force-mobile]):before,.db-header-action-container[data-force-mobile=false]:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}}.db-header-action-container:before{position:inherit;block-size:100%}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;gap:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-header-action-bar{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;flex:0 1 auto;flex-grow:0;flex-shrink:0;-webkit-padding-before:var(--db-spacing-fixed-xs);padding-block-start:var(--db-spacing-fixed-xs)}.db-header-action-bar[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-bar:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]):before,.db-header-action-bar[data-force-mobile=false]:before{display:none}}.db-header-drawer-navigation{display:flex;flex-direction:column;flex:1 1 auto;block-size:100%;overflow:auto;justify-content:space-between}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}.db-header-action-bar,.db-header-navigation{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]),.db-header-action-bar[data-force-mobile=false],.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false]{gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));-webkit-padding-after:0;padding-block-end:0}.db-header-drawer .db-drawer-content{display:flex;flex-direction:column;block-size:100%;overflow:hidden}.db-header-action-container>.db-header-action-bar,.db-header-meta-navigation,.db-header-navigation-container>.db-header-navigation{display:none}@media screen and (min-width:64em){.db-header-action-container>.db-header-action-bar:not([data-force-mobile]),.db-header-action-container>.db-header-action-bar[data-force-mobile=false],.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false],.db-header-navigation-container>.db-header-navigation:not([data-force-mobile]),.db-header-navigation-container>.db-header-navigation[data-force-mobile=false]{display:inherit}}.db-header-drawer-navigation>.db-header-meta-navigation{display:inherit}@media screen and (min-width:64em){.db-header-burger-menu-container:not([data-force-mobile]),.db-header-burger-menu-container[data-force-mobile=false],.db-header-drawer:not([data-force-mobile]),.db-header-drawer[data-force-mobile=false]{display:none}}:root body{margin:0}:root:has(.fixed-header-footer),:root:has(db-page[type=fixedHeaderFooter]){block-size:100%;overflow:hidden}:root:has(.fixed-header-footer) #app,:root:has(.fixed-header-footer) #root,:root:has(.fixed-header-footer) body,:root:has(db-page[type=fixedHeaderFooter]) #app,:root:has(db-page[type=fixedHeaderFooter]) #root,:root:has(db-page[type=fixedHeaderFooter]) body{block-size:100%}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page.fixed-header-footer{block-size:100%;min-block-size:100%;display:flex;flex-direction:column}.db-page.fixed-header-footer footer,.db-page.fixed-header-footer header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page.fixed-header-footer main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link{inline-size:-moz-fit-content;inline-size:fit-content;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:hover{color:color-mix(in srgb,transparent 25%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link:active{color:color-mix(in srgb,transparent 50%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_forward";vertical-align:top}.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"link_external"}.db-link:focus-visible{border-radius:var(--db-border-radius-md)}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start);margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=primary]{--db-current-color:var(--db-brand-text-enabled);color:var(--db-current-color)}.db-link[data-variant=primary]:hover{--db-current-color:var(--db-brand-text-hover)}.db-link[data-variant=primary]:active{--db-current-color:var(--db-brand-text-pressed)}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-section:not([data-force-mobile]),.db-section[data-force-mobile=false]{padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-variant=full]{padding-inline:0}.db-section[data-size=none]{padding-block:0}.db-section[data-size=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-size=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-size=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-variant=full]{max-inline-size:none}.db-section>div[data-variant=medium]{max-inline-size:64em}.db-section>div[data-variant=large]{max-inline-size:90em}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-solid"}.db-infotext:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext[data-variant=neutral]{color:var(--db-neutral-text-enabled)}.db-infotext[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-infotext[data-variant=critical]{color:var(--db-critical-text-enabled)}.db-infotext[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-infotext[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-infotext[data-variant=informational]{color:var(--db-informational-text-enabled)}.db-infotext[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-infotext[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-infotext[data-variant=warning]{color:var(--db-warning-text-enabled)}.db-infotext[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-infotext[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-infotext[data-variant=successful]{color:var(--db-successful-text-enabled)}.db-infotext[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-alert{grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-alert:has(.db-alert-link){grid-template-areas:"icon content link close";grid-template-columns:min-content 1fr min-content min-content}.db-alert:has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}}.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr 1fr min-content;grid-template-areas:"icon head head close" "icon content content content"}.db-alert:has(.db-alert-headline)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}}.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr 1fr min-content min-content;grid-template-areas:"icon head head link close" "icon content content content content"}.db-alert:has(.db-alert-headline):has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}}.db-alert{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;text-align:start}.db-alert:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-alert db-link,.db-alert dblink{display:inline-flex}.db-alert .db-alert-headline{grid-area:head}.db-alert .db-alert-content{grid-area:content;margin:0}.db-alert .db-alert-link{grid-area:link}.db-alert .db-alert-close{grid-area:close}.db-alert:before,.db-alert[data-icon]:before{--db-icon-margin-end:0;grid-area:icon}.db-alert[data-type=inline][data-elevation=none]{box-shadow:none}.db-alert[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-alert[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-alert[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-alert[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-alert[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-alert[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-alert[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-alert[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-alert[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-checkbox input{border-radius:var(--db-border-radius-sm)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0}.db-checkbox input:checked:before{--db-icon:"done";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox input:indeterminate:before{--db-icon:"minus";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-radio input{border-color:currentColor;border-radius:var(--db-border-radius-3xl);transition:border-width var(--db-transition-duration-fast) var(--db-transition-functional-timing)}.db-radio input:checked{border-width:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*.3)}[data-no-text=true].db-tag{--icon-margin-after:0;font-size:0!important;padding:0}[data-no-text=true].db-tag:before{--db-icon-margin-end:0}[data-no-text=true].db-tag label{font-size:0!important}[data-no-text=true].db-tag label:before{--db-icon-margin-end:0}.db-tag:not([data-no-text=true]){--db-padding-inline-start:var(--db-spacing-fixed-2xs);padding-inline:var(--db-padding-inline-start) var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){-webkit-padding-end:0;padding-inline-end:0}.db-tag:not([data-no-text=true]):has(a),.db-tag:not([data-no-text=true]):has(db-button):has(db-button:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(label),.db-tag:not([data-no-text=true]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button)){padding-inline:0}.db-tag{--db-icon-margin-end:var(--db-spacing-fixed-2xs);padding-block:0;block-size:var(--db-sizing-sm);min-inline-size:var(--db-sizing-sm);inline-size:-moz-fit-content;inline-size:fit-content}.db-tag:has(.db-tab-remove-button)[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked,a,button){--db-current-icon-color:var(--db-base-on-enabled);--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color)}.db-tag button:nth-of-type(2),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{display:none}.db-tag{position:relative}.db-tag label{inline-size:100%;-webkit-margin-start:0;margin-inline-start:0}.db-tag label:has(input:not(:checked)){--db-current-base-color-alpha:100%}.db-tag label:has(input:checked){border-width:var(--db-border-height-sm)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{inline-size:calc(100% + 2px);block-size:calc(100% + 2px);position:absolute;-webkit-margin-end:initial;margin-inline-end:0;border:none;border-radius:inherit;transform:translateX(calc((var(--db-padding-inline-start, var(--db-spacing-fixed-2xs)) + var(--db-border-height-sm)) * -1))}.db-tag label input:checked:before{--db-icon:""}.db-tag a{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));display:inline-flex;align-items:center;text-decoration:none}.db-tag a:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag a:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:""!important}.db-tag .db-link:active,.db-tag .db-link:hover{color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:none}.db-tag input:checked{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tag input:checked:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag button,.db-tag label:has(input:checked){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):hover,.db-tag label:has(input:checked):not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):active,.db-tag label:has(input:checked):not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:active,.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:hover{--db-current-base-color-alpha:92%}.db-tag a,.db-tag button,.db-tag label{block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-md)}.db-tag a,.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag[data-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);block-size:100%}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-start-start-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-start-end-radius:var(--db-border-radius-lg);border-end-end-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-lg);border-start-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,0);padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{display:flex;flex-direction:column;background-color:var(--db-base-bg-enabled);block-size:100%;inline-size:100%;position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{margin-block:auto;font-weight:700}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{-webkit-margin-start:auto;margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-hide-straight)}[data-icon].db-select{--db-form-has-before:1}.db-select:has(select:focus-within):after{transform:rotate(-180deg)}.db-select{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm));--db-form-has-before:0;position:relative;display:flex;flex-direction:column;min-inline-size:calc(4*var(--db-sizing-md) + var(--db-form-has-before)*var(--db-sizing-md))}.db-select[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-select[data-label-variant=floating]:after,.db-select[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-select[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select+[id$=-placeholder],.db-select[data-label-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-label-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-select:has(select:required) label:after,.db-select:has(select:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:not([aria-invalid]):is(:required):valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):valid) select{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-select:has(select:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:valid) select{color:var(--db-successful-on-bg-enabled)}}.db-select:has(select[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select[aria-invalid=false]) [id$=-placeholder],.db-select:has(select[aria-invalid=false]) select{color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):invalid) select{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-select:has(select:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:invalid) select{color:var(--db-critical-on-bg-enabled)}}.db-select:has(select[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select[aria-invalid=true]) [id$=-placeholder],.db-select:has(select[aria-invalid=true]) select{color:var(--db-critical-on-bg-enabled)}.db-select select{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:var(--db-opacity-md)}.db-select select:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-select select:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-select label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-label-variant=hidden] label{padding:0}.db-select .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-select:after,.db-select:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-select:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-select[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-select[data-variant=neutral] [id$=-placeholder],.db-select[data-variant=neutral] select{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-select[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select[data-variant=critical] [id$=-placeholder],.db-select[data-variant=critical] select{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-select[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-select[data-variant=informational] [id$=-placeholder],.db-select[data-variant=informational] select{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-select[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-select[data-variant=warning] [id$=-placeholder],.db-select[data-variant=warning] select{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-select[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select[data-variant=successful] [id$=-placeholder],.db-select[data-variant=successful] select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-bg-color)}.db-select[data-label-variant=hidden]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select [id$=-placeholder]{position:absolute;pointer-events:none;inset-block-start:calc(0% + (calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs)) + var(--db-spacing-fixed-xs))*var(--db-label-visible-height, 1) + var(--db-base-font-size)/2 - var(--db-ui-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)));-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:calc(100% - var(--db-form-component-padding-inline-end) - calc(var(--db-form-has-before) * (var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm))}.db-select:has(>select option:checked:not([hidden])) [id$=-placeholder]{display:none}@media screen and (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:focus-visible:is(button)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:hover:is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-lg);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item .db-navigation-item-expand-button>button:hover,.db-navigation-item a:has(~.db-sub-navigation:hover),.db-navigation-item a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:active,.db-navigation-item a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-navigation-item{--db-has-before:0;display:inline-flex;position:relative;inline-size:100%}.db-navigation-item[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;z-index:1}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button,.db-navigation-item[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media screen and (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}@media screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-base-bg-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}@media screen and (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-lg);box-shadow:var(--db-elevation-md);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:328px;inset-block-start:calc(100% + var(--db-spacing-fixed-md));transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:100%}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]):focus-within,.db-sub-navigation:not([data-force-mobile]):hover,.db-sub-navigation[data-force-mobile=false]:focus-within,.db-sub-navigation[data-force-mobile=false]:hover{visibility:visible}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(-1*var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=true]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true][data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true][data-outside-vy=true]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{-webkit-margin-start:auto;margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;font-weight:400;background-color:var(--db-base-bg-enabled);-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-base-bg-enabled);border-start-end-radius:var(--db-border-radius-md)}.db-tab-list>ul:hover::-webkit-scrollbar-button:single-button,.db-tab-list>ul:hover::-webkit-scrollbar-track,.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-base-bg-enabled)!important}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:not(:disabled):hover,.db-textarea textarea::-webkit-scrollbar-thumb:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:not(:disabled):active,.db-textarea textarea::-webkit-scrollbar-thumb:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:hover,.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,68%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:active,.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,60%),var(--db-current-base-color,#fff))}.db-tab-list>ul[data-label-variant=floating]::-webkit-resizer,.db-textarea textarea[data-label-variant=floating]::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tab-list>ul[data-label-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-label-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-base-bg-enabled)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcgMTJjLjUxMjgzNTg0IDAgMSAuNDIxNjY1NyAxIDF2NGMwIC41MTI4MzU4LS40MDc3MzY0OCAxLTEgMWgtNGMtLjQ5MTg3ODUxIDAtMS0uMzkzNTA1Ni0xLTF2LTRjMC0uNTEyODM1OC40MTk1NTA5LTEgMS0xem05LTEwYzEuMDU0MzYxOCAwIDIgLjg2MzcwOTk2IDIgMnYxMGMwIDEuMDU0MzYxOC0uODY5Mjg3MyAyLTIgMmgtNS41Yy0uNTUyMjg0NzUgMC0xLS40NDc3MTUzLTEtMSAwLS41MTI4MzU4LjQxMTE0NTUtMSAxLTFoNS41di0xMGgtMTB2NS41YzAgLjU1MjI4NDctLjQ0NzcxNTI1IDEtMSAxLS41MTI4MzU4NCAwLTEtLjQyNzUyOTYtMS0xdi01LjVjMC0xLjA1NDM2MTguODM1MjM3ODctMiAyLTJ6bS0xMCAxMmgtMnYyaDJ6IiBmaWxsPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");border-end-end-radius:var(--db-border-radius-md)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-md)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));inline-size:0}.db-tab-list>ul::-webkit-scrollbar-button:single-button:not(:disabled):hover,.db-textarea textarea::-webkit-scrollbar-button:single-button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:not(:disabled):active,.db-textarea textarea::-webkit-scrollbar-button:single-button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMSAtMSAwIDE1Ljk5IDE1Ljk5KSIvPjwvc3ZnPg0K")}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-textarea[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-textarea[data-label-variant=floating]:after,.db-textarea[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-textarea[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-label-variant=floating] textarea{-webkit-padding-before:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea[data-label-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-textarea:has(textarea:required) label:after,.db-textarea:has(textarea:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) textarea{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-textarea:has(textarea:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:valid) textarea{color:var(--db-successful-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea[aria-invalid=false]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=false]) textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) textarea{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-textarea:has(textarea:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:invalid) textarea{color:var(--db-critical-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea[aria-invalid=true]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=true]) textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea textarea{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:var(--db-opacity-md)}.db-textarea textarea:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-label-variant=hidden] label{padding:0}.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-textarea:after,.db-textarea:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-textarea:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-textarea:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-textarea[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-textarea[data-variant=neutral] [id$=-placeholder],.db-textarea[data-variant=neutral] textarea{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-textarea[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea[data-variant=critical] [id$=-placeholder],.db-textarea[data-variant=critical] textarea{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-textarea[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-textarea[data-variant=informational] [id$=-placeholder],.db-textarea[data-variant=informational] textarea{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-textarea[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-textarea[data-variant=warning] [id$=-placeholder],.db-textarea[data-variant=warning] textarea{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-textarea[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea[data-variant=successful] [id$=-placeholder],.db-textarea[data-variant=successful] textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-base-bg-enabled)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:enabled:hover):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:enabled:hover):after{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);border-radius:42px;padding-inline:var(--db-spacing-fixed-2xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge[data-variant=neutral]:not(.db-badge[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-badge[data-variant=critical]:not(.db-badge[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-badge[data-variant=informational]:not(.db-badge[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-badge[data-variant=warning]:not(.db-badge[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-badge[data-variant=successful]:not(.db-badge[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-badge[data-size=medium]{--badge-size:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-xs)}.db-badge[data-size=medium]:empty,.db-badge[data-size=medium]>span:empty{padding:0}.db-badge[data-size=medium]:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;-webkit-margin-before:calc(2*var(--db-spacing-fixed-sm));margin-block-start:calc(2*var(--db-spacing-fixed-sm))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item[data-emphasis=strong],.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item:before,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0;inset-block-start:calc(-1*var(--db-spacing-fixed-sm))}.db-accordion[data-variant=card] .db-accordion-item+.db-accordion-item,.db-accordion[data-variant=card] db-accordion-item+db-accordion-item .db-accordion-item{-webkit-margin-before:var(--db-spacing-fixed-sm);margin-block-start:var(--db-spacing-fixed-sm)}.db-accordion[data-variant=card] .db-accordion-item:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;border-radius:var(--db-border-radius-lg);pointer-events:none}.db-accordion-item{position:relative;inline-size:100%;border-radius:var(--db-border-radius-lg)}.db-accordion-item summary+div{padding:var(--db-spacing-fixed-md);-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:var(--db-opacity-sm)}.db-accordion-item summary{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);border-radius:var(--db-border-radius-lg)}.db-accordion-item summary:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-accordion-item summary:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:var(--db-border-radius-md)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-main-navigation>menu .db-navigation-item:after,.db-tabs .db-tab:after{content:"";position:absolute;border-radius:var(--db-border-radius-md);transition:height .15s var(--db-transition-emotional-timing),width .15s var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item:after{block-size:0;inline-size:var(--db-border-height-lg);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item:after{block-size:var(--db-border-height-lg);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}}.db-main-navigation>menu .db-navigation-item:has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%;inline-size:var(--db-border-height-lg)}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item:not([data-force-mobile]):has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item:has([aria-current=page]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:var(--db-border-height-lg);inline-size:100%}}.db-main-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64em){.db-main-navigation:not([data-force-mobile]),.db-main-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-main-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-main-navigation>menu:not([data-force-mobile]),.db-main-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon-after:"expand_more";transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:rotate(-180deg)}}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-after:"chevron_right";--db-icon-margin-start:auto}.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-main-navigation>menu .db-navigation-item:has([aria-current=page]) menu :has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item:has([aria-current=page]) menu [aria-current=page]:after,.db-main-navigation>menu .db-navigation-item[aria-current=page] menu :has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}.db-popover>article:not([data-placement]),.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=bottom]:not([data-outside-vy]),.db-popover>article[data-placement=top]:not([data-outside-vy]){--db-popover-center-x:-50%;inset-inline-start:50%}.db-popover>article[data-outside-vx=left]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vx=right]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=left]:not([data-outside-vx]),.db-popover>article[data-placement=right]:not([data-outside-vx]){--db-popover-center-y:-50%;inset-block-start:50%}.db-popover>article,.db-tooltip{--db-popover-distance:var(--db-spacing-fixed-2xs)}.db-popover>article:before,.db-tooltip:before{content:"";position:absolute}.db-popover>article[data-gap=true],[data-gap=true].db-tooltip{--db-popover-gap:1;--db-popover-distance:var(--db-spacing-fixed-md)}.db-popover>article:is(.db-tooltip),.db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=end],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=end],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=end],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=end]{inset-inline-end:0}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=start],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=start],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=start],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=start]{inset-inline-start:0}.db-popover>article[data-outside-vx=left][data-placement$=end],.db-popover>article[data-outside-vx=right][data-placement$=end],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=end],[data-outside-vx=left][data-placement$=end].db-tooltip,[data-outside-vx=right][data-placement$=end].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=end]{inset-block-end:0}.db-popover>article[data-outside-vx=left][data-placement$=start],.db-popover>article[data-outside-vx=right][data-placement$=start],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=start],[data-outside-vx=left][data-placement$=start].db-tooltip,[data-outside-vx=right][data-placement$=start].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=start]{inset-block-start:0}.db-popover>article:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom]:not([data-outside-vy]),.db-tooltip:not([data-placement]):not([data-outside-vy]),[data-outside-vy=top].db-tooltip:not([data-outside-vx]),[data-placement^=bottom].db-tooltip:not([data-outside-vy]){inset-block-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article:not([data-placement]):not([data-outside-vy]):before,.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):before,.db-popover>article[data-placement^=bottom]:not([data-outside-vy]):before,.db-tooltip:not([data-placement]):not([data-outside-vy]):before,[data-outside-vy=top].db-tooltip:not([data-outside-vx]):before,[data-placement^=bottom].db-tooltip:not([data-outside-vy]):before{inset-inline-start:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-start:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover>article[data-placement^=top]:not([data-outside-vy]),[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]),[data-placement^=top].db-tooltip:not([data-outside-vy]){inset-block-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):before,.db-popover>article[data-placement^=top]:not([data-outside-vy]):before,[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):before,[data-placement^=top].db-tooltip:not([data-outside-vy]):before{inset-inline-end:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=right],.db-popover>article[data-placement^=left]:not([data-outside-vx]),[data-outside-vx=right].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx]){inset-inline-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=right]:before,.db-popover>article[data-placement^=left]:not([data-outside-vx]):before,[data-outside-vx=right].db-tooltip:before,[data-placement^=left].db-tooltip:not([data-outside-vx]):before{inset-block-end:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=left],.db-popover>article[data-placement^=right]:not([data-outside-vx]),[data-outside-vx=left].db-tooltip,[data-placement^=right].db-tooltip:not([data-outside-vx]){inset-inline-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=left]:before,.db-popover>article[data-placement^=right]:not([data-outside-vx]):before,[data-outside-vx=left].db-tooltip:before,[data-placement^=right].db-tooltip:not([data-outside-vx]):before{inset-block-start:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-start:calc(-1*var(--db-popover-distance))}.db-popover:focus-within>article,.db-popover:hover>article,.db-popover>article[data-open=true],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type{visibility:visible}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:-25%}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:25%}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=left],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=left],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]),.db-popover>article[data-outside-vx=left][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:-25%}.db-popover:focus-within>article[data-outside-vx=left][data-animation=disabled],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=left][data-animation=disabled],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=left][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=right],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=right],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]),.db-popover>article[data-outside-vx=right][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:25%}.db-popover:focus-within>article[data-outside-vx=right][data-animation=disabled],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=right][data-animation=disabled],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=right][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover>article,.db-tooltip{position:absolute;background-color:var(--db-base-bg-enabled);visibility:hidden;z-index:1;white-space:nowrap}.db-popover>article[data-width=fixed],[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover{position:relative}.db-popover>article,.db-popover>article[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover>article[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover>article[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-md);font-style:normal;font-weight:400;padding:var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs)}.db-tooltip:not([data-variant=basic]):after{content:"";box-shadow:var(--db-elevation-md);position:absolute;background-color:var(--db-base-bg-enabled);inline-size:var(--db-sizing-2xs);block-size:var(--db-sizing-2xs);-webkit-clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));border-radius:0 2px;transform:skew(-8deg,-8deg)}.db-tooltip:not([data-placement]):not([data-outside-vy]):after,.db-tooltip[data-outside-vy=top]:not([data-outside-vx]):after,.db-tooltip[data-placement^=bottom]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-outside-vy=bottom]:not([data-outside-vx]):after,.db-tooltip[data-placement^=top]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-outside-vx=left]:after,.db-tooltip[data-placement^=right]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-outside-vx=right]:after,.db-tooltip[data-placement^=left]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-neutral-text-enabled)}.db-tab-list{position:relative}.db-tab-list>ul{display:flex;gap:var(--db-spacing-fixed-sm);scroll-behavior:smooth;padding:0;margin:0}.db-tabs db-tab-list:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs db-tab-list:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0]{display:block}.db-tabs db-tab-list:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs db-tab-list:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1]{display:block}.db-tabs db-tab-list:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs db-tab-list:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2]{display:block}.db-tabs db-tab-list:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs db-tab-list:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3]{display:block}.db-tabs db-tab-list:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs db-tab-list:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4]{display:block}.db-tabs db-tab-list:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs db-tab-list:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5]{display:block}.db-tabs db-tab-list:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs db-tab-list:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6]{display:block}.db-tabs db-tab-list:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs db-tab-list:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7]{display:block}.db-tabs db-tab-list:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs db-tab-list:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8]{display:block}.db-tabs db-tab-list:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs db-tab-list:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9]{display:block}.db-tabs db-tab-list:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs db-tab-list:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:after{block-size:var(--db-border-height-lg);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:has(input:checked):after{block-size:var(--db-border-height-lg);inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:has(input:checked):after{inset-block-end:calc(-1*(var(--db-spacing-fixed-2xs) + var(--db-border-height-lg)));z-index:-2}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:after{block-size:0;inline-size:var(--db-border-height-lg);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:has(input:checked):after{block-size:100%;inline-size:var(--db-border-height-lg)}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:has(input:checked):after{inset-inline-start:0;z-index:-2}.db-tabs{display:flex;inline-size:100%;position:relative}.db-tabs .db-tab-panel{padding:0 var(--db-spacing-fixed-xs)}.db-tabs .db-tab-list{max-inline-size:100%;z-index:20}.db-tabs .db-tab-list:has([id$=-tab-0]:checked)~[id$=-tab-panel-0]{display:block}.db-tabs .db-tab-list:has([id$=-tab-1]:checked)~[id$=-tab-panel-1]{display:block}.db-tabs .db-tab-list:has([id$=-tab-2]:checked)~[id$=-tab-panel-2]{display:block}.db-tabs .db-tab-list:has([id$=-tab-3]:checked)~[id$=-tab-panel-3]{display:block}.db-tabs .db-tab-list:has([id$=-tab-4]:checked)~[id$=-tab-panel-4]{display:block}.db-tabs .db-tab-list:has([id$=-tab-5]:checked)~[id$=-tab-panel-5]{display:block}.db-tabs .db-tab-list:has([id$=-tab-6]:checked)~[id$=-tab-panel-6]{display:block}.db-tabs .db-tab-list:has([id$=-tab-7]:checked)~[id$=-tab-panel-7]{display:block}.db-tabs .db-tab-list:has([id$=-tab-8]:checked)~[id$=-tab-panel-8]{display:block}.db-tabs .db-tab-list:has([id$=-tab-9]:checked)~[id$=-tab-panel-9]{display:block}.db-tabs .db-tab-list:has([id$=-tab-10]:checked)~[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]){flex-direction:column;flex-wrap:wrap}.db-tabs:not([data-orientation=vertical]) .db-tab-panel{inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before{content:"";border-radius:var(--db-border-radius-md);block-size:var(--db-border-height-lg);position:absolute;inset-inline:var(--db-spacing-fixed-xs);inset-block-start:calc(3*var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul{overflow-x:auto;overflow-y:hidden;inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs);-webkit-margin-after:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-lg));margin-block-end:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-lg))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab:first-of-type .db-tab{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab:last-of-type .db-tab{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab)) .db-tab:first-of-type{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab)) .db-tab:last-of-type{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical]{flex-direction:row}.db-tabs[data-orientation=vertical] .db-tab-panel{padding:var(--db-spacing-fixed-xs) 0}.db-tabs[data-orientation=vertical] .db-tab-list{min-inline-size:var(--db-tab-list-vertical-width,calc(3 * var(--db-spacing-fixed-3xl)));max-inline-size:var(--db-tab-list-vertical-width,calc(3 * var(--db-spacing-fixed-3xl)));-webkit-padding-end:var(--db-spacing-fixed-xs);padding-inline-end:var(--db-spacing-fixed-xs);-webkit-margin-after:auto;margin-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab label{position:relative}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:has(input:focus-visible),.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:hover{inline-size:-moz-fit-content;inline-size:fit-content}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:has(input:focus-visible) label,.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:hover label{overflow:visible}.db-tabs[data-orientation=vertical] .db-tab-list:before{content:"";border-radius:var(--db-border-radius-md);inline-size:var(--db-border-height-lg);inset-block:var(--db-spacing-fixed-xs);position:absolute;inset-inline-start:0}.db-tabs[data-orientation=vertical] .db-tab-list>ul{flex-direction:column;block-size:100%}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab)) .db-tab:first-of-type{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab)) .db-tab:last-of-type{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab,.db-tabs[data-orientation=vertical] .db-tab input{-webkit-padding-start:calc(var(--db-border-height-lg) + var(--db-spacing-fixed-2xs));padding-inline-start:calc(var(--db-border-height-lg) + var(--db-spacing-fixed-2xs))}.db-tabs[data-orientation=vertical] db-tab:first-of-type .db-tab{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] db-tab:last-of-type .db-tab{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-width=full] .db-tab,.db-tabs[data-width=full] .db-tab label,.db-tabs[data-width=full] .db-tab-list{inline-size:100%}.db-tabs[data-width=full][data-alignment=center] .db-tab label{text-align:center;justify-content:center}.db-tabs[data-scroll-behaviour=arrows] .db-tab-list>ul::-webkit-scrollbar{display:none}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-left):before{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-right):after{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after,.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{position:absolute;z-index:21;background-color:var(--db-current-bg-color);inline-size:var(--db-sizing-md);block-size:calc(var(--db-spacing-fixed-sm) + var(--db-sizing-md));flex:0 0 auto}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button,.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{position:absolute;z-index:22;inset-block:var(--db-spacing-fixed-xs)}.db-tab-panel{display:none}db-accordion,db-accordion-item,db-alert,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-main-navigation,db-navigation-item,db-page,db-popover,db-radio,db-section,db-select,db-tab,db-tab-bar,db-tab-list,db-tab-panel,db-tabbar,db-tabs,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbalert,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbmain-navigation,dbnavigation-item,dbpage,dbpopover,dbradio,dbsection,dbselect,dbtab,dbtab-bar,dbtab-list,dbtab-panel,dbtabbar,dbtabs,dbtag,dbtextarea,dbtooltip{display:contents}db-alert,dbalert{inline-size:inherit}:has(>.db-badge[data-placement^=corner]){position:relative}:has(>db-tooltip,>dbtooltip,>.db-tooltip){position:relative}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-scheme=dark],[data-emphasis=weak][data-color-scheme=light]{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}:root{--db-spacing-responsive-regular-desktop-3xl:40rem;--db-spacing-responsive-regular-desktop-2xl:30rem;--db-spacing-responsive-regular-desktop-xl:15rem;--db-spacing-responsive-regular-desktop-lg:7.5rem;--db-spacing-responsive-regular-desktop-md:5rem;--db-spacing-responsive-regular-desktop-sm:3rem;--db-spacing-responsive-regular-desktop-xs:2rem;--db-spacing-responsive-regular-desktop-2xs:1.5rem;--db-spacing-responsive-regular-desktop-3xs:1.25rem;--db-spacing-responsive-regular-tablet-3xs:1rem;--db-spacing-responsive-regular-tablet-2xs:1.25rem;--db-spacing-responsive-regular-tablet-xs:1.75rem;--db-spacing-responsive-regular-tablet-sm:2.5rem;--db-spacing-responsive-regular-tablet-md:4rem;--db-spacing-responsive-regular-tablet-lg:6rem;--db-spacing-responsive-regular-tablet-xl:10rem;--db-spacing-responsive-regular-tablet-2xl:15rem;--db-spacing-responsive-regular-tablet-3xl:30rem;--db-spacing-responsive-regular-mobile-3xs:1rem;--db-spacing-responsive-regular-mobile-2xs:1.25rem;--db-spacing-responsive-regular-mobile-xs:1.5rem;--db-spacing-responsive-regular-mobile-sm:2rem;--db-spacing-responsive-regular-mobile-md:3rem;--db-spacing-responsive-regular-mobile-lg:5rem;--db-spacing-responsive-regular-mobile-xl:7.5rem;--db-spacing-responsive-regular-mobile-2xl:10rem;--db-spacing-responsive-regular-mobile-3xl:15rem;--db-spacing-responsive-functional-desktop-3xs:1rem;--db-spacing-responsive-functional-desktop-2xs:1.25rem;--db-spacing-responsive-functional-desktop-xs:1.75rem;--db-spacing-responsive-functional-desktop-sm:2.5rem;--db-spacing-responsive-functional-desktop-md:4rem;--db-spacing-responsive-functional-desktop-lg:6rem;--db-spacing-responsive-functional-desktop-xl:10rem;--db-spacing-responsive-functional-desktop-2xl:15rem;--db-spacing-responsive-functional-desktop-3xl:30rem;--db-spacing-responsive-functional-tablet-3xs:1rem;--db-spacing-responsive-functional-tablet-2xs:1.25rem;--db-spacing-responsive-functional-tablet-xs:1.5rem;--db-spacing-responsive-functional-tablet-sm:2rem;--db-spacing-responsive-functional-tablet-md:3rem;--db-spacing-responsive-functional-tablet-lg:5rem;--db-spacing-responsive-functional-tablet-xl:7.5rem;--db-spacing-responsive-functional-tablet-2xl:10rem;--db-spacing-responsive-functional-tablet-3xl:15rem;--db-spacing-responsive-functional-mobile-3xs:1rem;--db-spacing-responsive-functional-mobile-2xs:1.25rem;--db-spacing-responsive-functional-mobile-xs:1.25rem;--db-spacing-responsive-functional-mobile-sm:1.75rem;--db-spacing-responsive-functional-mobile-md:2.5rem;--db-spacing-responsive-functional-mobile-lg:4rem;--db-spacing-responsive-functional-mobile-xl:6rem;--db-spacing-responsive-functional-mobile-2xl:7.5rem;--db-spacing-responsive-functional-mobile-3xl:10rem;--db-spacing-responsive-expressive-desktop-3xs:1.75rem;--db-spacing-responsive-expressive-desktop-2xs:2rem;--db-spacing-responsive-expressive-desktop-xs:3rem;--db-spacing-responsive-expressive-desktop-sm:5rem;--db-spacing-responsive-expressive-desktop-md:7.5rem;--db-spacing-responsive-expressive-desktop-lg:15rem;--db-spacing-responsive-expressive-desktop-xl:30rem;--db-spacing-responsive-expressive-desktop-2xl:40rem;--db-spacing-responsive-expressive-desktop-3xl:50rem;--db-spacing-responsive-expressive-tablet-3xs:1.5rem;--db-spacing-responsive-expressive-tablet-2xs:1.75rem;--db-spacing-responsive-expressive-tablet-xs:2.5rem;--db-spacing-responsive-expressive-tablet-sm:4rem;--db-spacing-responsive-expressive-tablet-md:6rem;--db-spacing-responsive-expressive-tablet-lg:10rem;--db-spacing-responsive-expressive-tablet-xl:15rem;--db-spacing-responsive-expressive-tablet-2xl:30rem;--db-spacing-responsive-expressive-tablet-3xl:40rem;--db-spacing-responsive-expressive-mobile-3xs:1.25rem;--db-spacing-responsive-expressive-mobile-2xs:1.5rem;--db-spacing-responsive-expressive-mobile-xs:2rem;--db-spacing-responsive-expressive-mobile-sm:3rem;--db-spacing-responsive-expressive-mobile-md:5rem;--db-spacing-responsive-expressive-mobile-lg:7.5rem;--db-spacing-responsive-expressive-mobile-xl:10rem;--db-spacing-responsive-expressive-mobile-2xl:15rem;--db-spacing-responsive-expressive-mobile-3xl:30rem;--db-spacing-fixed-regular-3xs:0.125rem;--db-spacing-fixed-regular-2xs:0.25rem;--db-spacing-fixed-regular-xs:0.5rem;--db-spacing-fixed-regular-sm:0.75rem;--db-spacing-fixed-regular-md:1rem;--db-spacing-fixed-regular-lg:1.5rem;--db-spacing-fixed-regular-xl:2rem;--db-spacing-fixed-regular-2xl:3rem;--db-spacing-fixed-regular-3xl:5rem;--db-spacing-fixed-functional-3xs:0.125rem;--db-spacing-fixed-functional-2xs:0.25rem;--db-spacing-fixed-functional-xs:0.375rem;--db-spacing-fixed-functional-sm:0.5rem;--db-spacing-fixed-functional-md:0.75rem;--db-spacing-fixed-functional-lg:1rem;--db-spacing-fixed-functional-xl:1.5rem;--db-spacing-fixed-functional-2xl:2rem;--db-spacing-fixed-functional-3xl:3rem;--db-spacing-fixed-expressive-3xs:0.25rem;--db-spacing-fixed-expressive-2xs:0.5rem;--db-spacing-fixed-expressive-xs:0.75rem;--db-spacing-fixed-expressive-sm:1rem;--db-spacing-fixed-expressive-md:1.5rem;--db-spacing-fixed-expressive-lg:2rem;--db-spacing-fixed-expressive-xl:3rem;--db-spacing-fixed-expressive-2xl:5rem;--db-spacing-fixed-expressive-3xl:7.5rem;--db-sizing-fixed-mobile-header:3.5rem;--db-sizing-regular-3xl:15rem;--db-sizing-regular-2xl:10rem;--db-sizing-regular-xl:6rem;--db-sizing-regular-lg:4rem;--db-sizing-regular-md:2.5rem;--db-sizing-regular-sm:1.5rem;--db-sizing-regular-xs:1rem;--db-sizing-regular-2xs:0.75rem;--db-sizing-regular-3xs:0.5rem;--db-sizing-functional-3xs:0.375rem;--db-sizing-functional-2xs:0.625rem;--db-sizing-functional-xs:0.875rem;--db-sizing-functional-sm:1.25rem;--db-sizing-functional-md:2rem;--db-sizing-functional-lg:3rem;--db-sizing-functional-xl:5rem;--db-sizing-functional-2xl:7.5rem;--db-sizing-functional-3xl:10rem;--db-sizing-expressive-3xs:0.625rem;--db-sizing-expressive-2xs:0.875rem;--db-sizing-expressive-xs:1.25rem;--db-sizing-expressive-sm:1.75rem;--db-sizing-expressive-md:3rem;--db-sizing-expressive-lg:5rem;--db-sizing-expressive-xl:7.5rem;--db-sizing-expressive-2xl:15rem;--db-sizing-expressive-3xl:30rem;--db-typography-regular-desktop-headline-3xl-line-height:1.2;--db-typography-regular-desktop-headline-3xl-font-size:5rem;--db-base-icon-weight-regular-desktop-headline-3xl:96;--db-base-icon-font-size-regular-desktop-headline-3xl:6rem;--db-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-base-icon-weight-regular-desktop-headline-2xl:80;--db-base-icon-font-size-regular-desktop-headline-2xl:5rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-base-icon-weight-regular-desktop-headline-xl:64;--db-base-icon-font-size-regular-desktop-headline-xl:4rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-base-icon-weight-regular-desktop-headline-lg:48;--db-base-icon-font-size-regular-desktop-headline-lg:3rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-base-icon-weight-regular-desktop-headline-md:40;--db-base-icon-font-size-regular-desktop-headline-md:2.5rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-base-icon-weight-regular-desktop-headline-sm:32;--db-base-icon-font-size-regular-desktop-headline-sm:2rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-base-icon-weight-regular-desktop-headline-2xs:24;--db-base-icon-font-size-regular-desktop-headline-2xs:1.5rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-desktop-headline-3xs:20;--db-base-icon-font-size-regular-desktop-headline-3xs:1.25rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--db-base-icon-weight-regular-desktop-headline-xs:28;--db-base-icon-font-size-regular-desktop-headline-xs:1.75rem;--db-typography-regular-desktop-body-lg-line-height:1.4;--db-typography-regular-desktop-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-desktop-lg:28;--db-base-icon-font-size-regular-desktop-lg:1.75rem;--db-typography-regular-desktop-body-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-desktop-xl:32;--db-base-icon-font-size-regular-desktop-xl:2rem;--db-typography-regular-desktop-body-2xl-line-height:1.4285714285714286;--db-typography-regular-desktop-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-desktop-2xl:40;--db-base-icon-font-size-regular-desktop-2xl:2.5rem;--db-typography-regular-desktop-body-3xl-line-height:1.5;--db-typography-regular-desktop-body-3xl-font-size:2rem;--db-base-icon-weight-regular-desktop-3xl:48;--db-base-icon-font-size-regular-desktop-3xl:3rem;--db-typography-regular-desktop-body-md-line-height:1.5;--db-typography-regular-desktop-body-md-font-size:1rem;--db-base-icon-weight-regular-desktop-md:24;--db-base-icon-font-size-regular-desktop-md:1.5rem;--db-typography-regular-desktop-body-sm-line-height:1.4285714285714286;--db-typography-regular-desktop-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-desktop-sm:20;--db-base-icon-font-size-regular-desktop-sm:1.25rem;--db-typography-regular-desktop-body-2xs-line-height:1.4;--db-typography-regular-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-2xs:14;--db-base-icon-font-size-regular-desktop-2xs:0.875rem;--db-typography-regular-desktop-body-3xs-line-height:1.4;--db-typography-regular-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-3xs:14;--db-base-icon-font-size-regular-desktop-3xs:0.875rem;--db-typography-regular-desktop-body-xs-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-desktop-xs:16;--db-base-icon-font-size-regular-desktop-xs:1rem;--db-typography-regular-mobile-body-lg-line-height:1.4;--db-typography-regular-mobile-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-mobile-lg:28;--db-base-icon-font-size-regular-mobile-lg:1.75rem;--db-typography-regular-mobile-body-md-line-height:1.5;--db-typography-regular-mobile-body-md-font-size:1rem;--db-base-icon-weight-regular-mobile-md:24;--db-base-icon-font-size-regular-mobile-md:1.5rem;--db-typography-regular-mobile-body-sm-line-height:1.4285714285714286;--db-typography-regular-mobile-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-mobile-sm:20;--db-base-icon-font-size-regular-mobile-sm:1.25rem;--db-typography-regular-mobile-body-xl-line-height:1.4;--db-typography-regular-mobile-body-xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-xl:28;--db-base-icon-font-size-regular-mobile-xl:1.75rem;--db-typography-regular-mobile-body-xs-line-height:1.3333333333333333;--db-typography-regular-mobile-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-mobile-xs:16;--db-base-icon-font-size-regular-mobile-xs:1rem;--db-typography-regular-mobile-body-2xl-line-height:1.4;--db-typography-regular-mobile-body-2xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-2xl:28;--db-base-icon-font-size-regular-mobile-2xl:1.75rem;--db-typography-regular-mobile-body-3xl-line-height:1.4;--db-typography-regular-mobile-body-3xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-3xl:28;--db-base-icon-font-size-regular-mobile-3xl:1.75rem;--db-typography-regular-mobile-body-2xs-line-height:1.4;--db-typography-regular-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-2xs:14;--db-base-icon-font-size-regular-mobile-2xs:0.875rem;--db-typography-regular-mobile-body-3xs-line-height:1.4;--db-typography-regular-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-3xs:14;--db-base-icon-font-size-regular-mobile-3xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-base-icon-weight-regular-mobile-headline-lg:32;--db-base-icon-font-size-regular-mobile-headline-lg:2rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-base-icon-weight-regular-mobile-headline-md:28;--db-base-icon-font-size-regular-mobile-headline-md:1.75rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-base-icon-weight-regular-mobile-headline-sm:24;--db-base-icon-font-size-regular-mobile-headline-sm:1.5rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-xl:40;--db-base-icon-font-size-regular-mobile-headline-xl:2.5rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-base-icon-weight-regular-mobile-headline-xs:20;--db-base-icon-font-size-regular-mobile-headline-xs:1.25rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-2xl:40;--db-base-icon-font-size-regular-mobile-headline-2xl:2.5rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-2xs:16;--db-base-icon-font-size-regular-mobile-headline-2xs:1rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-3xl:40;--db-base-icon-font-size-regular-mobile-headline-3xl:2.5rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-3xs:16;--db-base-icon-font-size-regular-mobile-headline-3xs:1rem;--db-typography-regular-tablet-body-lg-line-height:1.4;--db-typography-regular-tablet-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-tablet-lg:28;--db-base-icon-font-size-regular-tablet-lg:1.75rem;--db-typography-regular-tablet-body-md-line-height:1.5;--db-typography-regular-tablet-body-md-font-size:1rem;--db-base-icon-weight-regular-tablet-md:24;--db-base-icon-font-size-regular-tablet-md:1.5rem;--db-typography-regular-tablet-body-sm-line-height:1.4285714285714286;--db-typography-regular-tablet-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-tablet-sm:20;--db-base-icon-font-size-regular-tablet-sm:1.25rem;--db-typography-regular-tablet-body-xl-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-tablet-xl:32;--db-base-icon-font-size-regular-tablet-xl:2rem;--db-typography-regular-tablet-body-xs-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-tablet-xs:16;--db-base-icon-font-size-regular-tablet-xs:1rem;--db-typography-regular-tablet-body-2xl-line-height:1.4285714285714286;--db-typography-regular-tablet-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-tablet-2xl:40;--db-base-icon-font-size-regular-tablet-2xl:2.5rem;--db-typography-regular-tablet-body-3xl-line-height:1.5;--db-typography-regular-tablet-body-3xl-font-size:2rem;--db-base-icon-weight-regular-tablet-3xl:48;--db-base-icon-font-size-regular-tablet-3xl:3rem;--db-typography-regular-tablet-body-2xs-line-height:1.4;--db-typography-regular-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-2xs:14;--db-base-icon-font-size-regular-tablet-2xs:0.875rem;--db-typography-regular-tablet-body-3xs-line-height:1.4;--db-typography-regular-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-3xs:14;--db-base-icon-font-size-regular-tablet-3xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-base-icon-weight-regular-tablet-headline-lg:40;--db-base-icon-font-size-regular-tablet-headline-lg:2.5rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-base-icon-weight-regular-tablet-headline-md:32;--db-base-icon-font-size-regular-tablet-headline-md:2rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-base-icon-weight-regular-tablet-headline-sm:28;--db-base-icon-font-size-regular-tablet-headline-sm:1.75rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-base-icon-weight-regular-tablet-headline-xl:48;--db-base-icon-font-size-regular-tablet-headline-xl:3rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-base-icon-weight-regular-tablet-headline-xs:24;--db-base-icon-font-size-regular-tablet-headline-xs:1.5rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-2xl:64;--db-base-icon-font-size-regular-tablet-headline-2xl:4rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-2xs:20;--db-base-icon-font-size-regular-tablet-headline-2xs:1.25rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-3xl:64;--db-base-icon-font-size-regular-tablet-headline-3xl:4rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-3xs:20;--db-base-icon-font-size-regular-tablet-headline-3xs:1.25rem;--db-typography-functional-desktop-body-lg-line-height:1.5;--db-typography-functional-desktop-body-lg-font-size:1rem;--db-base-icon-weight-functional-desktop-lg:24;--db-base-icon-font-size-functional-desktop-lg:1.5rem;--db-typography-functional-desktop-body-md-line-height:1.4285714285714286;--db-typography-functional-desktop-body-md-font-size:0.875rem;--db-base-icon-weight-functional-desktop-md:20;--db-base-icon-font-size-functional-desktop-md:1.25rem;--db-typography-functional-desktop-body-sm-line-height:1.3333333333333333;--db-typography-functional-desktop-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-desktop-sm:16;--db-base-icon-font-size-functional-desktop-sm:1rem;--db-typography-functional-desktop-body-xl-line-height:1.4;--db-typography-functional-desktop-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-desktop-xl:28;--db-base-icon-font-size-functional-desktop-xl:1.75rem;--db-typography-functional-desktop-body-xs-line-height:1.4;--db-typography-functional-desktop-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-xs:14;--db-base-icon-font-size-functional-desktop-xs:0.875rem;--db-typography-functional-desktop-body-2xl-line-height:1.3333333333333333;--db-typography-functional-desktop-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-desktop-2xl:32;--db-base-icon-font-size-functional-desktop-2xl:2rem;--db-typography-functional-desktop-body-3xl-line-height:1.4285714285714286;--db-typography-functional-desktop-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-desktop-3xl:40;--db-base-icon-font-size-functional-desktop-3xl:2.5rem;--db-typography-functional-desktop-body-2xs-line-height:1.4;--db-typography-functional-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-2xs:14;--db-base-icon-font-size-functional-desktop-2xs:0.875rem;--db-typography-functional-desktop-body-3xs-line-height:1.4;--db-typography-functional-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-3xs:14;--db-base-icon-font-size-functional-desktop-3xs:0.875rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-desktop-headline-lg:32;--db-base-icon-font-size-functional-desktop-headline-lg:2rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-desktop-headline-md:28;--db-base-icon-font-size-functional-desktop-headline-md:1.75rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-desktop-headline-sm:24;--db-base-icon-font-size-functional-desktop-headline-sm:1.5rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-base-icon-weight-functional-desktop-headline-xl:40;--db-base-icon-font-size-functional-desktop-headline-xl:2.5rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-base-icon-weight-functional-desktop-headline-xs:20;--db-base-icon-font-size-functional-desktop-headline-xs:1.25rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-2xl:48;--db-base-icon-font-size-functional-desktop-headline-2xl:3rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-2xs:16;--db-base-icon-font-size-functional-desktop-headline-2xs:1rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-3xl:48;--db-base-icon-font-size-functional-desktop-headline-3xl:3rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-3xs:16;--db-base-icon-font-size-functional-desktop-headline-3xs:1rem;--db-typography-functional-tablet-body-lg-line-height:1.5;--db-typography-functional-tablet-body-lg-font-size:1rem;--db-base-icon-weight-functional-tablet-lg:24;--db-base-icon-font-size-functional-tablet-lg:1.5rem;--db-typography-functional-tablet-body-md-line-height:1.4285714285714286;--db-typography-functional-tablet-body-md-font-size:0.875rem;--db-base-icon-weight-functional-tablet-md:20;--db-base-icon-font-size-functional-tablet-md:1.25rem;--db-typography-functional-tablet-body-sm-line-height:1.3333333333333333;--db-typography-functional-tablet-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-tablet-sm:16;--db-base-icon-font-size-functional-tablet-sm:1rem;--db-typography-functional-tablet-body-xl-line-height:1.4;--db-typography-functional-tablet-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-tablet-xl:28;--db-base-icon-font-size-functional-tablet-xl:1.75rem;--db-typography-functional-tablet-body-xs-line-height:1.4;--db-typography-functional-tablet-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-xs:14;--db-base-icon-font-size-functional-tablet-xs:0.875rem;--db-typography-functional-tablet-body-2xl-line-height:1.3333333333333333;--db-typography-functional-tablet-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-tablet-2xl:32;--db-base-icon-font-size-functional-tablet-2xl:2rem;--db-typography-functional-tablet-body-3xl-line-height:1.4285714285714286;--db-typography-functional-tablet-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-tablet-3xl:40;--db-base-icon-font-size-functional-tablet-3xl:2.5rem;--db-typography-functional-tablet-body-2xs-line-height:1.4;--db-typography-functional-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-2xs:14;--db-base-icon-font-size-functional-tablet-2xs:0.875rem;--db-typography-functional-tablet-body-3xs-line-height:1.4;--db-typography-functional-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-3xs:14;--db-base-icon-font-size-functional-tablet-3xs:0.875rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-tablet-headline-lg:32;--db-base-icon-font-size-functional-tablet-headline-lg:2rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-tablet-headline-md:28;--db-base-icon-font-size-functional-tablet-headline-md:1.75rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-tablet-headline-sm:24;--db-base-icon-font-size-functional-tablet-headline-sm:1.5rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-xl:40;--db-base-icon-font-size-functional-tablet-headline-xl:2.5rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-base-icon-weight-functional-tablet-headline-xs:20;--db-base-icon-font-size-functional-tablet-headline-xs:1.25rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-2xl:40;--db-base-icon-font-size-functional-tablet-headline-2xl:2.5rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-2xs:16;--db-base-icon-font-size-functional-tablet-headline-2xs:1rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-3xl:40;--db-base-icon-font-size-functional-tablet-headline-3xl:2.5rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-3xs:16;--db-base-icon-font-size-functional-tablet-headline-3xs:1rem;--db-typography-functional-mobile-body-lg-line-height:1.5;--db-typography-functional-mobile-body-lg-font-size:1rem;--db-base-icon-weight-functional-mobile-lg:24;--db-base-icon-font-size-functional-mobile-lg:1.5rem;--db-typography-functional-mobile-body-md-line-height:1.4285714285714286;--db-typography-functional-mobile-body-md-font-size:0.875rem;--db-base-icon-weight-functional-mobile-md:20;--db-base-icon-font-size-functional-mobile-md:1.25rem;--db-typography-functional-mobile-body-sm-line-height:1.3333333333333333;--db-typography-functional-mobile-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-mobile-sm:16;--db-base-icon-font-size-functional-mobile-sm:1rem;--db-typography-functional-mobile-body-xl-line-height:1.5;--db-typography-functional-mobile-body-xl-font-size:1rem;--db-base-icon-weight-functional-mobile-xl:24;--db-base-icon-font-size-functional-mobile-xl:1.5rem;--db-typography-functional-mobile-body-xs-line-height:1.4;--db-typography-functional-mobile-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-xs:14;--db-base-icon-font-size-functional-mobile-xs:0.875rem;--db-typography-functional-mobile-body-2xl-line-height:1.5;--db-typography-functional-mobile-body-2xl-font-size:1rem;--db-base-icon-weight-functional-mobile-2xl:24;--db-base-icon-font-size-functional-mobile-2xl:1.5rem;--db-typography-functional-mobile-body-3xl-line-height:1.5;--db-typography-functional-mobile-body-3xl-font-size:1rem;--db-base-icon-weight-functional-mobile-3xl:24;--db-base-icon-font-size-functional-mobile-3xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.4;--db-typography-functional-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-2xs:14;--db-base-icon-font-size-functional-mobile-2xs:0.875rem;--db-typography-functional-mobile-body-3xs-line-height:1.4;--db-typography-functional-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-3xs:14;--db-base-icon-font-size-functional-mobile-3xs:0.875rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-base-icon-weight-functional-mobile-headline-lg:28;--db-base-icon-font-size-functional-mobile-headline-lg:1.75rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-base-icon-weight-functional-mobile-headline-md:24;--db-base-icon-font-size-functional-mobile-headline-md:1.5rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-base-icon-weight-functional-mobile-headline-sm:20;--db-base-icon-font-size-functional-mobile-headline-sm:1.25rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-xl:32;--db-base-icon-font-size-functional-mobile-headline-xl:2rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-xs:16;--db-base-icon-font-size-functional-mobile-headline-xs:1rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-2xl:32;--db-base-icon-font-size-functional-mobile-headline-2xl:2rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-2xs:16;--db-base-icon-font-size-functional-mobile-headline-2xs:1rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-3xl:32;--db-base-icon-font-size-functional-mobile-headline-3xl:2rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-3xs:16;--db-base-icon-font-size-functional-mobile-headline-3xs:1rem;--db-typography-expressive-desktop-body-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-lg:32;--db-base-icon-font-size-expressive-desktop-lg:2rem;--db-typography-expressive-desktop-body-md-line-height:1.4;--db-typography-expressive-desktop-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-md:28;--db-base-icon-font-size-expressive-desktop-md:1.75rem;--db-typography-expressive-desktop-body-sm-line-height:1.5;--db-typography-expressive-desktop-body-sm-font-size:1rem;--db-base-icon-weight-expressive-desktop-sm:24;--db-base-icon-font-size-expressive-desktop-sm:1.5rem;--db-typography-expressive-desktop-body-xl-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-xl:40;--db-base-icon-font-size-expressive-desktop-xl:2.5rem;--db-typography-expressive-desktop-body-xs-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-desktop-xs:20;--db-base-icon-font-size-expressive-desktop-xs:1.25rem;--db-typography-expressive-desktop-body-2xl-line-height:1.5;--db-typography-expressive-desktop-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-desktop-2xl:48;--db-base-icon-font-size-expressive-desktop-2xl:3rem;--db-typography-expressive-desktop-body-3xl-line-height:1.6;--db-typography-expressive-desktop-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-3xl:64;--db-base-icon-font-size-expressive-desktop-3xl:4rem;--db-typography-expressive-desktop-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-desktop-2xs:16;--db-base-icon-font-size-expressive-desktop-2xs:1rem;--db-typography-expressive-desktop-body-3xs-line-height:1.4;--db-typography-expressive-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-desktop-3xs:14;--db-base-icon-font-size-expressive-desktop-3xs:0.875rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-base-icon-weight-expressive-desktop-headline-lg:64;--db-base-icon-font-size-expressive-desktop-headline-lg:4rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-headline-md:48;--db-base-icon-font-size-expressive-desktop-headline-md:3rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-base-icon-weight-expressive-desktop-headline-sm:40;--db-base-icon-font-size-expressive-desktop-headline-sm:2.5rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-base-icon-weight-expressive-desktop-headline-xl:80;--db-base-icon-font-size-expressive-desktop-headline-xl:5rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-headline-xs:32;--db-base-icon-font-size-expressive-desktop-headline-xs:2rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-base-icon-weight-expressive-desktop-headline-2xl:96;--db-base-icon-font-size-expressive-desktop-headline-2xl:6rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-headline-2xs:28;--db-base-icon-font-size-expressive-desktop-headline-2xs:1.75rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-base-icon-weight-expressive-desktop-headline-3xl:120;--db-base-icon-font-size-expressive-desktop-headline-3xl:7.5rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-headline-3xs:24;--db-base-icon-font-size-expressive-desktop-headline-3xs:1.5rem;--db-typography-expressive-tablet-body-lg-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-lg:32;--db-base-icon-font-size-expressive-tablet-lg:2rem;--db-typography-expressive-tablet-body-md-line-height:1.4;--db-typography-expressive-tablet-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-md:28;--db-base-icon-font-size-expressive-tablet-md:1.75rem;--db-typography-expressive-tablet-body-sm-line-height:1.5;--db-typography-expressive-tablet-body-sm-font-size:1rem;--db-base-icon-weight-expressive-tablet-sm:24;--db-base-icon-font-size-expressive-tablet-sm:1.5rem;--db-typography-expressive-tablet-body-xl-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-xl:40;--db-base-icon-font-size-expressive-tablet-xl:2.5rem;--db-typography-expressive-tablet-body-xs-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-tablet-xs:20;--db-base-icon-font-size-expressive-tablet-xs:1.25rem;--db-typography-expressive-tablet-body-2xl-line-height:1.5;--db-typography-expressive-tablet-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-tablet-2xl:48;--db-base-icon-font-size-expressive-tablet-2xl:3rem;--db-typography-expressive-tablet-body-3xl-line-height:1.6;--db-typography-expressive-tablet-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-3xl:64;--db-base-icon-font-size-expressive-tablet-3xl:4rem;--db-typography-expressive-tablet-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-tablet-2xs:16;--db-base-icon-font-size-expressive-tablet-2xs:1rem;--db-typography-expressive-tablet-body-3xs-line-height:1.4;--db-typography-expressive-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-tablet-3xs:14;--db-base-icon-font-size-expressive-tablet-3xs:0.875rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-headline-lg:48;--db-base-icon-font-size-expressive-tablet-headline-lg:3rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-base-icon-weight-expressive-tablet-headline-md:40;--db-base-icon-font-size-expressive-tablet-headline-md:2.5rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-headline-sm:32;--db-base-icon-font-size-expressive-tablet-headline-sm:2rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-base-icon-weight-expressive-tablet-headline-xl:64;--db-base-icon-font-size-expressive-tablet-headline-xl:4rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-headline-xs:28;--db-base-icon-font-size-expressive-tablet-headline-xs:1.75rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-base-icon-weight-expressive-tablet-headline-2xl:80;--db-base-icon-font-size-expressive-tablet-headline-2xl:5rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-2xs:24;--db-base-icon-font-size-expressive-tablet-headline-2xs:1.5rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-base-icon-weight-expressive-tablet-headline-3xl:96;--db-base-icon-font-size-expressive-tablet-headline-3xl:6rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-3xs:24;--db-base-icon-font-size-expressive-tablet-headline-3xs:1.5rem;--db-typography-expressive-mobile-body-lg-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-lg:32;--db-base-icon-font-size-expressive-mobile-lg:2rem;--db-typography-expressive-mobile-body-md-line-height:1.4;--db-typography-expressive-mobile-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-md:28;--db-base-icon-font-size-expressive-mobile-md:1.75rem;--db-typography-expressive-mobile-body-sm-line-height:1.5;--db-typography-expressive-mobile-body-sm-font-size:1rem;--db-base-icon-weight-expressive-mobile-sm:24;--db-base-icon-font-size-expressive-mobile-sm:1.5rem;--db-typography-expressive-mobile-body-xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-xl:32;--db-base-icon-font-size-expressive-mobile-xl:2rem;--db-typography-expressive-mobile-body-xs-line-height:1.4285714285714286;--db-typography-expressive-mobile-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-mobile-xs:20;--db-base-icon-font-size-expressive-mobile-xs:1.25rem;--db-typography-expressive-mobile-body-2xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-2xl:32;--db-base-icon-font-size-expressive-mobile-2xl:2rem;--db-typography-expressive-mobile-body-3xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-3xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-3xl:32;--db-base-icon-font-size-expressive-mobile-3xl:2rem;--db-typography-expressive-mobile-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-mobile-2xs:16;--db-base-icon-font-size-expressive-mobile-2xs:1rem;--db-typography-expressive-mobile-body-3xs-line-height:1.4;--db-typography-expressive-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-mobile-3xs:14;--db-base-icon-font-size-expressive-mobile-3xs:0.875rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-base-icon-weight-expressive-mobile-headline-lg:40;--db-base-icon-font-size-expressive-mobile-headline-lg:2.5rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-base-icon-weight-expressive-mobile-headline-md:32;--db-base-icon-font-size-expressive-mobile-headline-md:2rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-headline-sm:28;--db-base-icon-font-size-expressive-mobile-headline-sm:1.75rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-xl:48;--db-base-icon-font-size-expressive-mobile-headline-xl:3rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-headline-xs:24;--db-base-icon-font-size-expressive-mobile-headline-xs:1.5rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-2xl:48;--db-base-icon-font-size-expressive-mobile-headline-2xl:3rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-2xs:20;--db-base-icon-font-size-expressive-mobile-headline-2xs:1.25rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-3xl:48;--db-base-icon-font-size-expressive-mobile-headline-3xl:3rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-3xs:20;--db-base-icon-font-size-expressive-mobile-headline-3xs:1.25rem;--db-border-height-sm:0.0625rem;--db-border-height-md:0.125rem;--db-border-height-lg:0.25rem;--db-border-radius-sm:0.15625rem;--db-border-radius-md:0.25rem;--db-border-radius-lg:0.5rem;--db-border-radius-3xl:2.625rem;--db-opacity-sm:0.25;--db-opacity-md:0.5;--db-opacity-lg:0.75;--db-elevation-sm:0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);--db-elevation-md:0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14);--db-elevation-lg:0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14);--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}@media(prefers-color-scheme:dark){:root{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}}[data-color-scheme=light]{--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}[data-color-scheme=dark]{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}:root{--db-transition-duration-x-slow:0.5s;--db-transition-duration-slow:0.4s;--db-transition-duration-medium:0.3s;--db-transition-duration-fast:0.15s;--db-transition-duration-x-fast:0.075s;--db-transition-show-timing:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-show-straight:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-hide-straight:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-emotional-timing:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-emotional-straight:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-functional-timing:cubic-bezier(0.15,0,0.45,1);--db-transition-functional-straight:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-db-screensans-regular-name:"DB Screen Sans Regular";--db-font-db-screensans-regular-local-name:DB Screen Sans;--db-font-db-screensans-regular-local-name-short:DB Sans;--db-font-db-screensans-regular-font-family:"DB Screen Sans";--db-font-db-screensans-regular-font-weight:400;--db-font-db-screensans-regular-woff2:"dbscreensans-regular.woff2";--db-font-db-screensans-bold-name:"DB Screen Sans Bold";--db-font-db-screensans-bold-local-name:DB Screen Sans Bold;--db-font-db-screensans-bold-local-name-short:DB Sans Bold;--db-font-db-screensans-bold-font-family:"DB Screen Sans";--db-font-db-screensans-bold-font-weight:700;--db-font-db-screensans-bold-woff2:"dbscreensans-bold.woff2";--db-font-db-screenhead-light-name:"DB Screen Head Light";--db-font-db-screenhead-light-local-name:DB Screen Head;--db-font-db-screenhead-light-local-name-short:DB Head Light;--db-font-db-screenhead-light-font-family:"DB Screen Head";--db-font-db-screenhead-light-font-weight:300;--db-font-db-screenhead-light-woff2:"dbscreenhead-light.woff2";--db-font-db-screenhead-black-name:"DB Screen Head Black";--db-font-db-screenhead-black-local-name:DB Screen Head #000;--db-font-db-screenhead-black-local-name-short:DB Head #000;--db-font-db-screenhead-black-font-family:"DB Screen Head";--db-font-db-screenhead-black-font-weight:900;--db-font-db-screenhead-black-woff2:"dbscreenhead-black.woff2";--db-font-db-screensans-digital-regular-name:"DB Screen Sans Digital Regular";--db-font-db-screensans-digital-regular-local-name:DB Screen Sans Digital;--db-font-db-screensans-digital-regular-local-name-short:DB Sans Digital;--db-font-db-screensans-digital-regular-font-family:"DB Screen Sans Digital";--db-font-db-screensans-digital-regular-font-weight:400;--db-font-db-screensans-digital-regular-woff2:"dbscreensans-digitalregular.woff2";--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-font-family-bold:"DB Screen Sans",Helvetica,Arial,sans-serif}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.572f38ad.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.c7b5969c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.04b05fa3.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.c7ee2436.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.9c662863.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.2a3eb5f7.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.11811a50.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.9b68f67a.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.4102df6c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.6d2bd18d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.979088f4.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.6ef8fd70.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.326752e0.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.07b16c47.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:400;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.4885ed2b.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:16;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.d944524d.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:20;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.5e39c2f5.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:24;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.9f06d094.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:32;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.b089bbca.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:48;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.d5549f5c.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:64;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.b556c519.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=solid]:after,[data-icon-variant-before=solid]:before,[data-icon-variant=solid]:before{--db-icon-font-family:"db-ux-solid"}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}.db-bg-base,.db-bg-base-interactive,.db-bg-base-strong,.db-bg-base-transparent-full,.db-bg-base-transparent-semi{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled))}.db-bg-base,.db-bg-base-interactive,.db-bg-base-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-base-transparent-full,.db-bg-base-transparent-semi{color:var(--db-base-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-base-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-base-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-base-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-base,[data-emphasis=weak].db-bg-base-interactive,[data-emphasis=weak].db-bg-base-strong{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-base-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-bg-neutral,.db-bg-neutral-interactive,.db-bg-neutral-strong,.db-bg-neutral-transparent-full,.db-bg-neutral-transparent-semi{--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-bg-neutral,.db-bg-neutral-interactive,.db-bg-neutral-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-neutral-transparent-full,.db-bg-neutral-transparent-semi{color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-neutral-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-neutral-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-neutral-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-neutral,[data-emphasis=weak].db-bg-neutral-interactive,[data-emphasis=weak].db-bg-neutral-strong{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-neutral-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-strong-enabled))}.db-bg-brand,.db-bg-brand-interactive,.db-bg-brand-strong,.db-bg-brand-transparent-full,.db-bg-brand-transparent-semi{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled))}.db-bg-brand,.db-bg-brand-interactive,.db-bg-brand-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-brand-transparent-full,.db-bg-brand-transparent-semi{color:var(--db-brand-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-brand-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-brand-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-brand-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-brand,[data-emphasis=weak].db-bg-brand-interactive,[data-emphasis=weak].db-bg-brand-strong{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-brand-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-strong-enabled))}.db-bg-critical,.db-bg-critical-interactive,.db-bg-critical-strong,.db-bg-critical-transparent-full,.db-bg-critical-transparent-semi{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-bg-critical,.db-bg-critical-interactive,.db-bg-critical-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-critical-transparent-full,.db-bg-critical-transparent-semi{color:var(--db-critical-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-critical-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-critical-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-critical-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-critical,[data-emphasis=weak].db-bg-critical-interactive,[data-emphasis=weak].db-bg-critical-strong{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-critical-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-strong-enabled))}.db-bg-successful,.db-bg-successful-interactive,.db-bg-successful-strong,.db-bg-successful-transparent-full,.db-bg-successful-transparent-semi{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-bg-successful,.db-bg-successful-interactive,.db-bg-successful-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-successful-transparent-full,.db-bg-successful-transparent-semi{color:var(--db-successful-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-successful-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-successful-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-successful-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-successful,[data-emphasis=weak].db-bg-successful-interactive,[data-emphasis=weak].db-bg-successful-strong{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-successful-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-strong-enabled))}.db-bg-warning,.db-bg-warning-interactive,.db-bg-warning-strong,.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-bg-warning,.db-bg-warning-interactive,.db-bg-warning-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi{color:var(--db-warning-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-warning-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-warning-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-warning-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-warning,[data-emphasis=weak].db-bg-warning-interactive,[data-emphasis=weak].db-bg-warning-strong{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-warning-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-strong-enabled))}.db-bg-informational,.db-bg-informational-interactive,.db-bg-informational-strong,.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-bg-informational,.db-bg-informational-interactive,.db-bg-informational-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{color:var(--db-informational-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-informational-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-informational-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-informational-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-informational,[data-emphasis=weak].db-bg-informational-interactive,[data-emphasis=weak].db-bg-informational-strong{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-informational-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-strong-enabled))}.db-font-size-3xl{--db-icon-font-weight:var(--db-base-icon-weight-3xl);--db-icon-font-size:var(--db-base-icon-font-size-3xl);--db-base-line-height:var(--db-type-body-line-height-3xl);--db-base-font-size:var(--db-type-body-font-size-3xl);line-height:var(--db-type-body-line-height-3xl);font-size:var(--db-type-body-font-size-3xl)}.db-font-size-2xl{--db-icon-font-weight:var(--db-base-icon-weight-2xl);--db-icon-font-size:var(--db-base-icon-font-size-2xl);--db-base-line-height:var(--db-type-body-line-height-2xl);--db-base-font-size:var(--db-type-body-font-size-2xl);line-height:var(--db-type-body-line-height-2xl);font-size:var(--db-type-body-font-size-2xl)}.db-font-size-xl{--db-icon-font-weight:var(--db-base-icon-weight-xl);--db-icon-font-size:var(--db-base-icon-font-size-xl);--db-base-line-height:var(--db-type-body-line-height-xl);--db-base-font-size:var(--db-type-body-font-size-xl);line-height:var(--db-type-body-line-height-xl);font-size:var(--db-type-body-font-size-xl)}.db-font-size-lg{--db-icon-font-weight:var(--db-base-icon-weight-lg);--db-icon-font-size:var(--db-base-icon-font-size-lg);--db-base-line-height:var(--db-type-body-line-height-lg);--db-base-font-size:var(--db-type-body-font-size-lg);line-height:var(--db-type-body-line-height-lg);font-size:var(--db-type-body-font-size-lg)}.db-font-size-md{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-font-size-sm{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-font-size-xs{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-font-size-2xs{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-font-size-3xs{--db-icon-font-weight:var(--db-base-icon-weight-3xs);--db-icon-font-size:var(--db-base-icon-font-size-3xs);--db-base-line-height:var(--db-type-body-line-height-3xs);--db-base-font-size:var(--db-type-body-font-size-3xs);line-height:var(--db-type-body-line-height-3xs);font-size:var(--db-type-body-font-size-3xs)}body{-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-main{scroll-behavior:smooth}#__next,#__next>div{height:inherit}db-mainnavigation{margin:auto}github-version-switcher{margin:auto 16px}iframe{width:100%;height:calc(100% - 8px)!important}.example-list dd{-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md);max-width:500px}.code-pre-wrap{white-space:pre-wrap}.iframe-component-container{display:flex;flex-direction:column}.iframe-component-container .flex{display:flex;gap:var(--db-spacing-fixed-sm)}.iframe-component-container .flex[data-variant=column]{flex-direction:column}.base-64-container{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.base-64-container span{word-break:break-all}.noh1 h1{display:none}.is-properties{height:100%;overflow:auto}.is-properties h1,.is-properties h2{display:none}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid var(--db-neutral-border-weak-enabled);padding:var(--db-spacing-fixed-md);max-width:33vw}table th{padding-inline:var(--db-spacing-fixed-md)}.version-switcher{max-width:var(--db-sizing-3xl)}div[class^=ch-] div,div[class^=ch-] span{color:#fff}.ch-frame-buttons{display:none!important}.db-section[data-size=none]{-webkit-padding-after:var(--db-spacing-fixed-xl);padding-block-end:var(--db-spacing-fixed-xl)}.color-overview-container,.example-container,.icons-filter-container,.icons-overview-container{--columns:1;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.color-overview-container:not([data-force-mobile]),.example-container:not([data-force-mobile]),.icons-filter-container:not([data-force-mobile]),.icons-overview-container:not([data-force-mobile]),[data-force-mobile=false].color-overview-container,[data-force-mobile=false].example-container,[data-force-mobile=false].icons-filter-container,[data-force-mobile=false].icons-overview-container{--columns:3}}.icons-overview-container{--columns:2;padding:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.icons-overview-container:not([data-force-mobile]),.icons-overview-container[data-force-mobile=false]{--columns:7}}.icons-overview-container>.db-card{justify-content:center;align-items:center}.icons-overview-container>.db-card .db-infotext{word-break:break-word}.color-overview-container,.color-overview-container>div{padding:var(--db-spacing-fixed-md)}.color-overview-container>div{display:flex;justify-content:center;align-items:center;border:1px solid #000}.tonality-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.tonality-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-regular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-functional{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.example-container p{margin:0}.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{height:100%;display:flex;justify-content:center;position:absolute;align-items:center}.example-container .example-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-spacing-fixed,.example-container .example-item .example-spacing-responsive{border:1px solid #000}.example-container .example-item .example-spacing-fixed>div,.example-container .example-item .example-spacing-responsive>div{display:flex;border:1px solid var(--db-informational-text-enabled);position:relative}.example-container .example-item .example-spacing-fixed>div{gap:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2{width:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1{left:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-fixed .gap2{right:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-responsive>div{margin-inline:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{width:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1{left:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-spacing-responsive .margin2{right:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-sizing>div{display:flex;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-sizing .sizing{position:unset;block-size:var(--db-sizing-md);inline-size:var(--db-sizing-md)}.color-schemes-container{padding:var(--db-spacing-fixed-md);border:1px dashed var(--db-current-color);display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(2,minmax(0,1fr))}.color-schemes-container .db-button{grid-column:span 2/span 2}.color-schemes-container .db-tag{-webkit-margin-start:auto;margin-inline-start:auto}.color-schemes-container section{padding:var(--db-spacing-fixed-md)}h1 a:is(.header-link),h2 a:is(.header-link),h3 a:is(.header-link),h4 a:is(.header-link),h5 a:is(.header-link),h6 a:is(.header-link){display:inline-block;margin-block:auto;-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs);visibility:hidden;text-decoration:none;font-size:0}h1:hover a:is(.header-link),h2:hover a:is(.header-link),h3:hover a:is(.header-link),h4:hover a:is(.header-link),h5:hover a:is(.header-link),h6:hover a:is(.header-link){visibility:visible}.db-code-docs{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-margin-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));margin-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.db-code-docs .code-details{display:flex}.db-code-docs .code-details[open]{inset-inline-start:0;inset-block-start:0}.db-code-docs .code-details .code-button{position:absolute;inset-block-end:calc(-1*(var(--db-spacing-fixed-sm) + var(--db-sizing-sm)));inset-inline-end:var(--db-spacing-fixed-sm);z-index:1;cursor:pointer}.db-code-docs .code-details .code-button::-webkit-details-marker{display:none}.db-code-docs .code-details .no-code{margin:auto}.db-code-docs .code-details .backdrop{border-radius:var(--db-border-radius-lg);position:absolute;inset:0}.db-code-docs .code-details .code{overflow:auto;position:absolute;inset:0;z-index:1;margin:var(--db-spacing-fixed-md);display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}.db-code-docs .code-details .code .tab-container{position:relative}.db-code-docs .code-details .code .tab-container .copy-button{position:absolute;inset-inline-end:var(--db-spacing-fixed-sm);inset-block-start:var(--db-spacing-fixed-sm)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string,.hljs-number,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_,.hljs-type,.hljs-variable,.hljs-variable.language_{color:var(--db-successful-text-enabled)}.hljs-built_in,.hljs-symbol{color:var(--db-warning-text-enabled)}.hljs-attr{color:var(--db-informational-text-enabled)}.hljs-code,.hljs-comment,.hljs-formula,.hljs-meta{color:var(--db-current-color)}.hljs-name,.hljs-tag{color:var(--db-warning-text-enabled)}.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--db-successful-text-enabled)}.hljs-subst{color:var(--db-neutral-bg-enabled)}.hljs-section{color:var(--db-informational-text-enabled);font-weight:700}.hljs-bullet{color:var(--db-warning-text-enabled)}.hljs-emphasis{font-style:italic}.hljs-emphasis,.hljs-strong{color:var(--db-current-color)}.hljs-strong{font-weight:700}.hljs-addition{color:var(--db-successful-text-enabled)}.hljs-addition,.hljs-deletion{background-color:var(--db-neutral-text-enabled)}.hljs-deletion{color:var(--db-critical-text-enabled)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.variants-card,.variants-card>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-padding-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list,.variants-list>div{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list>div{align-items:center}.variants-list .db-select,.w-full{inline-size:100%}.variants-list .db-input,.variants-list .db-select,.variants-list .db-textarea{-webkit-margin-before:auto;margin-block-start:auto}.variants-list .db-input:has([placeholder="(Default) Basic"]),.variants-list .db-select:has([placeholder="(Default) Basic"]),.variants-list .db-textarea:has([placeholder="(Default) Basic"]){-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:auto;margin-block-end:auto}.html-code-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container,.input-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{flex-wrap:wrap}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}.fixed-header-footer{overflow:hidden}.tab-hide-article article{display:none!important}.db-page.fixed-header-footer main{overflow-x:hidden} \ No newline at end of file +.db-badge[data-emphasis=strong],.db-checkbox input:checked,.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong]{--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color);background-color:var(--db-base-text-enabled)}.db-checkbox input:enabled:hover:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-base-text-hover)}.db-checkbox input:enabled:active:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-base-text-pressed)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),:root,[data-color-variant=base].db-card{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled))}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),:root,[data-color-variant=base].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a) a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label[data-emphasis=weak]:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-badge,[data-emphasis=weak].db-tag:has(.db-tab-remove-button),[data-emphasis=weak].db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak]:root,[data-emphasis=weak][data-color-variant=base].db-card{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-badge[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tooltip[data-emphasis=strong],code,pre:has(code){--db-current-color:var(--db-neutral-on-enabled);color:var(--db-current-color);background-color:var(--db-neutral-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-neutral-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-neutral-text-pressed)}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-header-meta-navigation,.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before,.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card,blockquote,table th,table tr:nth-child(2n){--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-header-meta-navigation,.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before,blockquote,table th,table tr:nth-child(2n){color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color));background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=neutral],[data-emphasis=weak].db-badge[data-variant=neutral],[data-emphasis=weak].db-tag[data-variant=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=neutral].db-card{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-button[data-variant=primary]{--db-current-color:var(--db-brand-on-enabled);color:var(--db-current-color);background-color:var(--db-brand-text-enabled)}.db-button[data-variant=primary]:enabled:hover{background-color:var(--db-brand-text-hover)}.db-button[data-variant=primary]:enabled:active{background-color:var(--db-brand-text-pressed)}[data-color-variant=brand].db-card{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-variant=brand].db-card{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong]{--db-current-color:var(--db-critical-on-enabled);color:var(--db-current-color);background-color:var(--db-critical-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-critical-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-critical-text-pressed)}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=critical],[data-emphasis=weak].db-badge[data-variant=critical],[data-emphasis=weak].db-tag[data-variant=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=critical]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=critical].db-card{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{--db-current-color:var(--db-successful-on-enabled);color:var(--db-current-color);background-color:var(--db-successful-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-successful-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-successful-text-pressed)}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=successful],[data-emphasis=weak].db-badge[data-variant=successful],[data-emphasis=weak].db-tag[data-variant=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=successful]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=successful].db-card{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing{--db-current-color:var(--db-warning-on-enabled);color:var(--db-current-color);background-color:var(--db-warning-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-warning-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-warning-text-pressed)}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=warning],[data-emphasis=weak].db-badge[data-variant=warning],[data-emphasis=weak].db-tag[data-variant=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=warning]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=warning].db-card{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong]{--db-current-color:var(--db-informational-on-enabled);color:var(--db-current-color);background-color:var(--db-informational-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-informational-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-informational-text-pressed)}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=informational],[data-emphasis=weak].db-badge[data-variant=informational],[data-emphasis=weak].db-tag[data-variant=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=informational]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=informational].db-card{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-accordion-item,.db-radio input:checked:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tab input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--db-border-height-md) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-border-height-lg);transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),box-shadow var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast))}.db-tab input:not([type=radio]):focus-visible:before,:not([type=radio]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-md)}.db-input[data-label-variant=hidden] label,.db-select[data-label-variant=hidden] label,.db-textarea[data-label-variant=hidden] label{clip:rect(0,0,0,0);block-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap;inline-size:1px}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em;--db-breakpoint-xl:120em}.db-header-meta-navigation,.db-ui-expressive,.db-ui-functional,.db-ui-regular,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=expressive],[data-tonality=functional],[data-tonality=regular],table{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md)}:root,[class^=db-]{line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-input input,.db-input[data-label-variant=floating] label,.db-select [id$=-placeholder],.db-select select,.db-select[data-label-variant=floating] label,.db-textarea textarea,.db-textarea[data-label-variant=floating] label{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-badge[data-size=medium],.db-badge[data-size=medium] .db-icon,.db-badge[data-size=medium]>*,.db-button[data-size=small],.db-infotext,.db-input,.db-input[data-label-variant=floating] [id$=-placeholder],.db-input[data-label-variant=floating] input,.db-link[data-size=small],.db-select,.db-select[data-label-variant=floating] [id$=-placeholder],.db-select[data-label-variant=floating] select,.db-tag,.db-tag a,.db-tag button,.db-tag label,.db-textarea,.db-textarea[data-label-variant=floating] [id$=-placeholder],.db-textarea[data-label-variant=floating] textarea,.db-tooltip,[data-size=small].db-checkbox,[data-size=small].db-radio,code,div[class^=ch-] div,div[class^=ch-] span,small{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-infotext[data-size=small],.db-input label,.db-select label,.db-textarea label{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-badge,.db-badge .db-icon,.db-badge>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-ui-expressive,[data-tonality=expressive]{--db-input-label-scale:0.55;--db-input-focus-opacity:1;--db-textarea-label-scale:0.55;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-expressive-3xs);--db-sizing-2xs:var(--db-sizing-expressive-2xs);--db-sizing-xs:var(--db-sizing-expressive-xs);--db-sizing-sm:var(--db-sizing-expressive-sm);--db-sizing-md:var(--db-sizing-expressive-md);--db-sizing-lg:var(--db-sizing-expressive-lg);--db-sizing-xl:var(--db-sizing-expressive-xl);--db-sizing-2xl:var(--db-sizing-expressive-2xl);--db-sizing-3xl:var(--db-sizing-expressive-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-expressive-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-expressive-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-expressive-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-expressive-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-expressive-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-expressive-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-expressive-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-expressive-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-expressive-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-tablet-3xl)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-desktop-3xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-input-label-scale:0.65;--db-input-focus-opacity:1;--db-textarea-label-scale:0.65;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-input-label-scale:1;--db-input-focus-opacity:0;--db-textarea-label-scale:1;--db-textarea-focus-opacity:0;--db-sizing-3xs:var(--db-sizing-functional-3xs);--db-sizing-2xs:var(--db-sizing-functional-2xs);--db-sizing-xs:var(--db-sizing-functional-xs);--db-sizing-sm:var(--db-sizing-functional-sm);--db-sizing-md:var(--db-sizing-functional-md);--db-sizing-lg:var(--db-sizing-functional-lg);--db-sizing-xl:var(--db-sizing-functional-xl);--db-sizing-2xl:var(--db-sizing-functional-2xl);--db-sizing-3xl:var(--db-sizing-functional-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-functional-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-functional-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-functional-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-functional-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-functional-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-functional-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-functional-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-functional-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-functional-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-mobile-3xl)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-tablet-3xl)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-desktop-3xl)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-expressive-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-expressive-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-desktop-headline-3xl-line-height)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-regular-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-regular-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-headline-font-size-3xs:var(--db-typography-functional-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-desktop-headline-3xl-line-height)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-body-font-size-3xs:var(--db-typography-functional-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}.db-code-docs .code-details .backdrop,dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog[data-backdrop=weak]::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop=weak]::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local(DB Screen Head),local(DB Head Light),url(/mono/review/fix-react-attributes/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local(DB Screen Head Black),local(DB Head Black),url(/mono/review/fix-react-attributes/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local(DB Screen Sans),local(DB Sans),url(/mono/review/fix-react-attributes/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local(DB Screen Sans Bold),local(DB Sans Bold),url(/mono/review/fix-react-attributes/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Sans Digital;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local(DB Screen Sans Digital),local(DB Sans Digital),url(/mono/review/fix-react-attributes/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}:where(html){line-height:1.15;text-size-adjust:100%}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}.db-tab-list>ul::-webkit-scrollbar,.db-tab-list>ul::-webkit-scrollbar-corner,.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before,[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{-webkit-transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-duration-medium) var(--db-transition-emotional-timing);transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-link{transition:outline var(--db-transition-duration-ultra-fast),color var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}@keyframes show-right-to-left{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes hide-right-to-left{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes show-left-to-right{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes hide-left-to-right{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-animation{0%{opacity:0;transform:translate(var(--db-popover-center-x,var(--db-popover-translate-x,0)),var(--db-popover-center-y,var(--db-popover-translate-y,0)))}to{opacity:1;transform:translate(var(--db-popover-center-x,0),var(--db-popover-center-y,0))}}:root{--db-focus-outline-color:var(--db-informational-text-enabled)}body,html{margin:0;padding:0}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-size:inherit;line-height:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){-webkit-padding-start:var(--db-spacing-fixed-md);padding-inline-start:var(--db-spacing-fixed-md);list-style-type:"• "}:where(ul) li::marker{color:var(--db-brand-origin-enabled)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}h1,h2,h3,h4,h5,h6{font-family:var(--db-font-family-head);font-weight:700}h1[data-variant=light],h2[data-variant=light],h3[data-variant=light],h4[data-variant=light],h5[data-variant=light],h6[data-variant=light]{font-weight:300}h1{line-height:var(--db-type-headline-line-height-xl);font-size:var(--db-type-headline-font-size-xl);margin-block:var(--db-spacing-fixed-xl)}h2{line-height:var(--db-type-headline-line-height-lg);font-size:var(--db-type-headline-font-size-lg);margin-block:var(--db-spacing-fixed-lg)}h3{line-height:var(--db-type-headline-line-height-md);font-size:var(--db-type-headline-font-size-md);margin-block:var(--db-spacing-fixed-md)}h4{line-height:var(--db-type-headline-line-height-sm);font-size:var(--db-type-headline-font-size-sm);margin-block:var(--db-spacing-fixed-sm)}h5{line-height:var(--db-type-headline-line-height-xs);font-size:var(--db-type-headline-font-size-xs);margin-block:var(--db-spacing-fixed-xs)}h6{line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs);margin-block:var(--db-spacing-fixed-2xs)}p{margin-block:var(--db-spacing-fixed-md)}.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";content:var(--db-icon,attr(data-icon));color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem)}@media aural{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tab label,.db-tag,.db-textarea textarea{border:var(--db-border-height-sm) solid var(--db-current-color,var(--db-base-on-bg-enabled))}.db-button[data-variant=primary],.db-button[data-variant=solid],.db-button[data-variant=text],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:var(--db-border-height-sm) solid transparent}.db-accordion[data-variant=card] .db-accordion-item:after,.db-alert,.db-badge,.db-input input,.db-popover>article,.db-select select,.db-tag a,.db-tag button,.db-tag label,.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),.db-textarea textarea,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-sm) solid var(--db-current-border-weak-color,var(--db-base-border-weak-enabled))}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tab label,.db-tag,.db-textarea textarea{border-radius:var(--db-border-radius-md)}.db-alert[data-type=inline],.db-card,.db-popover>article,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-lg));box-shadow:var(--db-elevation-md)}.db-badge,.db-button,.db-tag{font-weight:700;white-space:nowrap;justify-content:center;text-align:center;display:inline-flex;align-items:center}.db-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));color:var(--db-current-color,var(--db-base-on-bg-enabled));block-size:var(--db-sizing-md);inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);text-decoration:none}.db-button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-button.is-icon-text-replace{font-size:0;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not(.is-icon-text-replace){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not(.is-icon-text-replace):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small].is-icon-text-replace{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=primary]{background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=primary]:hover{background-color:var(--db-brand-origin-hover)}.db-button[data-variant=primary]:active{background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=solid]{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-button:disabled{opacity:var(--db-opacity-sm)}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"expand_more";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing);pointer-events:none}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after,.db-radio:has(input:required) label:after,.db-radio:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):valid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):valid) label,.db-radio:has(input:not([aria-invalid]):is(:required):valid):is(label){color:var(--db-successful-text-enabled)}@supports not selector(:user-valid){.db-checkbox:has(input:not([aria-invalid]):required:valid) input,.db-radio:has(input:not([aria-invalid]):required:valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:checked,.db-radio:has(input:not([aria-invalid]):required:valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:valid) label,.db-checkbox:has(input:not([aria-invalid]):required:valid):is(label),.db-radio:has(input:not([aria-invalid]):required:valid) label,.db-radio:has(input:not([aria-invalid]):required:valid):is(label){color:var(--db-successful-text-enabled)}}.db-checkbox:has(input[aria-invalid=false]) input,.db-radio:has(input[aria-invalid=false]) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=false]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=false]) input:not(:checked),.db-radio:has(input[aria-invalid=false]) input:is([type=radio]),.db-radio:has(input[aria-invalid=false]) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input[aria-invalid=false]) input:checked,.db-radio:has(input[aria-invalid=false]) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=false]) label,.db-checkbox:has(input[aria-invalid=false]):is(label),.db-radio:has(input[aria-invalid=false]) label,.db-radio:has(input[aria-invalid=false]):is(label){color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) label,.db-radio:has(input:not([aria-invalid]):is(:required):invalid):is(label){color:var(--db-critical-text-enabled)}@supports not selector(:user-invalid){.db-checkbox:has(input:not([aria-invalid]):required:invalid) input,.db-radio:has(input:not([aria-invalid]):required:invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:checked,.db-radio:has(input:not([aria-invalid]):required:invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) label,.db-checkbox:has(input:not([aria-invalid]):required:invalid):is(label),.db-radio:has(input:not([aria-invalid]):required:invalid) label,.db-radio:has(input:not([aria-invalid]):required:invalid):is(label){color:var(--db-critical-text-enabled)}}.db-checkbox:has(input[aria-invalid=true]) input,.db-radio:has(input[aria-invalid=true]) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=true]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=true]) input:not(:checked),.db-radio:has(input[aria-invalid=true]) input:is([type=radio]),.db-radio:has(input[aria-invalid=true]) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input[aria-invalid=true]) input:checked,.db-radio:has(input[aria-invalid=true]) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=true]) label,.db-checkbox:has(input[aria-invalid=true]):is(label),.db-radio:has(input[aria-invalid=true]) label,.db-radio:has(input[aria-invalid=true]):is(label){color:var(--db-critical-text-enabled)}.db-checkbox:has(input:disabled),.db-radio:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox label,.db-checkbox:is(label),.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative}.db-checkbox input,.db-radio input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs);border:min(calc(var(--db-base-font-size) * var(--db-base-line-height))/16 + .5px,2px) solid;block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:not(:disabled):hover,.db-radio input:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-checkbox input:not(:disabled):active,.db-radio input:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}[data-size=small].db-checkbox input,[data-size=small].db-radio input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}[data-label-variant=hidden].db-checkbox,[data-label-variant=hidden].db-radio{font-size:0}[data-label-variant=hidden].db-checkbox input,[data-label-variant=hidden].db-radio input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox,.db-radio{transition-duration:.01s!important}}.db-tab{position:relative;display:inline-flex;list-style-type:none}.db-tab:has(input:disabled){opacity:var(--db-opacity-sm)}.db-tab label{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));padding:var(--db-spacing-fixed-xs);align-items:center;display:inline-block;white-space:nowrap;border:none;overflow:hidden;text-overflow:ellipsis}.db-tab label:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab label:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab label:has(input:checked){font-weight:700}.db-tab label[data-icon]{-webkit-padding-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab label[data-icon]:before{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(0% + var(--db-spacing-fixed-xs))}.db-tab label[data-icon]:is(.is-icon-text-replace){padding:0;inline-size:calc(calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height))) - var(--db-spacing-fixed-2xs));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-xs))}.db-tab label[data-icon]:is(.is-icon-text-replace):before{-webkit-margin-end:0;margin-inline-end:0}.db-tab label[data-icon-after]{-webkit-padding-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab label[data-icon-after]:after{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-end:calc(0% + var(--db-spacing-fixed-xs))}.db-tab input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;-webkit-margin-end:initial;margin-inline-end:0;inset:0;background:var(--db-current-bg-color);border-radius:var(--db-border-radius-md);z-index:-1}.db-tab input:focus-visible:is(input[type=radio]){outline:none;box-shadow:none}.db-tab input:focus-visible:before{content:"";position:absolute;inset:0;border-radius:var(--db-border-radius-md);z-index:10;pointer-events:none}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:1px;inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:100%;inline-size:1px}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{background-color:var(--db-base-bg-enabled);display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-lg)}.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-md)}.db-card[data-variant=interactive]{transition:box-shadow .15s var(--db-transition-functional-timing)}.db-card[data-variant=interactive]:hover:not([data-elevation=none]){cursor:pointer;box-shadow:var(--db-elevation-lg)}.db-card[data-variant=interactive]:active:not([data-elevation=none]){box-shadow:var(--db-elevation-sm)}.db-card[data-elevation=none]{box-shadow:none}.db-input{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-input[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-input[data-label-variant=floating]:after,.db-input[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-input[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input+[id$=-placeholder],.db-input[data-label-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-label-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-input:has(input:required) label:after,.db-input:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) input{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-input:has(input:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:valid) input{color:var(--db-successful-on-bg-enabled)}}.db-input:has(input[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input[aria-invalid=false]) [id$=-placeholder],.db-input:has(input[aria-invalid=false]) input{color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) input{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-input:has(input:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:invalid) input{color:var(--db-critical-on-bg-enabled)}}.db-input:has(input[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input[aria-invalid=true]) [id$=-placeholder],.db-input:has(input[aria-invalid=true]) input{color:var(--db-critical-on-bg-enabled)}.db-input input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-input input:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:var(--db-opacity-md)}.db-input input:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-input input:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-input label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-label-variant=hidden] label{padding:0}.db-input .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-input:after,.db-input:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-input:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-input:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-input[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-input[data-variant=neutral] [id$=-placeholder],.db-input[data-variant=neutral] input{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-input[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input[data-variant=critical] [id$=-placeholder],.db-input[data-variant=critical] input{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-input[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-input[data-variant=informational] [id$=-placeholder],.db-input[data-variant=informational] input{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-input[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-input[data-variant=warning] [id$=-placeholder],.db-input[data-variant=warning] input{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-input[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input[data-variant=successful] [id$=-placeholder],.db-input[data-variant=successful] input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input input{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-input:has(input[type=search]),.db-input[data-icon]{--db-form-component-padding-inline-start:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(datalist),.db-input:has(input[type=search]),.db-input[data-icon-after]{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):before{--db-icon:"search";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{--db-icon-after:"cancel";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{opacity:0;transition:opacity var(--db-transition-duration-fast)}.db-input:has(input[type=search]):has(input:not(:placeholder-shown)):has(input:hover,input:focus-visible):after{opacity:1}.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{--db-icon-after:"calendar";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=time]):after{--db-icon-after:"schedule";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input input{position:relative}.db-input input::-webkit-calendar-picker-indicator,.db-input input::-webkit-search-cancel-button{background-image:none;inline-size:var(--db-icon-font-size,1.5rem);block-size:var(--db-icon-font-size,1.5rem);padding:0;cursor:pointer}.db-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;position:absolute;inset-inline-end:calc(var(--db-spacing-fixed-sm) + 1px)}.db-input:has(datalist):has(input:focus):after{transform:rotate(-180deg)}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand,.db-brand a{display:flex;gap:var(--db-spacing-fixed-md);align-items:center}.db-brand{font-weight:700}.db-brand a{color:inherit;text-decoration:none}.db-logo{max-inline-size:none;block-size:var(--db-sizing-sm)}.db-header{background-color:var(--db-base-bg-enabled);box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem)}@media screen and (min-width:64em){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45em}}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header-navigation-bar{display:flex;position:relative;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs);inline-size:100%;align-items:center}@media screen and (min-width:64em){.db-header-navigation-bar:not([data-force-mobile]),.db-header-navigation-bar[data-force-mobile=false]{padding:var(--db-spacing-fixed-md)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false]{padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);margin:0;flex-direction:row}.db-header-meta-navigation:not([data-force-mobile]):empty,.db-header-meta-navigation[data-force-mobile=false]:empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{display:inherit;flex:1 1 auto;inline-size:100%;gap:inherit;align-items:center}.db-header-call-to-action{-webkit-margin-start:auto;margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:64em){.db-header-action-container:has(>.db-header-action-bar:empty):not([data-force-mobile]),.db-header-action-container:has(>.db-header-action-bar:empty)[data-force-mobile=false]{display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}@media screen and (min-width:64em){.db-header-brand-container:not([data-force-mobile]),.db-header-brand-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-brand-container:not([data-force-mobile])[data-emphasis=strong],.db-header-brand-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-brand-container:not([data-force-mobile]):after,.db-header-brand-container[data-force-mobile=false]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;margin-inline:var(--db-spacing-fixed-sm)}}.db-header-action-container{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0}@media screen and (min-width:64em){.db-header-action-container:not([data-force-mobile]):before,.db-header-action-container[data-force-mobile=false]:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}}.db-header-action-container:before{position:inherit;block-size:100%}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;gap:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-header-action-bar{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;flex:0 1 auto;flex-grow:0;flex-shrink:0;-webkit-padding-before:var(--db-spacing-fixed-xs);padding-block-start:var(--db-spacing-fixed-xs)}.db-header-action-bar[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-bar:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]):before,.db-header-action-bar[data-force-mobile=false]:before{display:none}}.db-header-drawer-navigation{display:flex;flex-direction:column;flex:1 1 auto;block-size:100%;overflow:auto;justify-content:space-between}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}.db-header-action-bar,.db-header-navigation{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]),.db-header-action-bar[data-force-mobile=false],.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false]{gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));-webkit-padding-after:0;padding-block-end:0}.db-header-drawer .db-drawer-content{display:flex;flex-direction:column;block-size:100%;overflow:hidden}.db-header-action-container>.db-header-action-bar,.db-header-meta-navigation,.db-header-navigation-container>.db-header-navigation{display:none}@media screen and (min-width:64em){.db-header-action-container>.db-header-action-bar:not([data-force-mobile]),.db-header-action-container>.db-header-action-bar[data-force-mobile=false],.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false],.db-header-navigation-container>.db-header-navigation:not([data-force-mobile]),.db-header-navigation-container>.db-header-navigation[data-force-mobile=false]{display:inherit}}.db-header-drawer-navigation>.db-header-meta-navigation{display:inherit}@media screen and (min-width:64em){.db-header-burger-menu-container:not([data-force-mobile]),.db-header-burger-menu-container[data-force-mobile=false],.db-header-drawer:not([data-force-mobile]),.db-header-drawer[data-force-mobile=false]{display:none}}:root body{margin:0}:root:has(.fixed-header-footer),:root:has(db-page[type=fixedHeaderFooter]){block-size:100%;overflow:hidden}:root:has(.fixed-header-footer) #app,:root:has(.fixed-header-footer) #root,:root:has(.fixed-header-footer) body,:root:has(db-page[type=fixedHeaderFooter]) #app,:root:has(db-page[type=fixedHeaderFooter]) #root,:root:has(db-page[type=fixedHeaderFooter]) body{block-size:100%}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page.fixed-header-footer{block-size:100%;min-block-size:100%;display:flex;flex-direction:column}.db-page.fixed-header-footer footer,.db-page.fixed-header-footer header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page.fixed-header-footer main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link{inline-size:-moz-fit-content;inline-size:fit-content;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:hover{color:color-mix(in srgb,transparent 25%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link:active{color:color-mix(in srgb,transparent 50%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_forward";vertical-align:top}.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"link_external"}.db-link:focus-visible{border-radius:var(--db-border-radius-md)}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start);margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=primary]{--db-current-color:var(--db-brand-text-enabled);color:var(--db-current-color)}.db-link[data-variant=primary]:hover{--db-current-color:var(--db-brand-text-hover)}.db-link[data-variant=primary]:active{--db-current-color:var(--db-brand-text-pressed)}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-section:not([data-force-mobile]),.db-section[data-force-mobile=false]{padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-variant=full]{padding-inline:0}.db-section[data-size=none]{padding-block:0}.db-section[data-size=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-size=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-size=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-variant=full]{max-inline-size:none}.db-section>div[data-variant=medium]{max-inline-size:64em}.db-section>div[data-variant=large]{max-inline-size:90em}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-solid"}.db-infotext:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext[data-variant=neutral]{color:var(--db-neutral-text-enabled)}.db-infotext[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-infotext[data-variant=critical]{color:var(--db-critical-text-enabled)}.db-infotext[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-infotext[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-infotext[data-variant=informational]{color:var(--db-informational-text-enabled)}.db-infotext[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-infotext[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-infotext[data-variant=warning]{color:var(--db-warning-text-enabled)}.db-infotext[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-infotext[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-infotext[data-variant=successful]{color:var(--db-successful-text-enabled)}.db-infotext[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-alert{grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-alert:has(.db-alert-link){grid-template-areas:"icon content link close";grid-template-columns:min-content 1fr min-content min-content}.db-alert:has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}}.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr 1fr min-content;grid-template-areas:"icon head head close" "icon content content content"}.db-alert:has(.db-alert-headline)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}}.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr 1fr min-content min-content;grid-template-areas:"icon head head link close" "icon content content content content"}.db-alert:has(.db-alert-headline):has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}}.db-alert{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;text-align:start}.db-alert:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-alert db-link,.db-alert dblink{display:inline-flex}.db-alert .db-alert-headline{grid-area:head}.db-alert .db-alert-content{grid-area:content;margin:0}.db-alert .db-alert-link{grid-area:link}.db-alert .db-alert-close{grid-area:close}.db-alert:before,.db-alert[data-icon]:before{--db-icon-margin-end:0;grid-area:icon}.db-alert[data-type=inline][data-elevation=none]{box-shadow:none}.db-alert[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-alert[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-alert[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-alert[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-alert[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-alert[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-alert[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-alert[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-alert[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-checkbox input{border-radius:var(--db-border-radius-sm)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0}.db-checkbox input:checked:before{--db-icon:"done";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox input:indeterminate:before{--db-icon:"minus";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-radio input{border-color:currentColor;border-radius:var(--db-border-radius-3xl);transition:border-width var(--db-transition-duration-fast) var(--db-transition-functional-timing)}.db-radio input:checked{border-width:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*.3)}[data-no-text=true].db-tag{--icon-margin-after:0;font-size:0!important;padding:0}[data-no-text=true].db-tag:before{--db-icon-margin-end:0}[data-no-text=true].db-tag label{font-size:0!important}[data-no-text=true].db-tag label:before{--db-icon-margin-end:0}.db-tag:not([data-no-text=true]){--db-padding-inline-start:var(--db-spacing-fixed-2xs);padding-inline:var(--db-padding-inline-start) var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){-webkit-padding-end:0;padding-inline-end:0}.db-tag:not([data-no-text=true]):has(a),.db-tag:not([data-no-text=true]):has(db-button):has(db-button:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(label),.db-tag:not([data-no-text=true]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button)){padding-inline:0}.db-tag{--db-icon-margin-end:var(--db-spacing-fixed-2xs);padding-block:0;block-size:var(--db-sizing-sm);min-inline-size:var(--db-sizing-sm);inline-size:-moz-fit-content;inline-size:fit-content}.db-tag:has(.db-tab-remove-button)[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked,a,button){--db-current-icon-color:var(--db-base-on-enabled);--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color)}.db-tag button:nth-of-type(2),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{display:none}.db-tag{position:relative}.db-tag label{inline-size:100%;-webkit-margin-start:0;margin-inline-start:0}.db-tag label:has(input:not(:checked)){--db-current-base-color-alpha:100%}.db-tag label:has(input:checked){border-width:var(--db-border-height-sm)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{inline-size:calc(100% + 2px);block-size:calc(100% + 2px);position:absolute;-webkit-margin-end:initial;margin-inline-end:0;border:none;border-radius:inherit;transform:translateX(calc((var(--db-padding-inline-start, var(--db-spacing-fixed-2xs)) + var(--db-border-height-sm)) * -1))}.db-tag label input:checked:before{--db-icon:""}.db-tag a{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));display:inline-flex;align-items:center;text-decoration:none}.db-tag a:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag a:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:""!important}.db-tag .db-link:active,.db-tag .db-link:hover{color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:none}.db-tag input:checked{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tag input:checked:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag button,.db-tag label:has(input:checked){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):hover,.db-tag label:has(input:checked):not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):active,.db-tag label:has(input:checked):not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:active,.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:hover{--db-current-base-color-alpha:92%}.db-tag a,.db-tag button,.db-tag label{block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-md)}.db-tag a,.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag[data-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);block-size:100%}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-start-start-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-start-end-radius:var(--db-border-radius-lg);border-end-end-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-lg);border-start-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,0);padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{display:flex;flex-direction:column;background-color:var(--db-base-bg-enabled);block-size:100%;inline-size:100%;position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{margin-block:auto;font-weight:700}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{-webkit-margin-start:auto;margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-hide-straight)}[data-icon].db-select{--db-form-has-before:1}.db-select:has(select:focus-within):after{transform:rotate(-180deg)}.db-select{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm));--db-form-has-before:0;position:relative;display:flex;flex-direction:column;min-inline-size:calc(4*var(--db-sizing-md) + var(--db-form-has-before)*var(--db-sizing-md))}.db-select[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-select[data-label-variant=floating]:after,.db-select[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-select[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select+[id$=-placeholder],.db-select[data-label-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-label-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-select:has(select:required) label:after,.db-select:has(select:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:not([aria-invalid]):is(:required):valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):valid) select{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-select:has(select:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:valid) select{color:var(--db-successful-on-bg-enabled)}}.db-select:has(select[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select[aria-invalid=false]) [id$=-placeholder],.db-select:has(select[aria-invalid=false]) select{color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):invalid) select{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-select:has(select:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:invalid) select{color:var(--db-critical-on-bg-enabled)}}.db-select:has(select[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select[aria-invalid=true]) [id$=-placeholder],.db-select:has(select[aria-invalid=true]) select{color:var(--db-critical-on-bg-enabled)}.db-select select{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:var(--db-opacity-md)}.db-select select:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-select select:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-select label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-label-variant=hidden] label{padding:0}.db-select .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-select:after,.db-select:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-select:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-select[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-select[data-variant=neutral] [id$=-placeholder],.db-select[data-variant=neutral] select{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-select[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select[data-variant=critical] [id$=-placeholder],.db-select[data-variant=critical] select{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-select[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-select[data-variant=informational] [id$=-placeholder],.db-select[data-variant=informational] select{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-select[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-select[data-variant=warning] [id$=-placeholder],.db-select[data-variant=warning] select{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-select[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select[data-variant=successful] [id$=-placeholder],.db-select[data-variant=successful] select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-bg-color)}.db-select[data-label-variant=hidden]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select [id$=-placeholder]{position:absolute;pointer-events:none;inset-block-start:calc(0% + (calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs)) + var(--db-spacing-fixed-xs))*var(--db-label-visible-height, 1) + var(--db-base-font-size)/2 - var(--db-ui-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)));-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:calc(100% - var(--db-form-component-padding-inline-end) - calc(var(--db-form-has-before) * (var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm))}.db-select:has(>select option:checked:not([hidden])) [id$=-placeholder]{display:none}@media screen and (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:focus-visible:is(button)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:hover:is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-lg);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item .db-navigation-item-expand-button>button:hover,.db-navigation-item a:has(~.db-sub-navigation:hover),.db-navigation-item a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:active,.db-navigation-item a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-navigation-item{--db-has-before:0;display:inline-flex;position:relative;inline-size:100%}.db-navigation-item[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;z-index:1}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button,.db-navigation-item[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media screen and (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}@media screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-base-bg-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}@media screen and (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-lg);box-shadow:var(--db-elevation-md);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:328px;inset-block-start:calc(100% + var(--db-spacing-fixed-md));transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:100%}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]):focus-within,.db-sub-navigation:not([data-force-mobile]):hover,.db-sub-navigation[data-force-mobile=false]:focus-within,.db-sub-navigation[data-force-mobile=false]:hover{visibility:visible}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(-1*var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=true]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true][data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true][data-outside-vy=true]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{-webkit-margin-start:auto;margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;font-weight:400;background-color:var(--db-base-bg-enabled);-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-base-bg-enabled);border-start-end-radius:var(--db-border-radius-md)}.db-tab-list>ul:hover::-webkit-scrollbar-button:single-button,.db-tab-list>ul:hover::-webkit-scrollbar-track,.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-base-bg-enabled)!important}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:not(:disabled):hover,.db-textarea textarea::-webkit-scrollbar-thumb:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:not(:disabled):active,.db-textarea textarea::-webkit-scrollbar-thumb:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:hover,.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,68%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:active,.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,60%),var(--db-current-base-color,#fff))}.db-tab-list>ul[data-label-variant=floating]::-webkit-resizer,.db-textarea textarea[data-label-variant=floating]::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tab-list>ul[data-label-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-label-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-base-bg-enabled)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcgMTJjLjUxMjgzNTg0IDAgMSAuNDIxNjY1NyAxIDF2NGMwIC41MTI4MzU4LS40MDc3MzY0OCAxLTEgMWgtNGMtLjQ5MTg3ODUxIDAtMS0uMzkzNTA1Ni0xLTF2LTRjMC0uNTEyODM1OC40MTk1NTA5LTEgMS0xem05LTEwYzEuMDU0MzYxOCAwIDIgLjg2MzcwOTk2IDIgMnYxMGMwIDEuMDU0MzYxOC0uODY5Mjg3MyAyLTIgMmgtNS41Yy0uNTUyMjg0NzUgMC0xLS40NDc3MTUzLTEtMSAwLS41MTI4MzU4LjQxMTE0NTUtMSAxLTFoNS41di0xMGgtMTB2NS41YzAgLjU1MjI4NDctLjQ0NzcxNTI1IDEtMSAxLS41MTI4MzU4NCAwLTEtLjQyNzUyOTYtMS0xdi01LjVjMC0xLjA1NDM2MTguODM1MjM3ODctMiAyLTJ6bS0xMCAxMmgtMnYyaDJ6IiBmaWxsPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");border-end-end-radius:var(--db-border-radius-md)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-md)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));inline-size:0}.db-tab-list>ul::-webkit-scrollbar-button:single-button:not(:disabled):hover,.db-textarea textarea::-webkit-scrollbar-button:single-button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:not(:disabled):active,.db-textarea textarea::-webkit-scrollbar-button:single-button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMSAtMSAwIDE1Ljk5IDE1Ljk5KSIvPjwvc3ZnPg0K")}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-textarea[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-textarea[data-label-variant=floating]:after,.db-textarea[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-textarea[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-label-variant=floating] textarea{-webkit-padding-before:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea[data-label-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-textarea:has(textarea:required) label:after,.db-textarea:has(textarea:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) textarea{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-textarea:has(textarea:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:valid) textarea{color:var(--db-successful-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea[aria-invalid=false]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=false]) textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) textarea{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-textarea:has(textarea:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:invalid) textarea{color:var(--db-critical-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea[aria-invalid=true]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=true]) textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea textarea{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:var(--db-opacity-md)}.db-textarea textarea:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-label-variant=hidden] label{padding:0}.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-textarea:after,.db-textarea:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-textarea:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-textarea:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-textarea[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-textarea[data-variant=neutral] [id$=-placeholder],.db-textarea[data-variant=neutral] textarea{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-textarea[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea[data-variant=critical] [id$=-placeholder],.db-textarea[data-variant=critical] textarea{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-textarea[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-textarea[data-variant=informational] [id$=-placeholder],.db-textarea[data-variant=informational] textarea{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-textarea[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-textarea[data-variant=warning] [id$=-placeholder],.db-textarea[data-variant=warning] textarea{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-textarea[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea[data-variant=successful] [id$=-placeholder],.db-textarea[data-variant=successful] textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-base-bg-enabled)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:enabled:hover):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:enabled:hover):after{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);border-radius:42px;padding-inline:var(--db-spacing-fixed-2xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge[data-variant=neutral]:not(.db-badge[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-badge[data-variant=critical]:not(.db-badge[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-badge[data-variant=informational]:not(.db-badge[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-badge[data-variant=warning]:not(.db-badge[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-badge[data-variant=successful]:not(.db-badge[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-badge[data-size=medium]{--badge-size:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-xs)}.db-badge[data-size=medium]:empty,.db-badge[data-size=medium]>span:empty{padding:0}.db-badge[data-size=medium]:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;-webkit-margin-before:calc(2*var(--db-spacing-fixed-sm));margin-block-start:calc(2*var(--db-spacing-fixed-sm))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item[data-emphasis=strong],.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item:before,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0;inset-block-start:calc(-1*var(--db-spacing-fixed-sm))}.db-accordion[data-variant=card] .db-accordion-item+.db-accordion-item,.db-accordion[data-variant=card] db-accordion-item+db-accordion-item .db-accordion-item{-webkit-margin-before:var(--db-spacing-fixed-sm);margin-block-start:var(--db-spacing-fixed-sm)}.db-accordion[data-variant=card] .db-accordion-item:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;border-radius:var(--db-border-radius-lg);pointer-events:none}.db-accordion-item{position:relative;inline-size:100%;border-radius:var(--db-border-radius-lg)}.db-accordion-item summary+div{padding:var(--db-spacing-fixed-md);-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:var(--db-opacity-sm)}.db-accordion-item summary{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);border-radius:var(--db-border-radius-lg)}.db-accordion-item summary:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-accordion-item summary:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:var(--db-border-radius-md)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-main-navigation>menu .db-navigation-item:after,.db-tabs .db-tab:after{content:"";position:absolute;border-radius:var(--db-border-radius-md);transition:height .15s var(--db-transition-emotional-timing),width .15s var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item:after{block-size:0;inline-size:var(--db-border-height-lg);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item:after{block-size:var(--db-border-height-lg);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}}.db-main-navigation>menu .db-navigation-item:has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%;inline-size:var(--db-border-height-lg)}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item:not([data-force-mobile]):has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item:has([aria-current=page]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:var(--db-border-height-lg);inline-size:100%}}.db-main-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64em){.db-main-navigation:not([data-force-mobile]),.db-main-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-main-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-main-navigation>menu:not([data-force-mobile]),.db-main-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon-after:"expand_more";transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:rotate(-180deg)}}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-after:"chevron_right";--db-icon-margin-start:auto}.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-main-navigation>menu .db-navigation-item:has([aria-current=page]) menu :has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item:has([aria-current=page]) menu [aria-current=page]:after,.db-main-navigation>menu .db-navigation-item[aria-current=page] menu :has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}.db-popover>article:not([data-placement]),.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=bottom]:not([data-outside-vy]),.db-popover>article[data-placement=top]:not([data-outside-vy]){--db-popover-center-x:-50%;inset-inline-start:50%}.db-popover>article[data-outside-vx=left]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vx=right]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=left]:not([data-outside-vx]),.db-popover>article[data-placement=right]:not([data-outside-vx]){--db-popover-center-y:-50%;inset-block-start:50%}.db-popover>article,.db-tooltip{--db-popover-distance:var(--db-spacing-fixed-2xs)}.db-popover>article:before,.db-tooltip:before{content:"";position:absolute}.db-popover>article[data-gap=true],[data-gap=true].db-tooltip{--db-popover-gap:1;--db-popover-distance:var(--db-spacing-fixed-md)}.db-popover>article:is(.db-tooltip),.db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-sm)}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=end],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=end],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=end],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=end]{inset-inline-end:0}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=start],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=start],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=start],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=start]{inset-inline-start:0}.db-popover>article[data-outside-vx=left][data-placement$=end],.db-popover>article[data-outside-vx=right][data-placement$=end],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=end],[data-outside-vx=left][data-placement$=end].db-tooltip,[data-outside-vx=right][data-placement$=end].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=end]{inset-block-end:0}.db-popover>article[data-outside-vx=left][data-placement$=start],.db-popover>article[data-outside-vx=right][data-placement$=start],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=start],[data-outside-vx=left][data-placement$=start].db-tooltip,[data-outside-vx=right][data-placement$=start].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=start]{inset-block-start:0}.db-popover>article:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom]:not([data-outside-vy]),.db-tooltip:not([data-placement]):not([data-outside-vy]),[data-outside-vy=top].db-tooltip:not([data-outside-vx]),[data-placement^=bottom].db-tooltip:not([data-outside-vy]){inset-block-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article:not([data-placement]):not([data-outside-vy]):before,.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):before,.db-popover>article[data-placement^=bottom]:not([data-outside-vy]):before,.db-tooltip:not([data-placement]):not([data-outside-vy]):before,[data-outside-vy=top].db-tooltip:not([data-outside-vx]):before,[data-placement^=bottom].db-tooltip:not([data-outside-vy]):before{inset-inline-start:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-start:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover>article[data-placement^=top]:not([data-outside-vy]),[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]),[data-placement^=top].db-tooltip:not([data-outside-vy]){inset-block-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):before,.db-popover>article[data-placement^=top]:not([data-outside-vy]):before,[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):before,[data-placement^=top].db-tooltip:not([data-outside-vy]):before{inset-inline-end:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=right],.db-popover>article[data-placement^=left]:not([data-outside-vx]),[data-outside-vx=right].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx]){inset-inline-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=right]:before,.db-popover>article[data-placement^=left]:not([data-outside-vx]):before,[data-outside-vx=right].db-tooltip:before,[data-placement^=left].db-tooltip:not([data-outside-vx]):before{inset-block-end:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=left],.db-popover>article[data-placement^=right]:not([data-outside-vx]),[data-outside-vx=left].db-tooltip,[data-placement^=right].db-tooltip:not([data-outside-vx]){inset-inline-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=left]:before,.db-popover>article[data-placement^=right]:not([data-outside-vx]):before,[data-outside-vx=left].db-tooltip:before,[data-placement^=right].db-tooltip:not([data-outside-vx]):before{inset-block-start:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-start:calc(-1*var(--db-popover-distance))}.db-popover:focus-within>article,.db-popover:hover>article,.db-popover>article[data-open=true],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type{visibility:visible}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:-25%}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:25%}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=left],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=left],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]),.db-popover>article[data-outside-vx=left][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:-25%}.db-popover:focus-within>article[data-outside-vx=left][data-animation=disabled],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=left][data-animation=disabled],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=left][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=right],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=right],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]),.db-popover>article[data-outside-vx=right][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:25%}.db-popover:focus-within>article[data-outside-vx=right][data-animation=disabled],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=right][data-animation=disabled],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=right][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover>article,.db-tooltip{position:absolute;background-color:var(--db-base-bg-enabled);visibility:hidden;z-index:1;white-space:nowrap}.db-popover>article[data-width=fixed],[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover{position:relative}.db-popover>article,.db-popover>article[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover>article[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover>article[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-md);font-style:normal;font-weight:400;padding:var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs)}.db-tooltip:not([data-variant=basic]):after{content:"";box-shadow:var(--db-elevation-md);position:absolute;background-color:var(--db-base-bg-enabled);inline-size:var(--db-sizing-2xs);block-size:var(--db-sizing-2xs);-webkit-clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));border-radius:0 2px;transform:skew(-8deg,-8deg)}.db-tooltip:not([data-placement]):not([data-outside-vy]):after,.db-tooltip[data-outside-vy=top]:not([data-outside-vx]):after,.db-tooltip[data-placement^=bottom]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-outside-vy=bottom]:not([data-outside-vx]):after,.db-tooltip[data-placement^=top]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-outside-vx=left]:after,.db-tooltip[data-placement^=right]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-outside-vx=right]:after,.db-tooltip[data-placement^=left]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-neutral-text-enabled)}.db-tab-list{position:relative}.db-tab-list>ul{display:flex;gap:var(--db-spacing-fixed-sm);scroll-behavior:smooth;padding:0;margin:0}.db-tabs db-tab-list:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs db-tab-list:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0]{display:block}.db-tabs db-tab-list:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs db-tab-list:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1]{display:block}.db-tabs db-tab-list:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs db-tab-list:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2]{display:block}.db-tabs db-tab-list:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs db-tab-list:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3]{display:block}.db-tabs db-tab-list:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs db-tab-list:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4]{display:block}.db-tabs db-tab-list:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs db-tab-list:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5]{display:block}.db-tabs db-tab-list:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs db-tab-list:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6]{display:block}.db-tabs db-tab-list:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs db-tab-list:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7]{display:block}.db-tabs db-tab-list:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs db-tab-list:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8]{display:block}.db-tabs db-tab-list:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs db-tab-list:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9]{display:block}.db-tabs db-tab-list:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs db-tab-list:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:after{block-size:var(--db-border-height-lg);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:has(input:checked):after{block-size:var(--db-border-height-lg);inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:has(input:checked):after{inset-block-end:calc(-1*(var(--db-spacing-fixed-2xs) + var(--db-border-height-lg)));z-index:-2}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:after{block-size:0;inline-size:var(--db-border-height-lg);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:has(input:checked):after{block-size:100%;inline-size:var(--db-border-height-lg)}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:has(input:checked):after{inset-inline-start:0;z-index:-2}.db-tabs{display:flex;inline-size:100%;position:relative}.db-tabs .db-tab-panel{padding:0 var(--db-spacing-fixed-xs)}.db-tabs .db-tab-list{max-inline-size:100%;z-index:20}.db-tabs .db-tab-list:has([id$=-tab-0]:checked)~[id$=-tab-panel-0]{display:block}.db-tabs .db-tab-list:has([id$=-tab-1]:checked)~[id$=-tab-panel-1]{display:block}.db-tabs .db-tab-list:has([id$=-tab-2]:checked)~[id$=-tab-panel-2]{display:block}.db-tabs .db-tab-list:has([id$=-tab-3]:checked)~[id$=-tab-panel-3]{display:block}.db-tabs .db-tab-list:has([id$=-tab-4]:checked)~[id$=-tab-panel-4]{display:block}.db-tabs .db-tab-list:has([id$=-tab-5]:checked)~[id$=-tab-panel-5]{display:block}.db-tabs .db-tab-list:has([id$=-tab-6]:checked)~[id$=-tab-panel-6]{display:block}.db-tabs .db-tab-list:has([id$=-tab-7]:checked)~[id$=-tab-panel-7]{display:block}.db-tabs .db-tab-list:has([id$=-tab-8]:checked)~[id$=-tab-panel-8]{display:block}.db-tabs .db-tab-list:has([id$=-tab-9]:checked)~[id$=-tab-panel-9]{display:block}.db-tabs .db-tab-list:has([id$=-tab-10]:checked)~[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]){flex-direction:column;flex-wrap:wrap}.db-tabs:not([data-orientation=vertical]) .db-tab-panel{inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before{content:"";border-radius:var(--db-border-radius-md);block-size:var(--db-border-height-lg);position:absolute;inset-inline:var(--db-spacing-fixed-xs);inset-block-start:calc(3*var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul{overflow-x:auto;overflow-y:hidden;inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs);-webkit-margin-after:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-lg));margin-block-end:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-lg))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab:first-of-type .db-tab{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab:last-of-type .db-tab{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab)) .db-tab:first-of-type{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab)) .db-tab:last-of-type{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical]{flex-direction:row}.db-tabs[data-orientation=vertical] .db-tab-panel{padding:var(--db-spacing-fixed-xs) 0}.db-tabs[data-orientation=vertical] .db-tab-list{min-inline-size:var(--db-tab-list-vertical-width,calc(3 * var(--db-spacing-fixed-3xl)));max-inline-size:var(--db-tab-list-vertical-width,calc(3 * var(--db-spacing-fixed-3xl)));-webkit-padding-end:var(--db-spacing-fixed-xs);padding-inline-end:var(--db-spacing-fixed-xs);-webkit-margin-after:auto;margin-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab label{position:relative}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:has(input:focus-visible),.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:hover{inline-size:-moz-fit-content;inline-size:fit-content}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:has(input:focus-visible) label,.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:hover label{overflow:visible}.db-tabs[data-orientation=vertical] .db-tab-list:before{content:"";border-radius:var(--db-border-radius-md);inline-size:var(--db-border-height-lg);inset-block:var(--db-spacing-fixed-xs);position:absolute;inset-inline-start:0}.db-tabs[data-orientation=vertical] .db-tab-list>ul{flex-direction:column;block-size:100%}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab)) .db-tab:first-of-type{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab)) .db-tab:last-of-type{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab,.db-tabs[data-orientation=vertical] .db-tab input{-webkit-padding-start:calc(var(--db-border-height-lg) + var(--db-spacing-fixed-2xs));padding-inline-start:calc(var(--db-border-height-lg) + var(--db-spacing-fixed-2xs))}.db-tabs[data-orientation=vertical] db-tab:first-of-type .db-tab{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] db-tab:last-of-type .db-tab{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-width=full] .db-tab,.db-tabs[data-width=full] .db-tab label,.db-tabs[data-width=full] .db-tab-list{inline-size:100%}.db-tabs[data-width=full][data-alignment=center] .db-tab label{text-align:center;justify-content:center}.db-tabs[data-scroll-behaviour=arrows] .db-tab-list>ul::-webkit-scrollbar{display:none}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-left):before{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-right):after{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after,.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{position:absolute;z-index:21;background-color:var(--db-current-bg-color);inline-size:var(--db-sizing-md);block-size:calc(var(--db-spacing-fixed-sm) + var(--db-sizing-md));flex:0 0 auto}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button,.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{position:absolute;z-index:22;inset-block:var(--db-spacing-fixed-xs)}.db-tab-panel{display:none}db-accordion,db-accordion-item,db-alert,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-main-navigation,db-navigation-item,db-page,db-popover,db-radio,db-section,db-select,db-tab,db-tab-bar,db-tab-list,db-tab-panel,db-tabbar,db-tabs,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbalert,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbmain-navigation,dbnavigation-item,dbpage,dbpopover,dbradio,dbsection,dbselect,dbtab,dbtab-bar,dbtab-list,dbtab-panel,dbtabbar,dbtabs,dbtag,dbtextarea,dbtooltip{display:contents}db-alert,dbalert{inline-size:inherit}:has(>.db-badge[data-placement^=corner]){position:relative}:has(>db-tooltip,>dbtooltip,>.db-tooltip){position:relative}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-scheme=dark],[data-emphasis=weak][data-color-scheme=light]{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}:root{--db-spacing-responsive-regular-desktop-3xl:40rem;--db-spacing-responsive-regular-desktop-2xl:30rem;--db-spacing-responsive-regular-desktop-xl:15rem;--db-spacing-responsive-regular-desktop-lg:7.5rem;--db-spacing-responsive-regular-desktop-md:5rem;--db-spacing-responsive-regular-desktop-sm:3rem;--db-spacing-responsive-regular-desktop-xs:2rem;--db-spacing-responsive-regular-desktop-2xs:1.5rem;--db-spacing-responsive-regular-desktop-3xs:1.25rem;--db-spacing-responsive-regular-tablet-3xs:1rem;--db-spacing-responsive-regular-tablet-2xs:1.25rem;--db-spacing-responsive-regular-tablet-xs:1.75rem;--db-spacing-responsive-regular-tablet-sm:2.5rem;--db-spacing-responsive-regular-tablet-md:4rem;--db-spacing-responsive-regular-tablet-lg:6rem;--db-spacing-responsive-regular-tablet-xl:10rem;--db-spacing-responsive-regular-tablet-2xl:15rem;--db-spacing-responsive-regular-tablet-3xl:30rem;--db-spacing-responsive-regular-mobile-3xs:1rem;--db-spacing-responsive-regular-mobile-2xs:1.25rem;--db-spacing-responsive-regular-mobile-xs:1.5rem;--db-spacing-responsive-regular-mobile-sm:2rem;--db-spacing-responsive-regular-mobile-md:3rem;--db-spacing-responsive-regular-mobile-lg:5rem;--db-spacing-responsive-regular-mobile-xl:7.5rem;--db-spacing-responsive-regular-mobile-2xl:10rem;--db-spacing-responsive-regular-mobile-3xl:15rem;--db-spacing-responsive-functional-desktop-3xs:1rem;--db-spacing-responsive-functional-desktop-2xs:1.25rem;--db-spacing-responsive-functional-desktop-xs:1.75rem;--db-spacing-responsive-functional-desktop-sm:2.5rem;--db-spacing-responsive-functional-desktop-md:4rem;--db-spacing-responsive-functional-desktop-lg:6rem;--db-spacing-responsive-functional-desktop-xl:10rem;--db-spacing-responsive-functional-desktop-2xl:15rem;--db-spacing-responsive-functional-desktop-3xl:30rem;--db-spacing-responsive-functional-tablet-3xs:1rem;--db-spacing-responsive-functional-tablet-2xs:1.25rem;--db-spacing-responsive-functional-tablet-xs:1.5rem;--db-spacing-responsive-functional-tablet-sm:2rem;--db-spacing-responsive-functional-tablet-md:3rem;--db-spacing-responsive-functional-tablet-lg:5rem;--db-spacing-responsive-functional-tablet-xl:7.5rem;--db-spacing-responsive-functional-tablet-2xl:10rem;--db-spacing-responsive-functional-tablet-3xl:15rem;--db-spacing-responsive-functional-mobile-3xs:1rem;--db-spacing-responsive-functional-mobile-2xs:1.25rem;--db-spacing-responsive-functional-mobile-xs:1.25rem;--db-spacing-responsive-functional-mobile-sm:1.75rem;--db-spacing-responsive-functional-mobile-md:2.5rem;--db-spacing-responsive-functional-mobile-lg:4rem;--db-spacing-responsive-functional-mobile-xl:6rem;--db-spacing-responsive-functional-mobile-2xl:7.5rem;--db-spacing-responsive-functional-mobile-3xl:10rem;--db-spacing-responsive-expressive-desktop-3xs:1.75rem;--db-spacing-responsive-expressive-desktop-2xs:2rem;--db-spacing-responsive-expressive-desktop-xs:3rem;--db-spacing-responsive-expressive-desktop-sm:5rem;--db-spacing-responsive-expressive-desktop-md:7.5rem;--db-spacing-responsive-expressive-desktop-lg:15rem;--db-spacing-responsive-expressive-desktop-xl:30rem;--db-spacing-responsive-expressive-desktop-2xl:40rem;--db-spacing-responsive-expressive-desktop-3xl:50rem;--db-spacing-responsive-expressive-tablet-3xs:1.5rem;--db-spacing-responsive-expressive-tablet-2xs:1.75rem;--db-spacing-responsive-expressive-tablet-xs:2.5rem;--db-spacing-responsive-expressive-tablet-sm:4rem;--db-spacing-responsive-expressive-tablet-md:6rem;--db-spacing-responsive-expressive-tablet-lg:10rem;--db-spacing-responsive-expressive-tablet-xl:15rem;--db-spacing-responsive-expressive-tablet-2xl:30rem;--db-spacing-responsive-expressive-tablet-3xl:40rem;--db-spacing-responsive-expressive-mobile-3xs:1.25rem;--db-spacing-responsive-expressive-mobile-2xs:1.5rem;--db-spacing-responsive-expressive-mobile-xs:2rem;--db-spacing-responsive-expressive-mobile-sm:3rem;--db-spacing-responsive-expressive-mobile-md:5rem;--db-spacing-responsive-expressive-mobile-lg:7.5rem;--db-spacing-responsive-expressive-mobile-xl:10rem;--db-spacing-responsive-expressive-mobile-2xl:15rem;--db-spacing-responsive-expressive-mobile-3xl:30rem;--db-spacing-fixed-regular-3xs:0.125rem;--db-spacing-fixed-regular-2xs:0.25rem;--db-spacing-fixed-regular-xs:0.5rem;--db-spacing-fixed-regular-sm:0.75rem;--db-spacing-fixed-regular-md:1rem;--db-spacing-fixed-regular-lg:1.5rem;--db-spacing-fixed-regular-xl:2rem;--db-spacing-fixed-regular-2xl:3rem;--db-spacing-fixed-regular-3xl:5rem;--db-spacing-fixed-functional-3xs:0.125rem;--db-spacing-fixed-functional-2xs:0.25rem;--db-spacing-fixed-functional-xs:0.375rem;--db-spacing-fixed-functional-sm:0.5rem;--db-spacing-fixed-functional-md:0.75rem;--db-spacing-fixed-functional-lg:1rem;--db-spacing-fixed-functional-xl:1.5rem;--db-spacing-fixed-functional-2xl:2rem;--db-spacing-fixed-functional-3xl:3rem;--db-spacing-fixed-expressive-3xs:0.25rem;--db-spacing-fixed-expressive-2xs:0.5rem;--db-spacing-fixed-expressive-xs:0.75rem;--db-spacing-fixed-expressive-sm:1rem;--db-spacing-fixed-expressive-md:1.5rem;--db-spacing-fixed-expressive-lg:2rem;--db-spacing-fixed-expressive-xl:3rem;--db-spacing-fixed-expressive-2xl:5rem;--db-spacing-fixed-expressive-3xl:7.5rem;--db-sizing-fixed-mobile-header:3.5rem;--db-sizing-regular-3xl:15rem;--db-sizing-regular-2xl:10rem;--db-sizing-regular-xl:6rem;--db-sizing-regular-lg:4rem;--db-sizing-regular-md:2.5rem;--db-sizing-regular-sm:1.5rem;--db-sizing-regular-xs:1rem;--db-sizing-regular-2xs:0.75rem;--db-sizing-regular-3xs:0.5rem;--db-sizing-functional-3xs:0.375rem;--db-sizing-functional-2xs:0.625rem;--db-sizing-functional-xs:0.875rem;--db-sizing-functional-sm:1.25rem;--db-sizing-functional-md:2rem;--db-sizing-functional-lg:3rem;--db-sizing-functional-xl:5rem;--db-sizing-functional-2xl:7.5rem;--db-sizing-functional-3xl:10rem;--db-sizing-expressive-3xs:0.625rem;--db-sizing-expressive-2xs:0.875rem;--db-sizing-expressive-xs:1.25rem;--db-sizing-expressive-sm:1.75rem;--db-sizing-expressive-md:3rem;--db-sizing-expressive-lg:5rem;--db-sizing-expressive-xl:7.5rem;--db-sizing-expressive-2xl:15rem;--db-sizing-expressive-3xl:30rem;--db-typography-regular-desktop-headline-3xl-line-height:1.2;--db-typography-regular-desktop-headline-3xl-font-size:5rem;--db-base-icon-weight-regular-desktop-headline-3xl:96;--db-base-icon-font-size-regular-desktop-headline-3xl:6rem;--db-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-base-icon-weight-regular-desktop-headline-2xl:80;--db-base-icon-font-size-regular-desktop-headline-2xl:5rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-base-icon-weight-regular-desktop-headline-xl:64;--db-base-icon-font-size-regular-desktop-headline-xl:4rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-base-icon-weight-regular-desktop-headline-lg:48;--db-base-icon-font-size-regular-desktop-headline-lg:3rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-base-icon-weight-regular-desktop-headline-md:40;--db-base-icon-font-size-regular-desktop-headline-md:2.5rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-base-icon-weight-regular-desktop-headline-sm:32;--db-base-icon-font-size-regular-desktop-headline-sm:2rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-base-icon-weight-regular-desktop-headline-2xs:24;--db-base-icon-font-size-regular-desktop-headline-2xs:1.5rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-desktop-headline-3xs:20;--db-base-icon-font-size-regular-desktop-headline-3xs:1.25rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--db-base-icon-weight-regular-desktop-headline-xs:28;--db-base-icon-font-size-regular-desktop-headline-xs:1.75rem;--db-typography-regular-desktop-body-lg-line-height:1.4;--db-typography-regular-desktop-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-desktop-lg:28;--db-base-icon-font-size-regular-desktop-lg:1.75rem;--db-typography-regular-desktop-body-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-desktop-xl:32;--db-base-icon-font-size-regular-desktop-xl:2rem;--db-typography-regular-desktop-body-2xl-line-height:1.4285714285714286;--db-typography-regular-desktop-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-desktop-2xl:40;--db-base-icon-font-size-regular-desktop-2xl:2.5rem;--db-typography-regular-desktop-body-3xl-line-height:1.5;--db-typography-regular-desktop-body-3xl-font-size:2rem;--db-base-icon-weight-regular-desktop-3xl:48;--db-base-icon-font-size-regular-desktop-3xl:3rem;--db-typography-regular-desktop-body-md-line-height:1.5;--db-typography-regular-desktop-body-md-font-size:1rem;--db-base-icon-weight-regular-desktop-md:24;--db-base-icon-font-size-regular-desktop-md:1.5rem;--db-typography-regular-desktop-body-sm-line-height:1.4285714285714286;--db-typography-regular-desktop-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-desktop-sm:20;--db-base-icon-font-size-regular-desktop-sm:1.25rem;--db-typography-regular-desktop-body-2xs-line-height:1.4;--db-typography-regular-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-2xs:14;--db-base-icon-font-size-regular-desktop-2xs:0.875rem;--db-typography-regular-desktop-body-3xs-line-height:1.4;--db-typography-regular-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-3xs:14;--db-base-icon-font-size-regular-desktop-3xs:0.875rem;--db-typography-regular-desktop-body-xs-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-desktop-xs:16;--db-base-icon-font-size-regular-desktop-xs:1rem;--db-typography-regular-mobile-body-lg-line-height:1.4;--db-typography-regular-mobile-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-mobile-lg:28;--db-base-icon-font-size-regular-mobile-lg:1.75rem;--db-typography-regular-mobile-body-md-line-height:1.5;--db-typography-regular-mobile-body-md-font-size:1rem;--db-base-icon-weight-regular-mobile-md:24;--db-base-icon-font-size-regular-mobile-md:1.5rem;--db-typography-regular-mobile-body-sm-line-height:1.4285714285714286;--db-typography-regular-mobile-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-mobile-sm:20;--db-base-icon-font-size-regular-mobile-sm:1.25rem;--db-typography-regular-mobile-body-xl-line-height:1.4;--db-typography-regular-mobile-body-xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-xl:28;--db-base-icon-font-size-regular-mobile-xl:1.75rem;--db-typography-regular-mobile-body-xs-line-height:1.3333333333333333;--db-typography-regular-mobile-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-mobile-xs:16;--db-base-icon-font-size-regular-mobile-xs:1rem;--db-typography-regular-mobile-body-2xl-line-height:1.4;--db-typography-regular-mobile-body-2xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-2xl:28;--db-base-icon-font-size-regular-mobile-2xl:1.75rem;--db-typography-regular-mobile-body-3xl-line-height:1.4;--db-typography-regular-mobile-body-3xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-3xl:28;--db-base-icon-font-size-regular-mobile-3xl:1.75rem;--db-typography-regular-mobile-body-2xs-line-height:1.4;--db-typography-regular-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-2xs:14;--db-base-icon-font-size-regular-mobile-2xs:0.875rem;--db-typography-regular-mobile-body-3xs-line-height:1.4;--db-typography-regular-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-3xs:14;--db-base-icon-font-size-regular-mobile-3xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-base-icon-weight-regular-mobile-headline-lg:32;--db-base-icon-font-size-regular-mobile-headline-lg:2rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-base-icon-weight-regular-mobile-headline-md:28;--db-base-icon-font-size-regular-mobile-headline-md:1.75rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-base-icon-weight-regular-mobile-headline-sm:24;--db-base-icon-font-size-regular-mobile-headline-sm:1.5rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-xl:40;--db-base-icon-font-size-regular-mobile-headline-xl:2.5rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-base-icon-weight-regular-mobile-headline-xs:20;--db-base-icon-font-size-regular-mobile-headline-xs:1.25rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-2xl:40;--db-base-icon-font-size-regular-mobile-headline-2xl:2.5rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-2xs:16;--db-base-icon-font-size-regular-mobile-headline-2xs:1rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-3xl:40;--db-base-icon-font-size-regular-mobile-headline-3xl:2.5rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-3xs:16;--db-base-icon-font-size-regular-mobile-headline-3xs:1rem;--db-typography-regular-tablet-body-lg-line-height:1.4;--db-typography-regular-tablet-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-tablet-lg:28;--db-base-icon-font-size-regular-tablet-lg:1.75rem;--db-typography-regular-tablet-body-md-line-height:1.5;--db-typography-regular-tablet-body-md-font-size:1rem;--db-base-icon-weight-regular-tablet-md:24;--db-base-icon-font-size-regular-tablet-md:1.5rem;--db-typography-regular-tablet-body-sm-line-height:1.4285714285714286;--db-typography-regular-tablet-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-tablet-sm:20;--db-base-icon-font-size-regular-tablet-sm:1.25rem;--db-typography-regular-tablet-body-xl-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-tablet-xl:32;--db-base-icon-font-size-regular-tablet-xl:2rem;--db-typography-regular-tablet-body-xs-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-tablet-xs:16;--db-base-icon-font-size-regular-tablet-xs:1rem;--db-typography-regular-tablet-body-2xl-line-height:1.4285714285714286;--db-typography-regular-tablet-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-tablet-2xl:40;--db-base-icon-font-size-regular-tablet-2xl:2.5rem;--db-typography-regular-tablet-body-3xl-line-height:1.5;--db-typography-regular-tablet-body-3xl-font-size:2rem;--db-base-icon-weight-regular-tablet-3xl:48;--db-base-icon-font-size-regular-tablet-3xl:3rem;--db-typography-regular-tablet-body-2xs-line-height:1.4;--db-typography-regular-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-2xs:14;--db-base-icon-font-size-regular-tablet-2xs:0.875rem;--db-typography-regular-tablet-body-3xs-line-height:1.4;--db-typography-regular-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-3xs:14;--db-base-icon-font-size-regular-tablet-3xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-base-icon-weight-regular-tablet-headline-lg:40;--db-base-icon-font-size-regular-tablet-headline-lg:2.5rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-base-icon-weight-regular-tablet-headline-md:32;--db-base-icon-font-size-regular-tablet-headline-md:2rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-base-icon-weight-regular-tablet-headline-sm:28;--db-base-icon-font-size-regular-tablet-headline-sm:1.75rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-base-icon-weight-regular-tablet-headline-xl:48;--db-base-icon-font-size-regular-tablet-headline-xl:3rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-base-icon-weight-regular-tablet-headline-xs:24;--db-base-icon-font-size-regular-tablet-headline-xs:1.5rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-2xl:64;--db-base-icon-font-size-regular-tablet-headline-2xl:4rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-2xs:20;--db-base-icon-font-size-regular-tablet-headline-2xs:1.25rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-3xl:64;--db-base-icon-font-size-regular-tablet-headline-3xl:4rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-3xs:20;--db-base-icon-font-size-regular-tablet-headline-3xs:1.25rem;--db-typography-functional-desktop-body-lg-line-height:1.5;--db-typography-functional-desktop-body-lg-font-size:1rem;--db-base-icon-weight-functional-desktop-lg:24;--db-base-icon-font-size-functional-desktop-lg:1.5rem;--db-typography-functional-desktop-body-md-line-height:1.4285714285714286;--db-typography-functional-desktop-body-md-font-size:0.875rem;--db-base-icon-weight-functional-desktop-md:20;--db-base-icon-font-size-functional-desktop-md:1.25rem;--db-typography-functional-desktop-body-sm-line-height:1.3333333333333333;--db-typography-functional-desktop-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-desktop-sm:16;--db-base-icon-font-size-functional-desktop-sm:1rem;--db-typography-functional-desktop-body-xl-line-height:1.4;--db-typography-functional-desktop-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-desktop-xl:28;--db-base-icon-font-size-functional-desktop-xl:1.75rem;--db-typography-functional-desktop-body-xs-line-height:1.4;--db-typography-functional-desktop-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-xs:14;--db-base-icon-font-size-functional-desktop-xs:0.875rem;--db-typography-functional-desktop-body-2xl-line-height:1.3333333333333333;--db-typography-functional-desktop-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-desktop-2xl:32;--db-base-icon-font-size-functional-desktop-2xl:2rem;--db-typography-functional-desktop-body-3xl-line-height:1.4285714285714286;--db-typography-functional-desktop-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-desktop-3xl:40;--db-base-icon-font-size-functional-desktop-3xl:2.5rem;--db-typography-functional-desktop-body-2xs-line-height:1.4;--db-typography-functional-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-2xs:14;--db-base-icon-font-size-functional-desktop-2xs:0.875rem;--db-typography-functional-desktop-body-3xs-line-height:1.4;--db-typography-functional-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-3xs:14;--db-base-icon-font-size-functional-desktop-3xs:0.875rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-desktop-headline-lg:32;--db-base-icon-font-size-functional-desktop-headline-lg:2rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-desktop-headline-md:28;--db-base-icon-font-size-functional-desktop-headline-md:1.75rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-desktop-headline-sm:24;--db-base-icon-font-size-functional-desktop-headline-sm:1.5rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-base-icon-weight-functional-desktop-headline-xl:40;--db-base-icon-font-size-functional-desktop-headline-xl:2.5rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-base-icon-weight-functional-desktop-headline-xs:20;--db-base-icon-font-size-functional-desktop-headline-xs:1.25rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-2xl:48;--db-base-icon-font-size-functional-desktop-headline-2xl:3rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-2xs:16;--db-base-icon-font-size-functional-desktop-headline-2xs:1rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-3xl:48;--db-base-icon-font-size-functional-desktop-headline-3xl:3rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-3xs:16;--db-base-icon-font-size-functional-desktop-headline-3xs:1rem;--db-typography-functional-tablet-body-lg-line-height:1.5;--db-typography-functional-tablet-body-lg-font-size:1rem;--db-base-icon-weight-functional-tablet-lg:24;--db-base-icon-font-size-functional-tablet-lg:1.5rem;--db-typography-functional-tablet-body-md-line-height:1.4285714285714286;--db-typography-functional-tablet-body-md-font-size:0.875rem;--db-base-icon-weight-functional-tablet-md:20;--db-base-icon-font-size-functional-tablet-md:1.25rem;--db-typography-functional-tablet-body-sm-line-height:1.3333333333333333;--db-typography-functional-tablet-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-tablet-sm:16;--db-base-icon-font-size-functional-tablet-sm:1rem;--db-typography-functional-tablet-body-xl-line-height:1.4;--db-typography-functional-tablet-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-tablet-xl:28;--db-base-icon-font-size-functional-tablet-xl:1.75rem;--db-typography-functional-tablet-body-xs-line-height:1.4;--db-typography-functional-tablet-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-xs:14;--db-base-icon-font-size-functional-tablet-xs:0.875rem;--db-typography-functional-tablet-body-2xl-line-height:1.3333333333333333;--db-typography-functional-tablet-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-tablet-2xl:32;--db-base-icon-font-size-functional-tablet-2xl:2rem;--db-typography-functional-tablet-body-3xl-line-height:1.4285714285714286;--db-typography-functional-tablet-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-tablet-3xl:40;--db-base-icon-font-size-functional-tablet-3xl:2.5rem;--db-typography-functional-tablet-body-2xs-line-height:1.4;--db-typography-functional-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-2xs:14;--db-base-icon-font-size-functional-tablet-2xs:0.875rem;--db-typography-functional-tablet-body-3xs-line-height:1.4;--db-typography-functional-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-3xs:14;--db-base-icon-font-size-functional-tablet-3xs:0.875rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-tablet-headline-lg:32;--db-base-icon-font-size-functional-tablet-headline-lg:2rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-tablet-headline-md:28;--db-base-icon-font-size-functional-tablet-headline-md:1.75rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-tablet-headline-sm:24;--db-base-icon-font-size-functional-tablet-headline-sm:1.5rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-xl:40;--db-base-icon-font-size-functional-tablet-headline-xl:2.5rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-base-icon-weight-functional-tablet-headline-xs:20;--db-base-icon-font-size-functional-tablet-headline-xs:1.25rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-2xl:40;--db-base-icon-font-size-functional-tablet-headline-2xl:2.5rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-2xs:16;--db-base-icon-font-size-functional-tablet-headline-2xs:1rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-3xl:40;--db-base-icon-font-size-functional-tablet-headline-3xl:2.5rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-3xs:16;--db-base-icon-font-size-functional-tablet-headline-3xs:1rem;--db-typography-functional-mobile-body-lg-line-height:1.5;--db-typography-functional-mobile-body-lg-font-size:1rem;--db-base-icon-weight-functional-mobile-lg:24;--db-base-icon-font-size-functional-mobile-lg:1.5rem;--db-typography-functional-mobile-body-md-line-height:1.4285714285714286;--db-typography-functional-mobile-body-md-font-size:0.875rem;--db-base-icon-weight-functional-mobile-md:20;--db-base-icon-font-size-functional-mobile-md:1.25rem;--db-typography-functional-mobile-body-sm-line-height:1.3333333333333333;--db-typography-functional-mobile-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-mobile-sm:16;--db-base-icon-font-size-functional-mobile-sm:1rem;--db-typography-functional-mobile-body-xl-line-height:1.5;--db-typography-functional-mobile-body-xl-font-size:1rem;--db-base-icon-weight-functional-mobile-xl:24;--db-base-icon-font-size-functional-mobile-xl:1.5rem;--db-typography-functional-mobile-body-xs-line-height:1.4;--db-typography-functional-mobile-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-xs:14;--db-base-icon-font-size-functional-mobile-xs:0.875rem;--db-typography-functional-mobile-body-2xl-line-height:1.5;--db-typography-functional-mobile-body-2xl-font-size:1rem;--db-base-icon-weight-functional-mobile-2xl:24;--db-base-icon-font-size-functional-mobile-2xl:1.5rem;--db-typography-functional-mobile-body-3xl-line-height:1.5;--db-typography-functional-mobile-body-3xl-font-size:1rem;--db-base-icon-weight-functional-mobile-3xl:24;--db-base-icon-font-size-functional-mobile-3xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.4;--db-typography-functional-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-2xs:14;--db-base-icon-font-size-functional-mobile-2xs:0.875rem;--db-typography-functional-mobile-body-3xs-line-height:1.4;--db-typography-functional-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-3xs:14;--db-base-icon-font-size-functional-mobile-3xs:0.875rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-base-icon-weight-functional-mobile-headline-lg:28;--db-base-icon-font-size-functional-mobile-headline-lg:1.75rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-base-icon-weight-functional-mobile-headline-md:24;--db-base-icon-font-size-functional-mobile-headline-md:1.5rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-base-icon-weight-functional-mobile-headline-sm:20;--db-base-icon-font-size-functional-mobile-headline-sm:1.25rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-xl:32;--db-base-icon-font-size-functional-mobile-headline-xl:2rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-xs:16;--db-base-icon-font-size-functional-mobile-headline-xs:1rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-2xl:32;--db-base-icon-font-size-functional-mobile-headline-2xl:2rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-2xs:16;--db-base-icon-font-size-functional-mobile-headline-2xs:1rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-3xl:32;--db-base-icon-font-size-functional-mobile-headline-3xl:2rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-3xs:16;--db-base-icon-font-size-functional-mobile-headline-3xs:1rem;--db-typography-expressive-desktop-body-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-lg:32;--db-base-icon-font-size-expressive-desktop-lg:2rem;--db-typography-expressive-desktop-body-md-line-height:1.4;--db-typography-expressive-desktop-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-md:28;--db-base-icon-font-size-expressive-desktop-md:1.75rem;--db-typography-expressive-desktop-body-sm-line-height:1.5;--db-typography-expressive-desktop-body-sm-font-size:1rem;--db-base-icon-weight-expressive-desktop-sm:24;--db-base-icon-font-size-expressive-desktop-sm:1.5rem;--db-typography-expressive-desktop-body-xl-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-xl:40;--db-base-icon-font-size-expressive-desktop-xl:2.5rem;--db-typography-expressive-desktop-body-xs-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-desktop-xs:20;--db-base-icon-font-size-expressive-desktop-xs:1.25rem;--db-typography-expressive-desktop-body-2xl-line-height:1.5;--db-typography-expressive-desktop-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-desktop-2xl:48;--db-base-icon-font-size-expressive-desktop-2xl:3rem;--db-typography-expressive-desktop-body-3xl-line-height:1.6;--db-typography-expressive-desktop-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-3xl:64;--db-base-icon-font-size-expressive-desktop-3xl:4rem;--db-typography-expressive-desktop-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-desktop-2xs:16;--db-base-icon-font-size-expressive-desktop-2xs:1rem;--db-typography-expressive-desktop-body-3xs-line-height:1.4;--db-typography-expressive-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-desktop-3xs:14;--db-base-icon-font-size-expressive-desktop-3xs:0.875rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-base-icon-weight-expressive-desktop-headline-lg:64;--db-base-icon-font-size-expressive-desktop-headline-lg:4rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-headline-md:48;--db-base-icon-font-size-expressive-desktop-headline-md:3rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-base-icon-weight-expressive-desktop-headline-sm:40;--db-base-icon-font-size-expressive-desktop-headline-sm:2.5rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-base-icon-weight-expressive-desktop-headline-xl:80;--db-base-icon-font-size-expressive-desktop-headline-xl:5rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-headline-xs:32;--db-base-icon-font-size-expressive-desktop-headline-xs:2rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-base-icon-weight-expressive-desktop-headline-2xl:96;--db-base-icon-font-size-expressive-desktop-headline-2xl:6rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-headline-2xs:28;--db-base-icon-font-size-expressive-desktop-headline-2xs:1.75rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-base-icon-weight-expressive-desktop-headline-3xl:120;--db-base-icon-font-size-expressive-desktop-headline-3xl:7.5rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-headline-3xs:24;--db-base-icon-font-size-expressive-desktop-headline-3xs:1.5rem;--db-typography-expressive-tablet-body-lg-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-lg:32;--db-base-icon-font-size-expressive-tablet-lg:2rem;--db-typography-expressive-tablet-body-md-line-height:1.4;--db-typography-expressive-tablet-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-md:28;--db-base-icon-font-size-expressive-tablet-md:1.75rem;--db-typography-expressive-tablet-body-sm-line-height:1.5;--db-typography-expressive-tablet-body-sm-font-size:1rem;--db-base-icon-weight-expressive-tablet-sm:24;--db-base-icon-font-size-expressive-tablet-sm:1.5rem;--db-typography-expressive-tablet-body-xl-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-xl:40;--db-base-icon-font-size-expressive-tablet-xl:2.5rem;--db-typography-expressive-tablet-body-xs-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-tablet-xs:20;--db-base-icon-font-size-expressive-tablet-xs:1.25rem;--db-typography-expressive-tablet-body-2xl-line-height:1.5;--db-typography-expressive-tablet-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-tablet-2xl:48;--db-base-icon-font-size-expressive-tablet-2xl:3rem;--db-typography-expressive-tablet-body-3xl-line-height:1.6;--db-typography-expressive-tablet-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-3xl:64;--db-base-icon-font-size-expressive-tablet-3xl:4rem;--db-typography-expressive-tablet-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-tablet-2xs:16;--db-base-icon-font-size-expressive-tablet-2xs:1rem;--db-typography-expressive-tablet-body-3xs-line-height:1.4;--db-typography-expressive-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-tablet-3xs:14;--db-base-icon-font-size-expressive-tablet-3xs:0.875rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-headline-lg:48;--db-base-icon-font-size-expressive-tablet-headline-lg:3rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-base-icon-weight-expressive-tablet-headline-md:40;--db-base-icon-font-size-expressive-tablet-headline-md:2.5rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-headline-sm:32;--db-base-icon-font-size-expressive-tablet-headline-sm:2rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-base-icon-weight-expressive-tablet-headline-xl:64;--db-base-icon-font-size-expressive-tablet-headline-xl:4rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-headline-xs:28;--db-base-icon-font-size-expressive-tablet-headline-xs:1.75rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-base-icon-weight-expressive-tablet-headline-2xl:80;--db-base-icon-font-size-expressive-tablet-headline-2xl:5rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-2xs:24;--db-base-icon-font-size-expressive-tablet-headline-2xs:1.5rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-base-icon-weight-expressive-tablet-headline-3xl:96;--db-base-icon-font-size-expressive-tablet-headline-3xl:6rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-3xs:24;--db-base-icon-font-size-expressive-tablet-headline-3xs:1.5rem;--db-typography-expressive-mobile-body-lg-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-lg:32;--db-base-icon-font-size-expressive-mobile-lg:2rem;--db-typography-expressive-mobile-body-md-line-height:1.4;--db-typography-expressive-mobile-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-md:28;--db-base-icon-font-size-expressive-mobile-md:1.75rem;--db-typography-expressive-mobile-body-sm-line-height:1.5;--db-typography-expressive-mobile-body-sm-font-size:1rem;--db-base-icon-weight-expressive-mobile-sm:24;--db-base-icon-font-size-expressive-mobile-sm:1.5rem;--db-typography-expressive-mobile-body-xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-xl:32;--db-base-icon-font-size-expressive-mobile-xl:2rem;--db-typography-expressive-mobile-body-xs-line-height:1.4285714285714286;--db-typography-expressive-mobile-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-mobile-xs:20;--db-base-icon-font-size-expressive-mobile-xs:1.25rem;--db-typography-expressive-mobile-body-2xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-2xl:32;--db-base-icon-font-size-expressive-mobile-2xl:2rem;--db-typography-expressive-mobile-body-3xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-3xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-3xl:32;--db-base-icon-font-size-expressive-mobile-3xl:2rem;--db-typography-expressive-mobile-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-mobile-2xs:16;--db-base-icon-font-size-expressive-mobile-2xs:1rem;--db-typography-expressive-mobile-body-3xs-line-height:1.4;--db-typography-expressive-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-mobile-3xs:14;--db-base-icon-font-size-expressive-mobile-3xs:0.875rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-base-icon-weight-expressive-mobile-headline-lg:40;--db-base-icon-font-size-expressive-mobile-headline-lg:2.5rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-base-icon-weight-expressive-mobile-headline-md:32;--db-base-icon-font-size-expressive-mobile-headline-md:2rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-headline-sm:28;--db-base-icon-font-size-expressive-mobile-headline-sm:1.75rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-xl:48;--db-base-icon-font-size-expressive-mobile-headline-xl:3rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-headline-xs:24;--db-base-icon-font-size-expressive-mobile-headline-xs:1.5rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-2xl:48;--db-base-icon-font-size-expressive-mobile-headline-2xl:3rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-2xs:20;--db-base-icon-font-size-expressive-mobile-headline-2xs:1.25rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-3xl:48;--db-base-icon-font-size-expressive-mobile-headline-3xl:3rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-3xs:20;--db-base-icon-font-size-expressive-mobile-headline-3xs:1.25rem;--db-border-height-sm:0.0625rem;--db-border-height-md:0.125rem;--db-border-height-lg:0.25rem;--db-border-radius-sm:0.15625rem;--db-border-radius-md:0.25rem;--db-border-radius-lg:0.5rem;--db-border-radius-3xl:2.625rem;--db-opacity-sm:0.25;--db-opacity-md:0.5;--db-opacity-lg:0.75;--db-elevation-sm:0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);--db-elevation-md:0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14);--db-elevation-lg:0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14);--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}@media(prefers-color-scheme:dark){:root{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}}[data-color-scheme=light]{--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}[data-color-scheme=dark]{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}:root{--db-transition-duration-x-slow:0.5s;--db-transition-duration-slow:0.4s;--db-transition-duration-medium:0.3s;--db-transition-duration-fast:0.15s;--db-transition-duration-x-fast:0.075s;--db-transition-show-timing:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-show-straight:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-hide-straight:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-emotional-timing:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-emotional-straight:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-functional-timing:cubic-bezier(0.15,0,0.45,1);--db-transition-functional-straight:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-db-screensans-regular-name:"DB Screen Sans Regular";--db-font-db-screensans-regular-local-name:DB Screen Sans;--db-font-db-screensans-regular-local-name-short:DB Sans;--db-font-db-screensans-regular-font-family:"DB Screen Sans";--db-font-db-screensans-regular-font-weight:400;--db-font-db-screensans-regular-woff2:"dbscreensans-regular.woff2";--db-font-db-screensans-bold-name:"DB Screen Sans Bold";--db-font-db-screensans-bold-local-name:DB Screen Sans Bold;--db-font-db-screensans-bold-local-name-short:DB Sans Bold;--db-font-db-screensans-bold-font-family:"DB Screen Sans";--db-font-db-screensans-bold-font-weight:700;--db-font-db-screensans-bold-woff2:"dbscreensans-bold.woff2";--db-font-db-screenhead-light-name:"DB Screen Head Light";--db-font-db-screenhead-light-local-name:DB Screen Head;--db-font-db-screenhead-light-local-name-short:DB Head Light;--db-font-db-screenhead-light-font-family:"DB Screen Head";--db-font-db-screenhead-light-font-weight:300;--db-font-db-screenhead-light-woff2:"dbscreenhead-light.woff2";--db-font-db-screenhead-black-name:"DB Screen Head Black";--db-font-db-screenhead-black-local-name:DB Screen Head #000;--db-font-db-screenhead-black-local-name-short:DB Head #000;--db-font-db-screenhead-black-font-family:"DB Screen Head";--db-font-db-screenhead-black-font-weight:900;--db-font-db-screenhead-black-woff2:"dbscreenhead-black.woff2";--db-font-db-screensans-digital-regular-name:"DB Screen Sans Digital Regular";--db-font-db-screensans-digital-regular-local-name:DB Screen Sans Digital;--db-font-db-screensans-digital-regular-local-name-short:DB Sans Digital;--db-font-db-screensans-digital-regular-font-family:"DB Screen Sans Digital";--db-font-db-screensans-digital-regular-font-weight:400;--db-font-db-screensans-digital-regular-woff2:"dbscreensans-digitalregular.woff2";--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-font-family-bold:"DB Screen Sans",Helvetica,Arial,sans-serif}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.572f38ad.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.c7b5969c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.04b05fa3.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.c7ee2436.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.9c662863.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.2a3eb5f7.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.11811a50.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.9b68f67a.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.4102df6c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.6d2bd18d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.979088f4.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.6ef8fd70.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.326752e0.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.07b16c47.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:400;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.4885ed2b.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:16;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.d944524d.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:20;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.5e39c2f5.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:24;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.9f06d094.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:32;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.b089bbca.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:48;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.d5549f5c.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:64;src:url(/mono/review/fix-react-attributes/_next/static/media/db-ux.b556c519.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=solid]:after,[data-icon-variant-before=solid]:before,[data-icon-variant=solid]:before{--db-icon-font-family:"db-ux-solid"}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}.db-bg-base,.db-bg-base-interactive,.db-bg-base-strong,.db-bg-base-transparent-full,.db-bg-base-transparent-semi{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled))}.db-bg-base,.db-bg-base-interactive,.db-bg-base-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-base-transparent-full,.db-bg-base-transparent-semi{color:var(--db-base-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-base-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-base-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-base-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-base,[data-emphasis=weak].db-bg-base-interactive,[data-emphasis=weak].db-bg-base-strong{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-base-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-bg-neutral,.db-bg-neutral-interactive,.db-bg-neutral-strong,.db-bg-neutral-transparent-full,.db-bg-neutral-transparent-semi{--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-bg-neutral,.db-bg-neutral-interactive,.db-bg-neutral-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-neutral-transparent-full,.db-bg-neutral-transparent-semi{color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-neutral-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-neutral-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-neutral-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-neutral,[data-emphasis=weak].db-bg-neutral-interactive,[data-emphasis=weak].db-bg-neutral-strong{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-neutral-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-strong-enabled))}.db-bg-brand,.db-bg-brand-interactive,.db-bg-brand-strong,.db-bg-brand-transparent-full,.db-bg-brand-transparent-semi{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled))}.db-bg-brand,.db-bg-brand-interactive,.db-bg-brand-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-brand-transparent-full,.db-bg-brand-transparent-semi{color:var(--db-brand-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-brand-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-brand-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-brand-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-brand,[data-emphasis=weak].db-bg-brand-interactive,[data-emphasis=weak].db-bg-brand-strong{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-brand-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-strong-enabled))}.db-bg-critical,.db-bg-critical-interactive,.db-bg-critical-strong,.db-bg-critical-transparent-full,.db-bg-critical-transparent-semi{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-bg-critical,.db-bg-critical-interactive,.db-bg-critical-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-critical-transparent-full,.db-bg-critical-transparent-semi{color:var(--db-critical-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-critical-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-critical-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-critical-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-critical,[data-emphasis=weak].db-bg-critical-interactive,[data-emphasis=weak].db-bg-critical-strong{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-critical-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-strong-enabled))}.db-bg-successful,.db-bg-successful-interactive,.db-bg-successful-strong,.db-bg-successful-transparent-full,.db-bg-successful-transparent-semi{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-bg-successful,.db-bg-successful-interactive,.db-bg-successful-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-successful-transparent-full,.db-bg-successful-transparent-semi{color:var(--db-successful-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-successful-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-successful-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-successful-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-successful,[data-emphasis=weak].db-bg-successful-interactive,[data-emphasis=weak].db-bg-successful-strong{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-successful-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-strong-enabled))}.db-bg-warning,.db-bg-warning-interactive,.db-bg-warning-strong,.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-bg-warning,.db-bg-warning-interactive,.db-bg-warning-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi{color:var(--db-warning-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-warning-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-warning-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-warning-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-warning,[data-emphasis=weak].db-bg-warning-interactive,[data-emphasis=weak].db-bg-warning-strong{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-warning-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-strong-enabled))}.db-bg-informational,.db-bg-informational-interactive,.db-bg-informational-strong,.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-bg-informational,.db-bg-informational-interactive,.db-bg-informational-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{color:var(--db-informational-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-informational-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-informational-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-informational-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-informational,[data-emphasis=weak].db-bg-informational-interactive,[data-emphasis=weak].db-bg-informational-strong{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-informational-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-strong-enabled))}.db-font-size-3xl{--db-icon-font-weight:var(--db-base-icon-weight-3xl);--db-icon-font-size:var(--db-base-icon-font-size-3xl);--db-base-line-height:var(--db-type-body-line-height-3xl);--db-base-font-size:var(--db-type-body-font-size-3xl);line-height:var(--db-type-body-line-height-3xl);font-size:var(--db-type-body-font-size-3xl)}.db-font-size-2xl{--db-icon-font-weight:var(--db-base-icon-weight-2xl);--db-icon-font-size:var(--db-base-icon-font-size-2xl);--db-base-line-height:var(--db-type-body-line-height-2xl);--db-base-font-size:var(--db-type-body-font-size-2xl);line-height:var(--db-type-body-line-height-2xl);font-size:var(--db-type-body-font-size-2xl)}.db-font-size-xl{--db-icon-font-weight:var(--db-base-icon-weight-xl);--db-icon-font-size:var(--db-base-icon-font-size-xl);--db-base-line-height:var(--db-type-body-line-height-xl);--db-base-font-size:var(--db-type-body-font-size-xl);line-height:var(--db-type-body-line-height-xl);font-size:var(--db-type-body-font-size-xl)}.db-font-size-lg{--db-icon-font-weight:var(--db-base-icon-weight-lg);--db-icon-font-size:var(--db-base-icon-font-size-lg);--db-base-line-height:var(--db-type-body-line-height-lg);--db-base-font-size:var(--db-type-body-font-size-lg);line-height:var(--db-type-body-line-height-lg);font-size:var(--db-type-body-font-size-lg)}.db-font-size-md{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-font-size-sm{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-font-size-xs{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-font-size-2xs{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-font-size-3xs{--db-icon-font-weight:var(--db-base-icon-weight-3xs);--db-icon-font-size:var(--db-base-icon-font-size-3xs);--db-base-line-height:var(--db-type-body-line-height-3xs);--db-base-font-size:var(--db-type-body-font-size-3xs);line-height:var(--db-type-body-line-height-3xs);font-size:var(--db-type-body-font-size-3xs)}body{-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-main{scroll-behavior:smooth}#__next,#__next>div{height:inherit}db-mainnavigation{margin:auto}github-version-switcher{margin:auto 16px}iframe{width:100%;height:calc(100% - 8px)!important}.example-list dd{-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md);max-width:500px}.code-pre-wrap{white-space:pre-wrap}.iframe-component-container{display:flex;flex-direction:column}.iframe-component-container .flex{display:flex;gap:var(--db-spacing-fixed-sm)}.iframe-component-container .flex[data-variant=column]{flex-direction:column}.base-64-container{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.base-64-container span{word-break:break-all}.noh1 h1{display:none}.is-properties{height:100%;overflow:auto}.is-properties h1,.is-properties h2{display:none}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid var(--db-neutral-border-weak-enabled);padding:var(--db-spacing-fixed-md);max-width:33vw}table th{padding-inline:var(--db-spacing-fixed-md)}.version-switcher{max-width:var(--db-sizing-3xl)}div[class^=ch-] div,div[class^=ch-] span{color:#fff}.ch-frame-buttons{display:none!important}.db-section[data-size=none]{-webkit-padding-after:var(--db-spacing-fixed-xl);padding-block-end:var(--db-spacing-fixed-xl)}.color-overview-container,.example-container,.icons-filter-container,.icons-overview-container{--columns:1;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.color-overview-container:not([data-force-mobile]),.example-container:not([data-force-mobile]),.icons-filter-container:not([data-force-mobile]),.icons-overview-container:not([data-force-mobile]),[data-force-mobile=false].color-overview-container,[data-force-mobile=false].example-container,[data-force-mobile=false].icons-filter-container,[data-force-mobile=false].icons-overview-container{--columns:3}}.icons-overview-container{--columns:2;padding:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.icons-overview-container:not([data-force-mobile]),.icons-overview-container[data-force-mobile=false]{--columns:7}}.icons-overview-container>.db-card{justify-content:center;align-items:center}.icons-overview-container>.db-card .db-infotext{word-break:break-word}.color-overview-container,.color-overview-container>div{padding:var(--db-spacing-fixed-md)}.color-overview-container>div{display:flex;justify-content:center;align-items:center;border:1px solid #000}.tonality-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.tonality-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-regular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-functional{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.example-container p{margin:0}.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{height:100%;display:flex;justify-content:center;position:absolute;align-items:center}.example-container .example-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-spacing-fixed,.example-container .example-item .example-spacing-responsive{border:1px solid #000}.example-container .example-item .example-spacing-fixed>div,.example-container .example-item .example-spacing-responsive>div{display:flex;border:1px solid var(--db-informational-text-enabled);position:relative}.example-container .example-item .example-spacing-fixed>div{gap:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2{width:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1{left:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-fixed .gap2{right:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-responsive>div{margin-inline:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{width:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1{left:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-spacing-responsive .margin2{right:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-sizing>div{display:flex;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-sizing .sizing{position:unset;block-size:var(--db-sizing-md);inline-size:var(--db-sizing-md)}.color-schemes-container{padding:var(--db-spacing-fixed-md);border:1px dashed var(--db-current-color);display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(2,minmax(0,1fr))}.color-schemes-container .db-button{grid-column:span 2/span 2}.color-schemes-container .db-tag{-webkit-margin-start:auto;margin-inline-start:auto}.color-schemes-container section{padding:var(--db-spacing-fixed-md)}h1 a:is(.header-link),h2 a:is(.header-link),h3 a:is(.header-link),h4 a:is(.header-link),h5 a:is(.header-link),h6 a:is(.header-link){display:inline-block;margin-block:auto;-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs);visibility:hidden;text-decoration:none;font-size:0}h1:hover a:is(.header-link),h2:hover a:is(.header-link),h3:hover a:is(.header-link),h4:hover a:is(.header-link),h5:hover a:is(.header-link),h6:hover a:is(.header-link){visibility:visible}.db-code-docs{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-margin-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));margin-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.db-code-docs .code-details{display:flex}.db-code-docs .code-details[open]{inset-inline-start:0;inset-block-start:0}.db-code-docs .code-details .code-button{position:absolute;inset-block-end:calc(-1*(var(--db-spacing-fixed-sm) + var(--db-sizing-sm)));inset-inline-end:var(--db-spacing-fixed-sm);z-index:1;cursor:pointer}.db-code-docs .code-details .code-button::-webkit-details-marker{display:none}.db-code-docs .code-details .no-code{margin:auto}.db-code-docs .code-details .backdrop{border-radius:var(--db-border-radius-lg);position:absolute;inset:0}.db-code-docs .code-details .code{overflow:auto;position:absolute;inset:0;z-index:1;margin:var(--db-spacing-fixed-md);display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}.db-code-docs .code-details .code .tab-container{position:relative}.db-code-docs .code-details .code .tab-container .copy-button{position:absolute;inset-inline-end:var(--db-spacing-fixed-sm);inset-block-start:var(--db-spacing-fixed-sm)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string,.hljs-number,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_,.hljs-type,.hljs-variable,.hljs-variable.language_{color:var(--db-successful-text-enabled)}.hljs-built_in,.hljs-symbol{color:var(--db-warning-text-enabled)}.hljs-attr{color:var(--db-informational-text-enabled)}.hljs-code,.hljs-comment,.hljs-formula,.hljs-meta{color:var(--db-current-color)}.hljs-name,.hljs-tag{color:var(--db-warning-text-enabled)}.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--db-successful-text-enabled)}.hljs-subst{color:var(--db-neutral-bg-enabled)}.hljs-section{color:var(--db-informational-text-enabled);font-weight:700}.hljs-bullet{color:var(--db-warning-text-enabled)}.hljs-emphasis{font-style:italic}.hljs-emphasis,.hljs-strong{color:var(--db-current-color)}.hljs-strong{font-weight:700}.hljs-addition{color:var(--db-successful-text-enabled)}.hljs-addition,.hljs-deletion{background-color:var(--db-neutral-text-enabled)}.hljs-deletion{color:var(--db-critical-text-enabled)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.variants-card,.variants-card>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-padding-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list,.variants-list>div{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list>div{align-items:center}.variants-list .db-select,.w-full{inline-size:100%}.variants-list .db-input,.variants-list .db-select,.variants-list .db-textarea{-webkit-margin-before:auto;margin-block-start:auto}.variants-list .db-input:has([placeholder="(Default) Basic"]),.variants-list .db-select:has([placeholder="(Default) Basic"]),.variants-list .db-textarea:has([placeholder="(Default) Basic"]){-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:auto;margin-block-end:auto}.html-code-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container,.input-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{flex-wrap:wrap}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}.fixed-header-footer{overflow:hidden}.tab-hide-article article{display:none!important}.db-page.fixed-header-footer main{overflow-x:hidden} \ No newline at end of file diff --git a/review/fix-react-attributes/base64.html b/review/fix-react-attributes/base64.html index 579440c5b41..0520dd8e2a3 100644 --- a/review/fix-react-attributes/base64.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion-item.html b/review/fix-react-attributes/components/accordion-item.html index bd1f0363d5b..d2eaf6bb2ca 100644 --- a/review/fix-react-attributes/components/accordion-item.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion-item/code/ContentStates.html b/review/fix-react-attributes/components/accordion-item/code/ContentStates.html index c50069264be..f279ad84105 100644 --- a/review/fix-react-attributes/components/accordion-item/code/ContentStates.html +++ b/review/fix-react-attributes/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 headline="Open" [open]="true">Open</db-accordion-item>
    undefined
    <DBAccordionItem headline="Open" open>
   Open
-</DBAccordionItem>
    <DBAccordionItem headline="Open" :open="true">Open</DBAccordionItem>
    
\ No newline at end of file
+</DBAccordionItem>
    <DBAccordionItem headline="Open" :open="true">Open</DBAccordionItem>
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion-item/code/InteractionStates.html b/review/fix-react-attributes/components/accordion-item/code/InteractionStates.html index b08e9fa3b90..017b31c8b31 100644 --- a/review/fix-react-attributes/components/accordion-item/code/InteractionStates.html +++ b/review/fix-react-attributes/components/accordion-item/code/InteractionStates.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion-item headline="Enabled (Default)/Hover/Pressed">
+DB UI Mono
    <db-accordion-item headline="Enabled (Default)/Hover/Pressed">
   Enabled (Default)/Hover/Pressed
 </db-accordion-item>
    undefined
    <DBAccordionItem headline="Enabled (Default)/Hover/Pressed">
   Enabled (Default)/Hover/Pressed
@@ -6,4 +6,4 @@
   Enabled (Default)/Hover/Pressed
 </DBAccordionItem>
    <db-accordion-item headline="Disabled" [disabled]="true">Disabled</db-accordion-item>
    undefined
    <DBAccordionItem headline="Disabled" disabled>
   Disabled
-</DBAccordionItem>
    <DBAccordionItem headline="Disabled" :disabled="true">Disabled</DBAccordionItem>
    
\ No newline at end of file
+</DBAccordionItem>
    <DBAccordionItem headline="Disabled" :disabled="true">Disabled</DBAccordionItem>
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion-item/code/Tonality.html b/review/fix-react-attributes/components/accordion-item/code/Tonality.html index 45d092fc47d..82f899140ab 100644 --- a/review/fix-react-attributes/components/accordion-item/code/Tonality.html +++ b/review/fix-react-attributes/components/accordion-item/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion-item headline="Functional">Functional</db-accordion-item>
    <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
+DB UI Mono
    <db-accordion-item headline="Functional">Functional</db-accordion-item>
    <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
   <summary>Functional</summary>
   <div>Functional</div>
 </details>
    <DBAccordionItem headline="Functional">Functional</DBAccordionItem>
    <DBAccordionItem headline="Functional">Functional</DBAccordionItem>
    <db-accordion-item headline="(Default) Regular">
@@ -13,4 +13,4 @@
 </DBAccordionItem>
    <db-accordion-item headline="Expressive">Expressive</db-accordion-item>
    <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
   <summary>Expressive</summary>
   <div>Expressive</div>
-</details>
    <DBAccordionItem headline="Expressive">Expressive</DBAccordionItem>
    <DBAccordionItem headline="Expressive">Expressive</DBAccordionItem>
    
\ No newline at end of file
+</details>
    <DBAccordionItem headline="Expressive">Expressive</DBAccordionItem>
    <DBAccordionItem headline="Expressive">Expressive</DBAccordionItem>
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion-item/docs/Angular.html b/review/fix-react-attributes/components/accordion-item/docs/Angular.html index a4e8187101b..9eea5f002e6 100644 --- a/review/fix-react-attributes/components/accordion-item/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion-item/docs/HTML.html b/review/fix-react-attributes/components/accordion-item/docs/HTML.html index 62b8472ba67..e4342be7d74 100644 --- a/review/fix-react-attributes/components/accordion-item/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion-item/docs/Migration.html b/review/fix-react-attributes/components/accordion-item/docs/Migration.html index 8afaa7f4d06..6a461aee2e9 100644 --- a/review/fix-react-attributes/components/accordion-item/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion-item/docs/React.html b/review/fix-react-attributes/components/accordion-item/docs/React.html index bf0284ad36c..57a6549aac0 100644 --- a/review/fix-react-attributes/components/accordion-item/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion-item/docs/Vue.html b/review/fix-react-attributes/components/accordion-item/docs/Vue.html index af42258772d..4e8418461d3 100644 --- a/review/fix-react-attributes/components/accordion-item/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion-item/how-to-use.html b/review/fix-react-attributes/components/accordion-item/how-to-use.html index d6f56454f89..7f624cfc54c 100644 --- a/review/fix-react-attributes/components/accordion-item/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion-item/migration.html b/review/fix-react-attributes/components/accordion-item/migration.html index 6a83018c735..04e7be5a900 100644 --- a/review/fix-react-attributes/components/accordion-item/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion-item/overview.html b/review/fix-react-attributes/components/accordion-item/overview.html index d45696a5652..e59fcdd2758 100644 --- a/review/fix-react-attributes/components/accordion-item/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion-item/properties.html b/review/fix-react-attributes/components/accordion-item/properties.html index fe71888bc69..45b75324f14 100644 --- a/review/fix-react-attributes/components/accordion-item/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion.html b/review/fix-react-attributes/components/accordion.html index 4c51af2885d..f274e701fa3 100644 --- a/review/fix-react-attributes/components/accordion.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion/code/Behaviour.html b/review/fix-react-attributes/components/accordion/code/Behaviour.html index 0233359bc13..c87d1a05547 100644 --- a/review/fix-react-attributes/components/accordion/code/Behaviour.html +++ b/review/fix-react-attributes/components/accordion/code/Behaviour.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion>
+DB UI Mono
    <db-accordion>
   <db-accordion-item headline="Item 1" content="Content 1"></db-accordion-item>
   <db-accordion-item headline="Item 2" content="Content 2"></db-accordion-item>
   <db-accordion-item headline="Item 3" content="Content 3"></db-accordion-item>
@@ -22,4 +22,4 @@
   <DBAccordionItem headline="Item 1" content="Content 1" />
   <DBAccordionItem headline="Item 2" content="Content 2" />
   <DBAccordionItem headline="Item 3" content="Content 3" />
-</DBAccordion>
    
\ No newline at end of file
+</DBAccordion>
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion/code/Tonality.html b/review/fix-react-attributes/components/accordion/code/Tonality.html index aca0809e824..c02b1540e06 100644 --- a/review/fix-react-attributes/components/accordion/code/Tonality.html +++ b/review/fix-react-attributes/components/accordion/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion>
+DB UI Mono
    <db-accordion>
   <db-accordion-item headline="Item 1" content="Content 1"></db-accordion-item>
   <db-accordion-item headline="Item 2" content="Content 2"></db-accordion-item>
   <db-accordion-item headline="Item 3" content="Content 3"></db-accordion-item>
@@ -34,4 +34,4 @@
   <DBAccordionItem headline="Item 1" content="Content 1" />
   <DBAccordionItem headline="Item 2" content="Content 2" />
   <DBAccordionItem headline="Item 3" content="Content 3" />
-</DBAccordion>
    
\ No newline at end of file
+</DBAccordion>
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion/code/Variant.html b/review/fix-react-attributes/components/accordion/code/Variant.html index 7d120e54260..b7edcaff9da 100644 --- a/review/fix-react-attributes/components/accordion/code/Variant.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion/docs/Angular.html b/review/fix-react-attributes/components/accordion/docs/Angular.html index 4a24c40b51b..e3f13fa4f12 100644 --- a/review/fix-react-attributes/components/accordion/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion/docs/HTML.html b/review/fix-react-attributes/components/accordion/docs/HTML.html index 046563c50a7..2f0fb4bc8d1 100644 --- a/review/fix-react-attributes/components/accordion/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion/docs/Migration.html b/review/fix-react-attributes/components/accordion/docs/Migration.html index 6192371c973..9d1f11d1cbc 100644 --- a/review/fix-react-attributes/components/accordion/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion/docs/React.html b/review/fix-react-attributes/components/accordion/docs/React.html index fdd145548b5..4d70f0664f2 100644 --- a/review/fix-react-attributes/components/accordion/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion/docs/Vue.html b/review/fix-react-attributes/components/accordion/docs/Vue.html index b21ade86b8c..91205863282 100644 --- a/review/fix-react-attributes/components/accordion/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/accordion/how-to-use.html b/review/fix-react-attributes/components/accordion/how-to-use.html index be59663b821..57ebce1ec1c 100644 --- a/review/fix-react-attributes/components/accordion/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion/migration.html b/review/fix-react-attributes/components/accordion/migration.html index c6e4a4a7f96..def3aed0a07 100644 --- a/review/fix-react-attributes/components/accordion/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion/overview.html b/review/fix-react-attributes/components/accordion/overview.html index 4821ead2b41..51105542b31 100644 --- a/review/fix-react-attributes/components/accordion/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/accordion/properties.html b/review/fix-react-attributes/components/accordion/properties.html index de4cb7a2388..110ecb98a69 100644 --- a/review/fix-react-attributes/components/accordion/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert.html b/review/fix-react-attributes/components/alert.html index 21c92f10f8a..bfd6eb8fe57 100644 --- a/review/fix-react-attributes/components/alert.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert/code/Behaviour.html b/review/fix-react-attributes/components/alert/code/Behaviour.html index fa44fb37155..bc43e9b975b 100644 --- a/review/fix-react-attributes/components/alert/code/Behaviour.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert/code/Content.html b/review/fix-react-attributes/components/alert/code/Content.html index 2828c998f7c..51acad89717 100644 --- a/review/fix-react-attributes/components/alert/code/Content.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert/code/Tonality.html b/review/fix-react-attributes/components/alert/code/Tonality.html index 8a4217f87b1..1b13e7e393b 100644 --- a/review/fix-react-attributes/components/alert/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert/code/Type.html b/review/fix-react-attributes/components/alert/code/Type.html index bef8bdd5cf0..6b666544adb 100644 --- a/review/fix-react-attributes/components/alert/code/Type.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert/code/Variant.html b/review/fix-react-attributes/components/alert/code/Variant.html index 82332ad904f..098760b60e7 100644 --- a/review/fix-react-attributes/components/alert/code/Variant.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert/docs/Angular.html b/review/fix-react-attributes/components/alert/docs/Angular.html index b6c35925e5d..9c3592923fb 100644 --- a/review/fix-react-attributes/components/alert/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert/docs/HTML.html b/review/fix-react-attributes/components/alert/docs/HTML.html index 6d8ba23972f..13a32644776 100644 --- a/review/fix-react-attributes/components/alert/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/alert/docs/Migration.html b/review/fix-react-attributes/components/alert/docs/Migration.html index 48f610e4309..0a54a4cbfdb 100644 --- a/review/fix-react-attributes/components/alert/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert/docs/React.html b/review/fix-react-attributes/components/alert/docs/React.html index 0921df41474..61c333f8d75 100644 --- a/review/fix-react-attributes/components/alert/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/alert/docs/Vue.html b/review/fix-react-attributes/components/alert/docs/Vue.html index 9ee46794a00..3f4ba2c59d7 100644 --- a/review/fix-react-attributes/components/alert/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/alert/how-to-use.html b/review/fix-react-attributes/components/alert/how-to-use.html index 21998fada1e..8ea325a66bd 100644 --- a/review/fix-react-attributes/components/alert/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert/migration.html b/review/fix-react-attributes/components/alert/migration.html index c3d6dbcab6f..a798304b24a 100644 --- a/review/fix-react-attributes/components/alert/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert/overview.html b/review/fix-react-attributes/components/alert/overview.html index 8ecee9bc9d2..438f9878679 100644 --- a/review/fix-react-attributes/components/alert/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/alert/properties.html b/review/fix-react-attributes/components/alert/properties.html index dc9dd007241..3f20096cc97 100644 --- a/review/fix-react-attributes/components/alert/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge.html b/review/fix-react-attributes/components/badge.html index 2a08c13204f..1898f8a9ed8 100644 --- a/review/fix-react-attributes/components/badge.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/code/Content.html b/review/fix-react-attributes/components/badge/code/Content.html index 0ece4a390a1..c6e48d26d29 100644 --- a/review/fix-react-attributes/components/badge/code/Content.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/code/Emphasis.html b/review/fix-react-attributes/components/badge/code/Emphasis.html index 1e90a4b046e..1e4c2b3bdba 100644 --- a/review/fix-react-attributes/components/badge/code/Emphasis.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/code/Examples.html b/review/fix-react-attributes/components/badge/code/Examples.html index ddf440b4f3f..8cf2acd9532 100644 --- a/review/fix-react-attributes/components/badge/code/Examples.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/code/Placement.html b/review/fix-react-attributes/components/badge/code/Placement.html index 39e86d2942e..17f10824b1e 100644 --- a/review/fix-react-attributes/components/badge/code/Placement.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/code/Semantic.html b/review/fix-react-attributes/components/badge/code/Semantic.html index 42bbaf97ad7..75be77e82a4 100644 --- a/review/fix-react-attributes/components/badge/code/Semantic.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/code/Size.html b/review/fix-react-attributes/components/badge/code/Size.html index 543d2edd0a0..18890b18d1f 100644 --- a/review/fix-react-attributes/components/badge/code/Size.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/code/Tonality.html b/review/fix-react-attributes/components/badge/code/Tonality.html index 2c60207c93f..0994a16ab96 100644 --- a/review/fix-react-attributes/components/badge/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/docs/Angular.html b/review/fix-react-attributes/components/badge/docs/Angular.html index 68898c4c0f9..4e3435a228d 100644 --- a/review/fix-react-attributes/components/badge/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/docs/HTML.html b/review/fix-react-attributes/components/badge/docs/HTML.html index c09e8470909..d55752b6aa4 100644 --- a/review/fix-react-attributes/components/badge/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/badge/docs/Migration.html b/review/fix-react-attributes/components/badge/docs/Migration.html index d81c7b83c5b..9688d0d539f 100644 --- a/review/fix-react-attributes/components/badge/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/docs/React.html b/review/fix-react-attributes/components/badge/docs/React.html index 826420fc5f7..770066913c4 100644 --- a/review/fix-react-attributes/components/badge/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/badge/docs/Vue.html b/review/fix-react-attributes/components/badge/docs/Vue.html index 075f9b0013e..0412bbe95a6 100644 --- a/review/fix-react-attributes/components/badge/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/badge/how-to-use.html b/review/fix-react-attributes/components/badge/how-to-use.html index 5647f28edf9..2ae8fa89af7 100644 --- a/review/fix-react-attributes/components/badge/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/migration.html b/review/fix-react-attributes/components/badge/migration.html index 68649d8e997..39df221c84e 100644 --- a/review/fix-react-attributes/components/badge/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/overview.html b/review/fix-react-attributes/components/badge/overview.html index acba04784be..26df30d40ba 100644 --- a/review/fix-react-attributes/components/badge/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/badge/properties.html b/review/fix-react-attributes/components/badge/properties.html index 6fa99c25f92..ef0a6de2699 100644 --- a/review/fix-react-attributes/components/badge/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/brand.html b/review/fix-react-attributes/components/brand.html index 382975db787..b3496c872fb 100644 --- a/review/fix-react-attributes/components/brand.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/brand/code/Tonality.html b/review/fix-react-attributes/components/brand/code/Tonality.html index ea5dfd59ead..31559088a1d 100644 --- a/review/fix-react-attributes/components/brand/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/brand/docs/Angular.html b/review/fix-react-attributes/components/brand/docs/Angular.html index 9669935405c..e5193338bcd 100644 --- a/review/fix-react-attributes/components/brand/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/brand/docs/HTML.html b/review/fix-react-attributes/components/brand/docs/HTML.html index b3554fa607e..42fc8fb30f4 100644 --- a/review/fix-react-attributes/components/brand/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/brand/docs/React.html b/review/fix-react-attributes/components/brand/docs/React.html index 6d304640d5d..1a003f159b8 100644 --- a/review/fix-react-attributes/components/brand/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/brand/docs/Vue.html b/review/fix-react-attributes/components/brand/docs/Vue.html index d77f73d98b6..947b623904a 100644 --- a/review/fix-react-attributes/components/brand/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/brand/how-to-use.html b/review/fix-react-attributes/components/brand/how-to-use.html index 59d5321da79..78cda88d71c 100644 --- a/review/fix-react-attributes/components/brand/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/brand/migration.html b/review/fix-react-attributes/components/brand/migration.html index aadc1fe2a4b..9d095c4609f 100644 --- a/review/fix-react-attributes/components/brand/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/brand/overview.html b/review/fix-react-attributes/components/brand/overview.html index b60719d9d91..2b646c4265c 100644 --- a/review/fix-react-attributes/components/brand/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/brand/properties.html b/review/fix-react-attributes/components/brand/properties.html index e8781d2e5aa..13f0c630f02 100644 --- a/review/fix-react-attributes/components/brand/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button.html b/review/fix-react-attributes/components/button.html index ac15c04ddde..8023386b177 100644 --- a/review/fix-react-attributes/components/button.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/code/Behaviour.html b/review/fix-react-attributes/components/button/code/Behaviour.html index f7b63a9d3c0..166c6aa6bd0 100644 --- a/review/fix-react-attributes/components/button/code/Behaviour.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/code/Content.html b/review/fix-react-attributes/components/button/code/Content.html index 39299191da3..72fb20a2497 100644 --- a/review/fix-react-attributes/components/button/code/Content.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/code/Size.html b/review/fix-react-attributes/components/button/code/Size.html index 47fd566af94..8817e0cd9ee 100644 --- a/review/fix-react-attributes/components/button/code/Size.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/code/State.html b/review/fix-react-attributes/components/button/code/State.html index e309427e397..c984d02cb96 100644 --- a/review/fix-react-attributes/components/button/code/State.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/code/Tonality.html b/review/fix-react-attributes/components/button/code/Tonality.html index a7222b0f083..0a7c2dac08f 100644 --- a/review/fix-react-attributes/components/button/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/code/Variant.html b/review/fix-react-attributes/components/button/code/Variant.html index 1c84676f0ca..428da2fa65d 100644 --- a/review/fix-react-attributes/components/button/code/Variant.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/docs/Angular.html b/review/fix-react-attributes/components/button/docs/Angular.html index 515f1272229..8683b4677b2 100644 --- a/review/fix-react-attributes/components/button/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/docs/HTML.html b/review/fix-react-attributes/components/button/docs/HTML.html index 456b7fb9c8d..0954772b9eb 100644 --- a/review/fix-react-attributes/components/button/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/button/docs/Migration.html b/review/fix-react-attributes/components/button/docs/Migration.html index ba566cafbc0..610da64c470 100644 --- a/review/fix-react-attributes/components/button/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/docs/React.html b/review/fix-react-attributes/components/button/docs/React.html index 3c9fbb37e73..5cc77f687df 100644 --- a/review/fix-react-attributes/components/button/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/button/docs/Vue.html b/review/fix-react-attributes/components/button/docs/Vue.html index 3ba43c7728d..e3dae541098 100644 --- a/review/fix-react-attributes/components/button/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/button/how-to-use.html b/review/fix-react-attributes/components/button/how-to-use.html index e4f40db178f..3bbef12bb11 100644 --- a/review/fix-react-attributes/components/button/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/migration.html b/review/fix-react-attributes/components/button/migration.html index 028ccb79fa4..a61350ba11e 100644 --- a/review/fix-react-attributes/components/button/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/overview.html b/review/fix-react-attributes/components/button/overview.html index 66344dc15fb..8332efecb09 100644 --- a/review/fix-react-attributes/components/button/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/button/properties.html b/review/fix-react-attributes/components/button/properties.html index 306494ec766..18d6ca0b5d8 100644 --- a/review/fix-react-attributes/components/button/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/card.html b/review/fix-react-attributes/components/card.html index 3bba95e7b6a..8d22e535c1a 100644 --- a/review/fix-react-attributes/components/card.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/card/code/Colorvariant.html b/review/fix-react-attributes/components/card/code/Colorvariant.html index 4e58a1b0528..14f7afecbda 100644 --- a/review/fix-react-attributes/components/card/code/Colorvariant.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/card/code/Spacing.html b/review/fix-react-attributes/components/card/code/Spacing.html index 0ef97413301..69dbb1bf8a9 100644 --- a/review/fix-react-attributes/components/card/code/Spacing.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/card/code/Tonality.html b/review/fix-react-attributes/components/card/code/Tonality.html index 25a27a8584a..8c8d16402f6 100644 --- a/review/fix-react-attributes/components/card/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/card/code/Variant.html b/review/fix-react-attributes/components/card/code/Variant.html index 9c629f4b17c..9749cca3cc3 100644 --- a/review/fix-react-attributes/components/card/code/Variant.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/card/docs/Angular.html b/review/fix-react-attributes/components/card/docs/Angular.html index 3c828de78ef..1f324f13311 100644 --- a/review/fix-react-attributes/components/card/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/card/docs/HTML.html b/review/fix-react-attributes/components/card/docs/HTML.html index 4cc0bf693f9..b1e4d9d1a63 100644 --- a/review/fix-react-attributes/components/card/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/card/docs/Migration.html b/review/fix-react-attributes/components/card/docs/Migration.html index 68de49aaaa1..deb87678173 100644 --- a/review/fix-react-attributes/components/card/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/card/docs/React.html b/review/fix-react-attributes/components/card/docs/React.html index 988e8b6990f..06d6fdb00c2 100644 --- a/review/fix-react-attributes/components/card/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/card/docs/Vue.html b/review/fix-react-attributes/components/card/docs/Vue.html index 9aac27d11e3..77932e4a8ad 100644 --- a/review/fix-react-attributes/components/card/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/card/how-to-use.html b/review/fix-react-attributes/components/card/how-to-use.html index f2e6ea0bd6e..15c0e830627 100644 --- a/review/fix-react-attributes/components/card/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/card/migration.html b/review/fix-react-attributes/components/card/migration.html index e6b0e17d83a..dc2837a3d5d 100644 --- a/review/fix-react-attributes/components/card/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/card/overview.html b/review/fix-react-attributes/components/card/overview.html index 0433ae07002..a6f553807db 100644 --- a/review/fix-react-attributes/components/card/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/card/properties.html b/review/fix-react-attributes/components/card/properties.html index 80585416ece..87320ab3f8d 100644 --- a/review/fix-react-attributes/components/card/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox.html b/review/fix-react-attributes/components/checkbox.html index 98b58008082..73c13d5198c 100644 --- a/review/fix-react-attributes/components/checkbox.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox/code/Requirement.html b/review/fix-react-attributes/components/checkbox/code/Requirement.html index f5831c92fe3..2f7b77392c1 100644 --- a/review/fix-react-attributes/components/checkbox/code/Requirement.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox/code/Size.html b/review/fix-react-attributes/components/checkbox/code/Size.html index a0b76e42fd4..f0084c2d959 100644 --- a/review/fix-react-attributes/components/checkbox/code/Size.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox/code/States.html b/review/fix-react-attributes/components/checkbox/code/States.html index e7ee997dccd..89da18cbd26 100644 --- a/review/fix-react-attributes/components/checkbox/code/States.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox/code/Tonality.html b/review/fix-react-attributes/components/checkbox/code/Tonality.html index 87cbc8bfd94..fc73a81312e 100644 --- a/review/fix-react-attributes/components/checkbox/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox/code/VariantLabel.html b/review/fix-react-attributes/components/checkbox/code/VariantLabel.html index d603da35db1..afbf07ceec5 100644 --- a/review/fix-react-attributes/components/checkbox/code/VariantLabel.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox/docs/Angular.html b/review/fix-react-attributes/components/checkbox/docs/Angular.html index ecfcc9731e9..3cbdc652abb 100644 --- a/review/fix-react-attributes/components/checkbox/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox/docs/HTML.html b/review/fix-react-attributes/components/checkbox/docs/HTML.html index 780aeb3fb8c..ebf8e32c203 100644 --- a/review/fix-react-attributes/components/checkbox/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/checkbox/docs/Migration.html b/review/fix-react-attributes/components/checkbox/docs/Migration.html index c2e843de057..742bb5eb205 100644 --- a/review/fix-react-attributes/components/checkbox/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox/docs/React.html b/review/fix-react-attributes/components/checkbox/docs/React.html index 5593047c3dc..b52d60b5fbe 100644 --- a/review/fix-react-attributes/components/checkbox/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/checkbox/docs/Vue.html b/review/fix-react-attributes/components/checkbox/docs/Vue.html index fb67712eb74..a91d558f8b9 100644 --- a/review/fix-react-attributes/components/checkbox/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/checkbox/how-to-use.html b/review/fix-react-attributes/components/checkbox/how-to-use.html index be6fbd3506a..e83bfee8363 100644 --- a/review/fix-react-attributes/components/checkbox/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox/migration.html b/review/fix-react-attributes/components/checkbox/migration.html index 87296eb2b62..c8a7afd7a02 100644 --- a/review/fix-react-attributes/components/checkbox/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox/overview.html b/review/fix-react-attributes/components/checkbox/overview.html index 8902c26b9e8..d8c109b5d17 100644 --- a/review/fix-react-attributes/components/checkbox/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/checkbox/properties.html b/review/fix-react-attributes/components/checkbox/properties.html index 7bf811d771f..62379e94daf 100644 --- a/review/fix-react-attributes/components/checkbox/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/divider.html b/review/fix-react-attributes/components/divider.html index 1e6fe881128..1b4a292b552 100644 --- a/review/fix-react-attributes/components/divider.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/divider/code/Emphasis.html b/review/fix-react-attributes/components/divider/code/Emphasis.html index 2fc4a2d62fc..9ae57f1a68c 100644 --- a/review/fix-react-attributes/components/divider/code/Emphasis.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/divider/code/Tonality.html b/review/fix-react-attributes/components/divider/code/Tonality.html index fd8269fede8..7e093c3ccc9 100644 --- a/review/fix-react-attributes/components/divider/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/divider/code/Variant.html b/review/fix-react-attributes/components/divider/code/Variant.html index 5a081e03282..be88be21360 100644 --- a/review/fix-react-attributes/components/divider/code/Variant.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/divider/docs/Angular.html b/review/fix-react-attributes/components/divider/docs/Angular.html index a904ee1942e..3cca5456f57 100644 --- a/review/fix-react-attributes/components/divider/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/divider/docs/HTML.html b/review/fix-react-attributes/components/divider/docs/HTML.html index 54e92901ee0..3e573d0922b 100644 --- a/review/fix-react-attributes/components/divider/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/divider/docs/Migration.html b/review/fix-react-attributes/components/divider/docs/Migration.html index e6d215a5811..80baf5f25b8 100644 --- a/review/fix-react-attributes/components/divider/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/divider/docs/React.html b/review/fix-react-attributes/components/divider/docs/React.html index 7358e327c34..d3081f923c9 100644 --- a/review/fix-react-attributes/components/divider/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/divider/docs/Vue.html b/review/fix-react-attributes/components/divider/docs/Vue.html index 0be703cfe79..45ed765f37c 100644 --- a/review/fix-react-attributes/components/divider/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/divider/how-to-use.html b/review/fix-react-attributes/components/divider/how-to-use.html index 6cbe83893f9..4d7b41a9ec0 100644 --- a/review/fix-react-attributes/components/divider/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/divider/migration.html b/review/fix-react-attributes/components/divider/migration.html index 329b61e98e9..9a48c52bae7 100644 --- a/review/fix-react-attributes/components/divider/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/divider/overview.html b/review/fix-react-attributes/components/divider/overview.html index bacc82e366b..cca73f98966 100644 --- a/review/fix-react-attributes/components/divider/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/divider/properties.html b/review/fix-react-attributes/components/divider/properties.html index ccd6d5c8021..c5b44db65fe 100644 --- a/review/fix-react-attributes/components/divider/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer.html b/review/fix-react-attributes/components/drawer.html index e7fa10255da..7a65cce8ee6 100644 --- a/review/fix-react-attributes/components/drawer.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer/code/Backdrop.html b/review/fix-react-attributes/components/drawer/code/Backdrop.html index ca33f9ed60c..30479768c8d 100644 --- a/review/fix-react-attributes/components/drawer/code/Backdrop.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer/code/Directions.html b/review/fix-react-attributes/components/drawer/code/Directions.html index 739623abaf2..bce41abdcd4 100644 --- a/review/fix-react-attributes/components/drawer/code/Directions.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer/code/Rounded.html b/review/fix-react-attributes/components/drawer/code/Rounded.html index d4dbdf8c181..c57f301e853 100644 --- a/review/fix-react-attributes/components/drawer/code/Rounded.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer/code/Size.html b/review/fix-react-attributes/components/drawer/code/Size.html index 15ded37e1c1..a65b075f20c 100644 --- a/review/fix-react-attributes/components/drawer/code/Size.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer/code/Spacing.html b/review/fix-react-attributes/components/drawer/code/Spacing.html index 524599a6b10..46e809de817 100644 --- a/review/fix-react-attributes/components/drawer/code/Spacing.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer/code/Tonality.html b/review/fix-react-attributes/components/drawer/code/Tonality.html index fafbebf8855..c30e2e86380 100644 --- a/review/fix-react-attributes/components/drawer/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer/docs/Angular.html b/review/fix-react-attributes/components/drawer/docs/Angular.html index f0f13c1efec..8e9f1012c28 100644 --- a/review/fix-react-attributes/components/drawer/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/drawer/docs/HTML.html b/review/fix-react-attributes/components/drawer/docs/HTML.html index 534cc5fcae8..09bc6c0c1b4 100644 --- a/review/fix-react-attributes/components/drawer/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/drawer/docs/Migration.html b/review/fix-react-attributes/components/drawer/docs/Migration.html index b75c8a37fc6..96d8daa05a7 100644 --- a/review/fix-react-attributes/components/drawer/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer/docs/React.html b/review/fix-react-attributes/components/drawer/docs/React.html index f1669497c04..974fcdf7595 100644 --- a/review/fix-react-attributes/components/drawer/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/drawer/docs/Vue.html b/review/fix-react-attributes/components/drawer/docs/Vue.html index ed4a8aecf0e..44c1cd2f85c 100644 --- a/review/fix-react-attributes/components/drawer/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/drawer/how-to-use.html b/review/fix-react-attributes/components/drawer/how-to-use.html index 8b15238bb1c..930aa3fa086 100644 --- a/review/fix-react-attributes/components/drawer/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer/migration.html b/review/fix-react-attributes/components/drawer/migration.html index 8b590ba4052..1bce9d703d3 100644 --- a/review/fix-react-attributes/components/drawer/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer/overview.html b/review/fix-react-attributes/components/drawer/overview.html index 1d93f22c059..8caed9d715e 100644 --- a/review/fix-react-attributes/components/drawer/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/drawer/properties.html b/review/fix-react-attributes/components/drawer/properties.html index 75edd543fc4..32a75679176 100644 --- a/review/fix-react-attributes/components/drawer/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/header.html b/review/fix-react-attributes/components/header.html index 4ed4a335a4f..98db2eca1ae 100644 --- a/review/fix-react-attributes/components/header.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/header/code/Behaviour.html b/review/fix-react-attributes/components/header/code/Behaviour.html index eefb708df41..894fff27d1f 100644 --- a/review/fix-react-attributes/components/header/code/Behaviour.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/header/code/Tonality.html b/review/fix-react-attributes/components/header/code/Tonality.html index e7f74690880..2d4cc3d16ce 100644 --- a/review/fix-react-attributes/components/header/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/header/docs/Angular.html b/review/fix-react-attributes/components/header/docs/Angular.html index 8775f822ab7..0de8d91afdc 100644 --- a/review/fix-react-attributes/components/header/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/header/docs/HTML.html b/review/fix-react-attributes/components/header/docs/HTML.html index 671e943e925..5710a19ac0e 100644 --- a/review/fix-react-attributes/components/header/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/header/docs/Migration.html b/review/fix-react-attributes/components/header/docs/Migration.html index b6391b1a7a5..fd223d20a2c 100644 --- a/review/fix-react-attributes/components/header/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/header/docs/React.html b/review/fix-react-attributes/components/header/docs/React.html index 2ac80d870ca..9fe0305a064 100644 --- a/review/fix-react-attributes/components/header/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/header/docs/Vue.html b/review/fix-react-attributes/components/header/docs/Vue.html index 3c15cd00daa..98270eec282 100644 --- a/review/fix-react-attributes/components/header/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/header/how-to-use.html b/review/fix-react-attributes/components/header/how-to-use.html index 6cca4fe9201..d14b8bf5364 100644 --- a/review/fix-react-attributes/components/header/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/header/migration.html b/review/fix-react-attributes/components/header/migration.html index d59614a6449..1ac8513cd23 100644 --- a/review/fix-react-attributes/components/header/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/header/overview.html b/review/fix-react-attributes/components/header/overview.html index 97293586ca4..39312c5e4fb 100644 --- a/review/fix-react-attributes/components/header/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/header/properties.html b/review/fix-react-attributes/components/header/properties.html index fe036afb5d6..928af304905 100644 --- a/review/fix-react-attributes/components/header/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/icon.html b/review/fix-react-attributes/components/icon.html index 022dff61c9f..fa616fc607d 100644 --- a/review/fix-react-attributes/components/icon.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/icon/code/Tonality.html b/review/fix-react-attributes/components/icon/code/Tonality.html index e4218b635e5..60938cae22f 100644 --- a/review/fix-react-attributes/components/icon/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/icon/docs/Angular.html b/review/fix-react-attributes/components/icon/docs/Angular.html index a5bef9b0b4a..43be95936ca 100644 --- a/review/fix-react-attributes/components/icon/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/icon/docs/HTML.html b/review/fix-react-attributes/components/icon/docs/HTML.html index b36e52423c3..0b77fc0eee1 100644 --- a/review/fix-react-attributes/components/icon/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/icon/docs/Migration.html b/review/fix-react-attributes/components/icon/docs/Migration.html index f8cd13dd240..c556f25fb38 100644 --- a/review/fix-react-attributes/components/icon/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/icon/docs/React.html b/review/fix-react-attributes/components/icon/docs/React.html index 389a5c5ef96..d37adda6b1a 100644 --- a/review/fix-react-attributes/components/icon/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/icon/docs/Vue.html b/review/fix-react-attributes/components/icon/docs/Vue.html index 96fec9bda36..68e76bec87a 100644 --- a/review/fix-react-attributes/components/icon/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/icon/how-to-use.html b/review/fix-react-attributes/components/icon/how-to-use.html index 752061b1dd4..641de565ac0 100644 --- a/review/fix-react-attributes/components/icon/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/icon/migration.html b/review/fix-react-attributes/components/icon/migration.html index 34b8119ab0c..339d82cf64a 100644 --- a/review/fix-react-attributes/components/icon/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/icon/overview.html b/review/fix-react-attributes/components/icon/overview.html index 07f48052582..5dca4c4ffe7 100644 --- a/review/fix-react-attributes/components/icon/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/icon/properties.html b/review/fix-react-attributes/components/icon/properties.html index dcaa98ce33a..12ff879dbe8 100644 --- a/review/fix-react-attributes/components/icon/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/infotext.html b/review/fix-react-attributes/components/infotext.html index 6cdb16c28b6..e3b9e9f14a3 100644 --- a/review/fix-react-attributes/components/infotext.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/infotext/code/Semantic.html b/review/fix-react-attributes/components/infotext/code/Semantic.html index 7e9f14d6e36..f08a4f728f1 100644 --- a/review/fix-react-attributes/components/infotext/code/Semantic.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/infotext/code/Size.html b/review/fix-react-attributes/components/infotext/code/Size.html index e9647bce3dd..a8026fa5003 100644 --- a/review/fix-react-attributes/components/infotext/code/Size.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/infotext/code/Tonality.html b/review/fix-react-attributes/components/infotext/code/Tonality.html index 344467b5fc7..cda08013c33 100644 --- a/review/fix-react-attributes/components/infotext/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/infotext/docs/Angular.html b/review/fix-react-attributes/components/infotext/docs/Angular.html index e32e31782bd..3014e590a89 100644 --- a/review/fix-react-attributes/components/infotext/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/infotext/docs/HTML.html b/review/fix-react-attributes/components/infotext/docs/HTML.html index 04d62c17844..6dc96ee5d0a 100644 --- a/review/fix-react-attributes/components/infotext/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/infotext/docs/Migration.html b/review/fix-react-attributes/components/infotext/docs/Migration.html index 7e5d1b84b67..2cecb96c7fd 100644 --- a/review/fix-react-attributes/components/infotext/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/infotext/docs/React.html b/review/fix-react-attributes/components/infotext/docs/React.html index 5953309f45e..09bdf735458 100644 --- a/review/fix-react-attributes/components/infotext/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/infotext/docs/Vue.html b/review/fix-react-attributes/components/infotext/docs/Vue.html index 84838bb4a1d..ac9c775e315 100644 --- a/review/fix-react-attributes/components/infotext/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/infotext/how-to-use.html b/review/fix-react-attributes/components/infotext/how-to-use.html index 2c84c98e13d..ed224f50b7b 100644 --- a/review/fix-react-attributes/components/infotext/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/infotext/migration.html b/review/fix-react-attributes/components/infotext/migration.html index 4426d225a0d..89f381de32f 100644 --- a/review/fix-react-attributes/components/infotext/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/infotext/overview.html b/review/fix-react-attributes/components/infotext/overview.html index 79f0ccf5273..bef6272c643 100644 --- a/review/fix-react-attributes/components/infotext/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/infotext/properties.html b/review/fix-react-attributes/components/infotext/properties.html index 1eb42be7d13..54c3fce283d 100644 --- a/review/fix-react-attributes/components/infotext/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input.html b/review/fix-react-attributes/components/input.html index cf94b1f6805..03e2ae81f6f 100644 --- a/review/fix-react-attributes/components/input.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/code/Content.html b/review/fix-react-attributes/components/input/code/Content.html index 00d407e8adc..9961b713e97 100644 --- a/review/fix-react-attributes/components/input/code/Content.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/code/ExampleTypes.html b/review/fix-react-attributes/components/input/code/ExampleTypes.html index 25264ff3ce3..061a8274a2a 100644 --- a/review/fix-react-attributes/components/input/code/ExampleTypes.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/code/ExampleTypesFloatingLabel.html b/review/fix-react-attributes/components/input/code/ExampleTypesFloatingLabel.html index 7479ae2fda6..244ef76eb88 100644 --- a/review/fix-react-attributes/components/input/code/ExampleTypesFloatingLabel.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/code/Requirement.html b/review/fix-react-attributes/components/input/code/Requirement.html index e2b919ff3a7..3fa44b86c5d 100644 --- a/review/fix-react-attributes/components/input/code/Requirement.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/code/Semantic.html b/review/fix-react-attributes/components/input/code/Semantic.html index 903811f773c..ca2f0d2c487 100644 --- a/review/fix-react-attributes/components/input/code/Semantic.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/code/StatesFloatingLabel.html b/review/fix-react-attributes/components/input/code/StatesFloatingLabel.html index c9422f6ddea..80f25fa544b 100644 --- a/review/fix-react-attributes/components/input/code/StatesFloatingLabel.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/code/StatesLabelAbove.html b/review/fix-react-attributes/components/input/code/StatesLabelAbove.html index 383a19522de..3f5973ed4c3 100644 --- a/review/fix-react-attributes/components/input/code/StatesLabelAbove.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/code/Tonality.html b/review/fix-react-attributes/components/input/code/Tonality.html index f07bf575bcd..0a1475aad2b 100644 --- a/review/fix-react-attributes/components/input/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/code/VariantHelperMessage.html b/review/fix-react-attributes/components/input/code/VariantHelperMessage.html index 259da8e3c65..b2c03a2c96e 100644 --- a/review/fix-react-attributes/components/input/code/VariantHelperMessage.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/code/VariantLabel.html b/review/fix-react-attributes/components/input/code/VariantLabel.html index 34f647fbddf..5a6caeec6d7 100644 --- a/review/fix-react-attributes/components/input/code/VariantLabel.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/docs/Angular.html b/review/fix-react-attributes/components/input/docs/Angular.html index 7566a04f5b8..0849674ca33 100644 --- a/review/fix-react-attributes/components/input/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/docs/HTML.html b/review/fix-react-attributes/components/input/docs/HTML.html index 7d5bb1766c5..a26520029a4 100644 --- a/review/fix-react-attributes/components/input/docs/HTML.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/docs/Migration.html b/review/fix-react-attributes/components/input/docs/Migration.html index e98ee7be9f0..0c98ddd4ba4 100644 --- a/review/fix-react-attributes/components/input/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/docs/React.html b/review/fix-react-attributes/components/input/docs/React.html index d9d18954e41..b4ea87df4b1 100644 --- a/review/fix-react-attributes/components/input/docs/React.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/docs/Vue.html b/review/fix-react-attributes/components/input/docs/Vue.html index aeb470e3eb2..d508a896d91 100644 --- a/review/fix-react-attributes/components/input/docs/Vue.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/how-to-use.html b/review/fix-react-attributes/components/input/how-to-use.html index 07d3f9b670c..203a5c3e4e5 100644 --- a/review/fix-react-attributes/components/input/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/migration.html b/review/fix-react-attributes/components/input/migration.html index 4717320395c..fd205d80743 100644 --- a/review/fix-react-attributes/components/input/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/overview.html b/review/fix-react-attributes/components/input/overview.html index 3ca293d4a76..1f1819b7091 100644 --- a/review/fix-react-attributes/components/input/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/input/properties.html b/review/fix-react-attributes/components/input/properties.html index e9e5dd3d3a4..25d55e75fca 100644 --- a/review/fix-react-attributes/components/input/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/link.html b/review/fix-react-attributes/components/link.html index e506e6518b7..0edd7de6424 100644 --- a/review/fix-react-attributes/components/link.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/link/code/Content.html b/review/fix-react-attributes/components/link/code/Content.html index aaf6106ed6f..d5298285090 100644 --- a/review/fix-react-attributes/components/link/code/Content.html +++ b/review/fix-react-attributes/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
@@ -14,4 +14,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/fix-react-attributes/components/link/code/InteractionStates.html b/review/fix-react-attributes/components/link/code/InteractionStates.html index 54d29d23fb2..203796d9899 100644 --- a/review/fix-react-attributes/components/link/code/InteractionStates.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/link/code/Semantic.html b/review/fix-react-attributes/components/link/code/Semantic.html index 891e6dcbeda..91ab020e5bd 100644 --- a/review/fix-react-attributes/components/link/code/Semantic.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/link/code/Size.html b/review/fix-react-attributes/components/link/code/Size.html index a4615ea9216..bfc8e7b39f7 100644 --- a/review/fix-react-attributes/components/link/code/Size.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/link/code/Tonality.html b/review/fix-react-attributes/components/link/code/Tonality.html index b770cf37cf5..0b07072ae29 100644 --- a/review/fix-react-attributes/components/link/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/link/docs/Angular.html b/review/fix-react-attributes/components/link/docs/Angular.html index 79287414bd8..559ed864fef 100644 --- a/review/fix-react-attributes/components/link/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/link/docs/HTML.html b/review/fix-react-attributes/components/link/docs/HTML.html index 204da322a4b..2a48be6e114 100644 --- a/review/fix-react-attributes/components/link/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/link/docs/Migration.html b/review/fix-react-attributes/components/link/docs/Migration.html index cc327ed0a1d..1f6e5740e7b 100644 --- a/review/fix-react-attributes/components/link/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/link/docs/React.html b/review/fix-react-attributes/components/link/docs/React.html index bc5eb39bd57..83a155d8d75 100644 --- a/review/fix-react-attributes/components/link/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/link/docs/Vue.html b/review/fix-react-attributes/components/link/docs/Vue.html index fc5915bd549..c77cd1e1fea 100644 --- a/review/fix-react-attributes/components/link/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/link/how-to-use.html b/review/fix-react-attributes/components/link/how-to-use.html index 77b43e6dc6c..13db49dfd3c 100644 --- a/review/fix-react-attributes/components/link/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/link/migration.html b/review/fix-react-attributes/components/link/migration.html index 9dddff9c23d..2c1e531a8d1 100644 --- a/review/fix-react-attributes/components/link/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/link/overview.html b/review/fix-react-attributes/components/link/overview.html index e1633924fbe..e65548eb789 100644 --- a/review/fix-react-attributes/components/link/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/link/properties.html b/review/fix-react-attributes/components/link/properties.html index 3da6fc6b541..9f9932305a6 100644 --- a/review/fix-react-attributes/components/link/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/main-navigation.html b/review/fix-react-attributes/components/main-navigation.html index 3e61952159f..cb4e7ac035d 100644 --- a/review/fix-react-attributes/components/main-navigation.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/main-navigation/code/Tonality.html b/review/fix-react-attributes/components/main-navigation/code/Tonality.html index 23cab7408a8..22ebc1e3265 100644 --- a/review/fix-react-attributes/components/main-navigation/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/main-navigation/docs/Angular.html b/review/fix-react-attributes/components/main-navigation/docs/Angular.html index cab72921801..c4a4bc45a45 100644 --- a/review/fix-react-attributes/components/main-navigation/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/main-navigation/docs/HTML.html b/review/fix-react-attributes/components/main-navigation/docs/HTML.html index b2f2630e1e5..24a7f2886b2 100644 --- a/review/fix-react-attributes/components/main-navigation/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/main-navigation/docs/Migration.html b/review/fix-react-attributes/components/main-navigation/docs/Migration.html index f076c2cb809..87f157d8299 100644 --- a/review/fix-react-attributes/components/main-navigation/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/main-navigation/docs/React.html b/review/fix-react-attributes/components/main-navigation/docs/React.html index 21ef36f42e6..2fa6cf0f0a6 100644 --- a/review/fix-react-attributes/components/main-navigation/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/main-navigation/docs/Vue.html b/review/fix-react-attributes/components/main-navigation/docs/Vue.html index 31c49478186..61fbf74c0a4 100644 --- a/review/fix-react-attributes/components/main-navigation/docs/Vue.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/main-navigation/how-to-use.html b/review/fix-react-attributes/components/main-navigation/how-to-use.html index 9432b106edb..6bc4494a9f0 100644 --- a/review/fix-react-attributes/components/main-navigation/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/main-navigation/migration.html b/review/fix-react-attributes/components/main-navigation/migration.html index a1fc8ed6691..fa728ea749c 100644 --- a/review/fix-react-attributes/components/main-navigation/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/main-navigation/overview.html b/review/fix-react-attributes/components/main-navigation/overview.html index e9b9c29db99..336d5480597 100644 --- a/review/fix-react-attributes/components/main-navigation/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/main-navigation/properties.html b/review/fix-react-attributes/components/main-navigation/properties.html index 40298e69ecd..b772b45e559 100644 --- a/review/fix-react-attributes/components/main-navigation/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/navigation-item.html b/review/fix-react-attributes/components/navigation-item.html index a59abd04306..aa2f616bdd0 100644 --- a/review/fix-react-attributes/components/navigation-item.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/navigation-item/code/Content.html b/review/fix-react-attributes/components/navigation-item/code/Content.html index b0261ea018e..6f4e49ad91d 100644 --- a/review/fix-react-attributes/components/navigation-item/code/Content.html +++ b/review/fix-react-attributes/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-19891354681043016"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-8796579685150054"></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-06745132564272072"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-8611025314597276"></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-9643747607748345"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-48614004310325143"></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-9259367038893993"></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-38314041592768566"></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/fix-react-attributes/components/navigation-item/code/InteractionStates.html b/review/fix-react-attributes/components/navigation-item/code/InteractionStates.html index d13339bb7f3..95b6eb3ed06 100644 --- a/review/fix-react-attributes/components/navigation-item/code/InteractionStates.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/navigation-item/code/Tonality.html b/review/fix-react-attributes/components/navigation-item/code/Tonality.html index 49160aad019..edf8db2063b 100644 --- a/review/fix-react-attributes/components/navigation-item/code/Tonality.html +++ b/review/fix-react-attributes/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-4018045243584676"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-988867750533853"></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-6120560630083718"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-5028266310563689"></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-288007939135269"></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-9189469324764223"></menu>
+</li>
    <DBNavigationItem areaPopup>Expressive</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Expressive</DBNavigationItem>
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/navigation-item/code/Width.html b/review/fix-react-attributes/components/navigation-item/code/Width.html index 7fc31cf5f30..56257b6138c 100644 --- a/review/fix-react-attributes/components/navigation-item/code/Width.html +++ b/review/fix-react-attributes/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-8289228453635922"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-2388883993282065"></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-30757039390036156"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-40665188020067133"></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/fix-react-attributes/components/navigation-item/docs/Angular.html b/review/fix-react-attributes/components/navigation-item/docs/Angular.html index d8f3e1d4473..da46abdc94a 100644 --- a/review/fix-react-attributes/components/navigation-item/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/navigation-item/docs/HTML.html b/review/fix-react-attributes/components/navigation-item/docs/HTML.html index 51220e55cb5..f910a80c5e7 100644 --- a/review/fix-react-attributes/components/navigation-item/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/navigation-item/docs/Migration.html b/review/fix-react-attributes/components/navigation-item/docs/Migration.html index 18ab30bd273..30e1eb23e9d 100644 --- a/review/fix-react-attributes/components/navigation-item/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/navigation-item/docs/React.html b/review/fix-react-attributes/components/navigation-item/docs/React.html index 09aeeef8a51..4daa60a47d7 100644 --- a/review/fix-react-attributes/components/navigation-item/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/navigation-item/docs/Vue.html b/review/fix-react-attributes/components/navigation-item/docs/Vue.html index cad597f5070..d1cccdc096d 100644 --- a/review/fix-react-attributes/components/navigation-item/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/navigation-item/how-to-use.html b/review/fix-react-attributes/components/navigation-item/how-to-use.html index 09058da983a..53a5279c258 100644 --- a/review/fix-react-attributes/components/navigation-item/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/navigation-item/migration.html b/review/fix-react-attributes/components/navigation-item/migration.html index a10f64d9463..53c345fdd1b 100644 --- a/review/fix-react-attributes/components/navigation-item/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/navigation-item/overview.html b/review/fix-react-attributes/components/navigation-item/overview.html index ac9c2f39913..a6812c1d439 100644 --- a/review/fix-react-attributes/components/navigation-item/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/navigation-item/properties.html b/review/fix-react-attributes/components/navigation-item/properties.html index ffbe28fd45a..9cb33d6eb55 100644 --- a/review/fix-react-attributes/components/navigation-item/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/page.html b/review/fix-react-attributes/components/page.html index 00262016aa3..2eee898b3ae 100644 --- a/review/fix-react-attributes/components/page.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/page/code/Tonality.html b/review/fix-react-attributes/components/page/code/Tonality.html index bdda58ebd82..d23dd97e1f6 100644 --- a/review/fix-react-attributes/components/page/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/page/docs/Angular.html b/review/fix-react-attributes/components/page/docs/Angular.html index f690a86e600..1309c9bc8cd 100644 --- a/review/fix-react-attributes/components/page/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/page/docs/HTML.html b/review/fix-react-attributes/components/page/docs/HTML.html index 6a6451a46eb..19210b24b52 100644 --- a/review/fix-react-attributes/components/page/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/page/docs/Migration.html b/review/fix-react-attributes/components/page/docs/Migration.html index 4fc8c2d76c9..ee0aa214b15 100644 --- a/review/fix-react-attributes/components/page/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/page/docs/React.html b/review/fix-react-attributes/components/page/docs/React.html index 6854948e8dd..88fe8762d75 100644 --- a/review/fix-react-attributes/components/page/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/page/docs/Vue.html b/review/fix-react-attributes/components/page/docs/Vue.html index af3ff47bd9d..d44c6a8b6b5 100644 --- a/review/fix-react-attributes/components/page/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/page/how-to-use.html b/review/fix-react-attributes/components/page/how-to-use.html index b5a5bdc8f1f..363c2dd2243 100644 --- a/review/fix-react-attributes/components/page/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/page/migration.html b/review/fix-react-attributes/components/page/migration.html index 3e5f276994c..37cef09cd0b 100644 --- a/review/fix-react-attributes/components/page/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/page/overview.html b/review/fix-react-attributes/components/page/overview.html index 39d951082ef..b6b1576fa02 100644 --- a/review/fix-react-attributes/components/page/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/page/properties.html b/review/fix-react-attributes/components/page/properties.html index dcae5e6bff9..781daa70462 100644 --- a/review/fix-react-attributes/components/page/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/popover.html b/review/fix-react-attributes/components/popover.html index f99067604c9..a1b16cf7a6b 100644 --- a/review/fix-react-attributes/components/popover.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/popover/code/Animations.html b/review/fix-react-attributes/components/popover/code/Animations.html index dc997ba0925..2bded9b07c4 100644 --- a/review/fix-react-attributes/components/popover/code/Animations.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/popover/code/Gap.html b/review/fix-react-attributes/components/popover/code/Gap.html index 09a4e6521b5..817ac404be8 100644 --- a/review/fix-react-attributes/components/popover/code/Gap.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/popover/code/Placement.html b/review/fix-react-attributes/components/popover/code/Placement.html index 8ba4232d6a6..0408e4e3ad8 100644 --- a/review/fix-react-attributes/components/popover/code/Placement.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/popover/code/Spacing.html b/review/fix-react-attributes/components/popover/code/Spacing.html index fe2493ff8eb..86636e5e008 100644 --- a/review/fix-react-attributes/components/popover/code/Spacing.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/popover/code/Tonality.html b/review/fix-react-attributes/components/popover/code/Tonality.html index abbabc6610d..1e9fe250a11 100644 --- a/review/fix-react-attributes/components/popover/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/popover/code/Width.html b/review/fix-react-attributes/components/popover/code/Width.html index 8f713918438..a9514a27650 100644 --- a/review/fix-react-attributes/components/popover/code/Width.html +++ b/review/fix-react-attributes/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"
 >
@@ -45,4 +45,4 @@
   id="popover-18"
 >
   Fixed
-</DBPopover>
    
\ No newline at end of file
+</DBPopover>
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/popover/docs/Angular.html b/review/fix-react-attributes/components/popover/docs/Angular.html index e7a0d85242f..8c4bc579673 100644 --- a/review/fix-react-attributes/components/popover/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/popover/docs/HTML.html b/review/fix-react-attributes/components/popover/docs/HTML.html index f0fdaf963b3..f8c19741db1 100644 --- a/review/fix-react-attributes/components/popover/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/popover/docs/Migration.html b/review/fix-react-attributes/components/popover/docs/Migration.html index 59230943567..62ffb658ac0 100644 --- a/review/fix-react-attributes/components/popover/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/popover/docs/React.html b/review/fix-react-attributes/components/popover/docs/React.html index 2fe7985a94c..6db6fa2b2a5 100644 --- a/review/fix-react-attributes/components/popover/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/popover/docs/Vue.html b/review/fix-react-attributes/components/popover/docs/Vue.html index 7b44cd5dfdc..9289e5e71ef 100644 --- a/review/fix-react-attributes/components/popover/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/popover/how-to-use.html b/review/fix-react-attributes/components/popover/how-to-use.html index 010a807ae90..b493456cf28 100644 --- a/review/fix-react-attributes/components/popover/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/popover/migration.html b/review/fix-react-attributes/components/popover/migration.html index d04b98c8900..eb81a2574f6 100644 --- a/review/fix-react-attributes/components/popover/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/popover/overview.html b/review/fix-react-attributes/components/popover/overview.html index 305c7330d27..e119dbbadbd 100644 --- a/review/fix-react-attributes/components/popover/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/popover/properties.html b/review/fix-react-attributes/components/popover/properties.html index ef12eb48394..7027fdc033f 100644 --- a/review/fix-react-attributes/components/popover/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio.html b/review/fix-react-attributes/components/radio.html index fa7ecf0b8c9..89598e3ac44 100644 --- a/review/fix-react-attributes/components/radio.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio/code/Requirement.html b/review/fix-react-attributes/components/radio/code/Requirement.html index 07907feddea..7c96bd50685 100644 --- a/review/fix-react-attributes/components/radio/code/Requirement.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio/code/Size.html b/review/fix-react-attributes/components/radio/code/Size.html index c1fbff756f6..caa38f9ea40 100644 --- a/review/fix-react-attributes/components/radio/code/Size.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio/code/States.html b/review/fix-react-attributes/components/radio/code/States.html index 45cf6a12e15..2d9bb0dcf3e 100644 --- a/review/fix-react-attributes/components/radio/code/States.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio/code/Tonality.html b/review/fix-react-attributes/components/radio/code/Tonality.html index 82aa892621f..167f9824f17 100644 --- a/review/fix-react-attributes/components/radio/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio/code/VariantLabel.html b/review/fix-react-attributes/components/radio/code/VariantLabel.html index b425094701b..37f768f1322 100644 --- a/review/fix-react-attributes/components/radio/code/VariantLabel.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio/docs/Angular.html b/review/fix-react-attributes/components/radio/docs/Angular.html index 347bab86bb4..6a3ed9b3562 100644 --- a/review/fix-react-attributes/components/radio/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio/docs/HTML.html b/review/fix-react-attributes/components/radio/docs/HTML.html index 61b78866767..8f4afcaa361 100644 --- a/review/fix-react-attributes/components/radio/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/radio/docs/Migration.html b/review/fix-react-attributes/components/radio/docs/Migration.html index b060bcfbdd9..5b87f9baa33 100644 --- a/review/fix-react-attributes/components/radio/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio/docs/React.html b/review/fix-react-attributes/components/radio/docs/React.html index a83e2b429fc..e050bef420c 100644 --- a/review/fix-react-attributes/components/radio/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/radio/docs/Vue.html b/review/fix-react-attributes/components/radio/docs/Vue.html index b082f134dc7..0c07edfd8a3 100644 --- a/review/fix-react-attributes/components/radio/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/radio/how-to-use.html b/review/fix-react-attributes/components/radio/how-to-use.html index b2287a13a88..83431778201 100644 --- a/review/fix-react-attributes/components/radio/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio/migration.html b/review/fix-react-attributes/components/radio/migration.html index 44533039eff..5eff00fd301 100644 --- a/review/fix-react-attributes/components/radio/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio/overview.html b/review/fix-react-attributes/components/radio/overview.html index 26cd7e6d42f..f6eb372e6e9 100644 --- a/review/fix-react-attributes/components/radio/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/radio/properties.html b/review/fix-react-attributes/components/radio/properties.html index 3178cdf1666..6bd7b7460be 100644 --- a/review/fix-react-attributes/components/radio/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/readme.html b/review/fix-react-attributes/components/readme.html index 7c245449594..9c6d3273cc9 100644 --- a/review/fix-react-attributes/components/readme.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/router-usage.html b/review/fix-react-attributes/components/router-usage.html new file mode 100644 index 00000000000..3645a3236aa --- /dev/null +++ b/review/fix-react-attributes/components/router-usage.html @@ -0,0 +1 @@ +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/section.html b/review/fix-react-attributes/components/section.html index 9f34ada1ddd..70db431bd22 100644 --- a/review/fix-react-attributes/components/section.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/section/code/Size.html b/review/fix-react-attributes/components/section/code/Size.html index 7ff9ad097f1..36bdb0e4302 100644 --- a/review/fix-react-attributes/components/section/code/Size.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/section/code/Tonality.html b/review/fix-react-attributes/components/section/code/Tonality.html index f5d8875bc6d..f7edc5664bf 100644 --- a/review/fix-react-attributes/components/section/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/section/code/Variant.html b/review/fix-react-attributes/components/section/code/Variant.html index fc8c1100d5f..e577e567424 100644 --- a/review/fix-react-attributes/components/section/code/Variant.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/section/docs/Angular.html b/review/fix-react-attributes/components/section/docs/Angular.html index 62596a245c9..693e2ef5fc2 100644 --- a/review/fix-react-attributes/components/section/docs/Angular.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/section/docs/HTML.html b/review/fix-react-attributes/components/section/docs/HTML.html index edccc87c258..a0592c11d38 100644 --- a/review/fix-react-attributes/components/section/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/section/docs/Migration.html b/review/fix-react-attributes/components/section/docs/Migration.html index 0f82a440b0a..72ffa11c2bf 100644 --- a/review/fix-react-attributes/components/section/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/section/docs/React.html b/review/fix-react-attributes/components/section/docs/React.html index ed781e260d9..100dd4eb12a 100644 --- a/review/fix-react-attributes/components/section/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/section/docs/Vue.html b/review/fix-react-attributes/components/section/docs/Vue.html index 9a95048ffd8..58430e9b195 100644 --- a/review/fix-react-attributes/components/section/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/section/how-to-use.html b/review/fix-react-attributes/components/section/how-to-use.html index 2eccbf1a070..8c42470f034 100644 --- a/review/fix-react-attributes/components/section/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/section/migration.html b/review/fix-react-attributes/components/section/migration.html index 77bf946f5a4..1e52a826271 100644 --- a/review/fix-react-attributes/components/section/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/section/overview.html b/review/fix-react-attributes/components/section/overview.html index e1bae9cbd40..53caf293b49 100644 --- a/review/fix-react-attributes/components/section/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/section/properties.html b/review/fix-react-attributes/components/section/properties.html index 835555ce183..439838501e7 100644 --- a/review/fix-react-attributes/components/section/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select.html b/review/fix-react-attributes/components/select.html index 63724f1b79d..e1f94800d36 100644 --- a/review/fix-react-attributes/components/select.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/code/Content.html b/review/fix-react-attributes/components/select/code/Content.html index d73f3073c28..2dd43cce281 100644 --- a/review/fix-react-attributes/components/select/code/Content.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/code/Requirement.html b/review/fix-react-attributes/components/select/code/Requirement.html index e052006eea9..06ef0ae6c3f 100644 --- a/review/fix-react-attributes/components/select/code/Requirement.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/code/Semantic.html b/review/fix-react-attributes/components/select/code/Semantic.html index c2b3b1c90df..e61e9e34d5b 100644 --- a/review/fix-react-attributes/components/select/code/Semantic.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/code/StatesFloatingLabel.html b/review/fix-react-attributes/components/select/code/StatesFloatingLabel.html index fef19fcfc9c..2f36c37dd50 100644 --- a/review/fix-react-attributes/components/select/code/StatesFloatingLabel.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/code/StatesLabelAbove.html b/review/fix-react-attributes/components/select/code/StatesLabelAbove.html index bf75bdf76b7..69670402e32 100644 --- a/review/fix-react-attributes/components/select/code/StatesLabelAbove.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/code/Tonality.html b/review/fix-react-attributes/components/select/code/Tonality.html index d2d8a4b2807..b2bf6889166 100644 --- a/review/fix-react-attributes/components/select/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/code/VariantHelperMessage.html b/review/fix-react-attributes/components/select/code/VariantHelperMessage.html index d7d73cbc8db..fa1be15abff 100644 --- a/review/fix-react-attributes/components/select/code/VariantHelperMessage.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/code/VariantLabel.html b/review/fix-react-attributes/components/select/code/VariantLabel.html index a3dbc4e7094..033b2a0259f 100644 --- a/review/fix-react-attributes/components/select/code/VariantLabel.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/docs/Angular.html b/review/fix-react-attributes/components/select/docs/Angular.html index 41e802dc376..dc65feaa86f 100644 --- a/review/fix-react-attributes/components/select/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/select/docs/HTML.html b/review/fix-react-attributes/components/select/docs/HTML.html index 93b3229306a..d2daafb0d30 100644 --- a/review/fix-react-attributes/components/select/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/select/docs/Migration.html b/review/fix-react-attributes/components/select/docs/Migration.html index 9a71d8e637a..bfd58241d49 100644 --- a/review/fix-react-attributes/components/select/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/docs/React.html b/review/fix-react-attributes/components/select/docs/React.html index 5b3dea39b72..863b60ad520 100644 --- a/review/fix-react-attributes/components/select/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/select/docs/Vue.html b/review/fix-react-attributes/components/select/docs/Vue.html index 7a6d4473761..22caa67ec25 100644 --- a/review/fix-react-attributes/components/select/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/select/how-to-use.html b/review/fix-react-attributes/components/select/how-to-use.html index 359688f3292..a5e021ef8a9 100644 --- a/review/fix-react-attributes/components/select/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/migration.html b/review/fix-react-attributes/components/select/migration.html index 53e2e5db420..21a45a358ee 100644 --- a/review/fix-react-attributes/components/select/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/overview.html b/review/fix-react-attributes/components/select/overview.html index dd70d874c92..42668d47225 100644 --- a/review/fix-react-attributes/components/select/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/select/properties.html b/review/fix-react-attributes/components/select/properties.html index a5a1ab16880..f8b55773307 100644 --- a/review/fix-react-attributes/components/select/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab-list/docs/Angular.html b/review/fix-react-attributes/components/tab-list/docs/Angular.html index cb5192ed203..137be4e238d 100644 --- a/review/fix-react-attributes/components/tab-list/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab-list/docs/HTML.html b/review/fix-react-attributes/components/tab-list/docs/HTML.html index 36587d58ffc..21c1fd6b50f 100644 --- a/review/fix-react-attributes/components/tab-list/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab-list/docs/Migration.html b/review/fix-react-attributes/components/tab-list/docs/Migration.html index d699d5a88bc..f31cca7026c 100644 --- a/review/fix-react-attributes/components/tab-list/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab-list/docs/React.html b/review/fix-react-attributes/components/tab-list/docs/React.html index 3a3501fc2d4..95fc578363e 100644 --- a/review/fix-react-attributes/components/tab-list/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab-list/docs/Vue.html b/review/fix-react-attributes/components/tab-list/docs/Vue.html index 5521a679825..72935870d12 100644 --- a/review/fix-react-attributes/components/tab-list/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab-list/how-to-use.html b/review/fix-react-attributes/components/tab-list/how-to-use.html index d12e67a8c33..582d568eef8 100644 --- a/review/fix-react-attributes/components/tab-list/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab-list/migration.html b/review/fix-react-attributes/components/tab-list/migration.html index 5e026124410..7110927aafb 100644 --- a/review/fix-react-attributes/components/tab-list/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab-list/properties.html b/review/fix-react-attributes/components/tab-list/properties.html index e434ffa3dac..ad260ed369f 100644 --- a/review/fix-react-attributes/components/tab-list/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab-panel/docs/Angular.html b/review/fix-react-attributes/components/tab-panel/docs/Angular.html index c6273fb2641..4689cdecd07 100644 --- a/review/fix-react-attributes/components/tab-panel/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab-panel/docs/HTML.html b/review/fix-react-attributes/components/tab-panel/docs/HTML.html index 7324ad672a4..cd0098cd92e 100644 --- a/review/fix-react-attributes/components/tab-panel/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab-panel/docs/Migration.html b/review/fix-react-attributes/components/tab-panel/docs/Migration.html index 2d69a985a04..476c347673d 100644 --- a/review/fix-react-attributes/components/tab-panel/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab-panel/docs/React.html b/review/fix-react-attributes/components/tab-panel/docs/React.html index 1cf318e5c47..403888dc63d 100644 --- a/review/fix-react-attributes/components/tab-panel/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab-panel/docs/Vue.html b/review/fix-react-attributes/components/tab-panel/docs/Vue.html index e470a2bad1c..e48d2691b4e 100644 --- a/review/fix-react-attributes/components/tab-panel/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab-panel/how-to-use.html b/review/fix-react-attributes/components/tab-panel/how-to-use.html index 045bce79783..edba61fc1fd 100644 --- a/review/fix-react-attributes/components/tab-panel/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab-panel/migration.html b/review/fix-react-attributes/components/tab-panel/migration.html index d53fd217f2a..63059da5385 100644 --- a/review/fix-react-attributes/components/tab-panel/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab-panel/properties.html b/review/fix-react-attributes/components/tab-panel/properties.html index 68648c47f4c..a4f7e761f71 100644 --- a/review/fix-react-attributes/components/tab-panel/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab.html b/review/fix-react-attributes/components/tab.html index 7b250178d55..807e229805b 100644 --- a/review/fix-react-attributes/components/tab.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab/code/Behaviour.html b/review/fix-react-attributes/components/tab/code/Behaviour.html index 91ef76fcc4e..3e2807517cd 100644 --- a/review/fix-react-attributes/components/tab/code/Behaviour.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab/code/Content.html b/review/fix-react-attributes/components/tab/code/Content.html index befecfdfa32..ce7b41fcaa7 100644 --- a/review/fix-react-attributes/components/tab/code/Content.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab/code/ContentAlignmentFullWidth.html b/review/fix-react-attributes/components/tab/code/ContentAlignmentFullWidth.html index 47b97e08f8b..0786d193fc9 100644 --- a/review/fix-react-attributes/components/tab/code/ContentAlignmentFullWidth.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab/code/States.html b/review/fix-react-attributes/components/tab/code/States.html index f866a1c7fcd..6ea6d437808 100644 --- a/review/fix-react-attributes/components/tab/code/States.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab/code/Tonality.html b/review/fix-react-attributes/components/tab/code/Tonality.html index 7c2bdf9a781..7caf46b8747 100644 --- a/review/fix-react-attributes/components/tab/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab/docs/Angular.html b/review/fix-react-attributes/components/tab/docs/Angular.html index b745ab143fe..02660929ee2 100644 --- a/review/fix-react-attributes/components/tab/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab/docs/HTML.html b/review/fix-react-attributes/components/tab/docs/HTML.html index 78d7b094410..e33701b0299 100644 --- a/review/fix-react-attributes/components/tab/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab/docs/Migration.html b/review/fix-react-attributes/components/tab/docs/Migration.html index 18851da81a7..4082eff5d5e 100644 --- a/review/fix-react-attributes/components/tab/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab/docs/React.html b/review/fix-react-attributes/components/tab/docs/React.html index afa7562abb3..5998608f1f0 100644 --- a/review/fix-react-attributes/components/tab/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab/docs/Vue.html b/review/fix-react-attributes/components/tab/docs/Vue.html index e6444d48bfb..4a1e11b9ec3 100644 --- a/review/fix-react-attributes/components/tab/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tab/how-to-use.html b/review/fix-react-attributes/components/tab/how-to-use.html index bc0f312358f..5a13af9c34e 100644 --- a/review/fix-react-attributes/components/tab/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab/migration.html b/review/fix-react-attributes/components/tab/migration.html index af1090e38df..62fd9525611 100644 --- a/review/fix-react-attributes/components/tab/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab/overview.html b/review/fix-react-attributes/components/tab/overview.html index f1c86375923..ab1fdd95952 100644 --- a/review/fix-react-attributes/components/tab/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tab/properties.html b/review/fix-react-attributes/components/tab/properties.html index 571762ca67d..f666a9332ea 100644 --- a/review/fix-react-attributes/components/tab/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tabs.html b/review/fix-react-attributes/components/tabs.html index bdf0978d036..c689488c388 100644 --- a/review/fix-react-attributes/components/tabs.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tabs/code/Examples.html b/review/fix-react-attributes/components/tabs/code/Examples.html index fa31e522b02..f227fc5f975 100644 --- a/review/fix-react-attributes/components/tabs/code/Examples.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tabs/code/Orientation.html b/review/fix-react-attributes/components/tabs/code/Orientation.html index 8a7c52800c1..3d31e5db9e1 100644 --- a/review/fix-react-attributes/components/tabs/code/Orientation.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tabs/code/Overflow.html b/review/fix-react-attributes/components/tabs/code/Overflow.html index 693ad59e958..6af54cd46e2 100644 --- a/review/fix-react-attributes/components/tabs/code/Overflow.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tabs/code/Tonality.html b/review/fix-react-attributes/components/tabs/code/Tonality.html index 5fbd1ae65a4..749e222382e 100644 --- a/review/fix-react-attributes/components/tabs/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tabs/code/Width.html b/review/fix-react-attributes/components/tabs/code/Width.html index 7bebf3c39a1..916f9ed4053 100644 --- a/review/fix-react-attributes/components/tabs/code/Width.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tabs/docs/Angular.html b/review/fix-react-attributes/components/tabs/docs/Angular.html index d91c0084492..6fe49872784 100644 --- a/review/fix-react-attributes/components/tabs/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tabs/docs/HTML.html b/review/fix-react-attributes/components/tabs/docs/HTML.html index 18d1a971ca9..d613f10cd86 100644 --- a/review/fix-react-attributes/components/tabs/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tabs/docs/Migration.html b/review/fix-react-attributes/components/tabs/docs/Migration.html index b8333f57ecb..01d5702fb71 100644 --- a/review/fix-react-attributes/components/tabs/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tabs/docs/React.html b/review/fix-react-attributes/components/tabs/docs/React.html index 7c55edfc2c3..ed35aa0ae38 100644 --- a/review/fix-react-attributes/components/tabs/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tabs/docs/Vue.html b/review/fix-react-attributes/components/tabs/docs/Vue.html index 72bf84e077c..2261f3ad2cd 100644 --- a/review/fix-react-attributes/components/tabs/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tabs/how-to-use.html b/review/fix-react-attributes/components/tabs/how-to-use.html index 0cc0a83c346..b83d266fb4b 100644 --- a/review/fix-react-attributes/components/tabs/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tabs/migration.html b/review/fix-react-attributes/components/tabs/migration.html index 5e80447c507..2da8aab39b3 100644 --- a/review/fix-react-attributes/components/tabs/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tabs/overview.html b/review/fix-react-attributes/components/tabs/overview.html index ccb197742aa..96f39c22cd4 100644 --- a/review/fix-react-attributes/components/tabs/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tabs/properties.html b/review/fix-react-attributes/components/tabs/properties.html index 16de4996c78..df8a56e40e4 100644 --- a/review/fix-react-attributes/components/tabs/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag.html b/review/fix-react-attributes/components/tag.html index b6a6a712ae7..86d56d6178b 100644 --- a/review/fix-react-attributes/components/tag.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/code/Behaviour.html b/review/fix-react-attributes/components/tag/code/Behaviour.html index ef89476d70c..017e128d9ac 100644 --- a/review/fix-react-attributes/components/tag/code/Behaviour.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/code/Content.html b/review/fix-react-attributes/components/tag/code/Content.html index c59e4d28a66..bdd16eb0900 100644 --- a/review/fix-react-attributes/components/tag/code/Content.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/code/Emphasis.html b/review/fix-react-attributes/components/tag/code/Emphasis.html index f0431256956..f137a404af2 100644 --- a/review/fix-react-attributes/components/tag/code/Emphasis.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/code/Example.html b/review/fix-react-attributes/components/tag/code/Example.html index b7298966b40..3dbb7e04244 100644 --- a/review/fix-react-attributes/components/tag/code/Example.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/code/Overflow.html b/review/fix-react-attributes/components/tag/code/Overflow.html index 5ecf2869a1a..7fb25b5b7b9 100644 --- a/review/fix-react-attributes/components/tag/code/Overflow.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/code/State.html b/review/fix-react-attributes/components/tag/code/State.html index 47df983492c..c06f8bcaef8 100644 --- a/review/fix-react-attributes/components/tag/code/State.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/code/Tonality.html b/review/fix-react-attributes/components/tag/code/Tonality.html index 00a15e9b394..e9dcb2ca2c3 100644 --- a/review/fix-react-attributes/components/tag/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/code/Variant.html b/review/fix-react-attributes/components/tag/code/Variant.html index aae36c32bcc..7f00e380d05 100644 --- a/review/fix-react-attributes/components/tag/code/Variant.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/docs/Angular.html b/review/fix-react-attributes/components/tag/docs/Angular.html index 14dd8c144fb..a1f3bf3f597 100644 --- a/review/fix-react-attributes/components/tag/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tag/docs/HTML.html b/review/fix-react-attributes/components/tag/docs/HTML.html index dc57f8fd636..2ce37ed31fb 100644 --- a/review/fix-react-attributes/components/tag/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tag/docs/Migration.html b/review/fix-react-attributes/components/tag/docs/Migration.html index 14a6447b931..2cce69a1ca8 100644 --- a/review/fix-react-attributes/components/tag/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/docs/React.html b/review/fix-react-attributes/components/tag/docs/React.html index 7549f3de6db..3f33172e621 100644 --- a/review/fix-react-attributes/components/tag/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tag/docs/Vue.html b/review/fix-react-attributes/components/tag/docs/Vue.html index 37ad90efe55..308ecbe8117 100644 --- a/review/fix-react-attributes/components/tag/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tag/how-to-use.html b/review/fix-react-attributes/components/tag/how-to-use.html index ffc187ee257..976bb1993f9 100644 --- a/review/fix-react-attributes/components/tag/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/migration.html b/review/fix-react-attributes/components/tag/migration.html index 9c8ea643cc6..1cd984a6423 100644 --- a/review/fix-react-attributes/components/tag/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/overview.html b/review/fix-react-attributes/components/tag/overview.html index cadabf2d8f5..319ed0e536b 100644 --- a/review/fix-react-attributes/components/tag/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tag/properties.html b/review/fix-react-attributes/components/tag/properties.html index ffa795995f3..aa7ac76ef9c 100644 --- a/review/fix-react-attributes/components/tag/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea.html b/review/fix-react-attributes/components/textarea.html index 5de090e9f04..84045a1224c 100644 --- a/review/fix-react-attributes/components/textarea.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/code/Requirement.html b/review/fix-react-attributes/components/textarea/code/Requirement.html index 81a34f2444c..31d2f3fab14 100644 --- a/review/fix-react-attributes/components/textarea/code/Requirement.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/code/Rows.html b/review/fix-react-attributes/components/textarea/code/Rows.html index a5df4c06099..56bbc21e231 100644 --- a/review/fix-react-attributes/components/textarea/code/Rows.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/code/Semantic.html b/review/fix-react-attributes/components/textarea/code/Semantic.html index 9ee6dd9dc96..edf6f6e56b1 100644 --- a/review/fix-react-attributes/components/textarea/code/Semantic.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/code/StatesFloatingLabel.html b/review/fix-react-attributes/components/textarea/code/StatesFloatingLabel.html index 0c9b73f20ee..786300cddb2 100644 --- a/review/fix-react-attributes/components/textarea/code/StatesFloatingLabel.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/code/StatesLabelAbove.html b/review/fix-react-attributes/components/textarea/code/StatesLabelAbove.html index bd7c9ce9c69..dcac77987b5 100644 --- a/review/fix-react-attributes/components/textarea/code/StatesLabelAbove.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/code/Tonality.html b/review/fix-react-attributes/components/textarea/code/Tonality.html index 450aa1f9558..9ff80059cc2 100644 --- a/review/fix-react-attributes/components/textarea/code/Tonality.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/code/VariantHelperMessage.html b/review/fix-react-attributes/components/textarea/code/VariantHelperMessage.html index 87347b4fc64..6957b5a71bd 100644 --- a/review/fix-react-attributes/components/textarea/code/VariantHelperMessage.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/code/VariantLabel.html b/review/fix-react-attributes/components/textarea/code/VariantLabel.html index c49e9852135..b6ad2def31b 100644 --- a/review/fix-react-attributes/components/textarea/code/VariantLabel.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/docs/Angular.html b/review/fix-react-attributes/components/textarea/docs/Angular.html index 1eb2c6c5ceb..f4f63b03255 100644 --- a/review/fix-react-attributes/components/textarea/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/textarea/docs/HTML.html b/review/fix-react-attributes/components/textarea/docs/HTML.html index ba8728015ed..23ff24b8e6f 100644 --- a/review/fix-react-attributes/components/textarea/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/textarea/docs/Migration.html b/review/fix-react-attributes/components/textarea/docs/Migration.html index de771b4d019..4342b4d3d81 100644 --- a/review/fix-react-attributes/components/textarea/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/docs/React.html b/review/fix-react-attributes/components/textarea/docs/React.html index 8bf94760c17..1f6f0632cd8 100644 --- a/review/fix-react-attributes/components/textarea/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/textarea/docs/Vue.html b/review/fix-react-attributes/components/textarea/docs/Vue.html index 3886a7e6dcf..bcc216b49a7 100644 --- a/review/fix-react-attributes/components/textarea/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-react-attributes/components/textarea/how-to-use.html b/review/fix-react-attributes/components/textarea/how-to-use.html index ab1177fb2f1..2b9e12b7a3e 100644 --- a/review/fix-react-attributes/components/textarea/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/migration.html b/review/fix-react-attributes/components/textarea/migration.html index 53dc81c0789..d9b96257edd 100644 --- a/review/fix-react-attributes/components/textarea/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/overview.html b/review/fix-react-attributes/components/textarea/overview.html index 954e1156460..16a6cddd648 100644 --- a/review/fix-react-attributes/components/textarea/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/textarea/properties.html b/review/fix-react-attributes/components/textarea/properties.html index ac03bce381a..2fbf2b9d1be 100644 --- a/review/fix-react-attributes/components/textarea/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tooltip.html b/review/fix-react-attributes/components/tooltip.html index a7353a04142..897b3f95132 100644 --- a/review/fix-react-attributes/components/tooltip.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tooltip/code/Animations.html b/review/fix-react-attributes/components/tooltip/code/Animations.html index 6bcc0fc050c..cdd9f349d1c 100644 --- a/review/fix-react-attributes/components/tooltip/code/Animations.html +++ b/review/fix-react-attributes/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"
@@ -57,4 +57,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/fix-react-attributes/components/tooltip/code/Emphasis.html b/review/fix-react-attributes/components/tooltip/code/Emphasis.html index 4570ace4e66..089d7fc6d05 100644 --- a/review/fix-react-attributes/components/tooltip/code/Emphasis.html +++ b/review/fix-react-attributes/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"
@@ -27,4 +27,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/fix-react-attributes/components/tooltip/code/Placement.html b/review/fix-react-attributes/components/tooltip/code/Placement.html index e4e044118c9..6bc7257d75f 100644 --- a/review/fix-react-attributes/components/tooltip/code/Placement.html +++ b/review/fix-react-attributes/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"
@@ -178,4 +178,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/fix-react-attributes/components/tooltip/code/Tonality.html b/review/fix-react-attributes/components/tooltip/code/Tonality.html index dbafececa25..556a09223af 100644 --- a/review/fix-react-attributes/components/tooltip/code/Tonality.html +++ b/review/fix-react-attributes/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"
@@ -40,4 +40,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/fix-react-attributes/components/tooltip/code/Variant.html b/review/fix-react-attributes/components/tooltip/code/Variant.html index 74e5e7171f6..ea063bb55df 100644 --- a/review/fix-react-attributes/components/tooltip/code/Variant.html +++ b/review/fix-react-attributes/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"
@@ -27,4 +27,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/fix-react-attributes/components/tooltip/code/Width.html b/review/fix-react-attributes/components/tooltip/code/Width.html index 3612cff3b38..cb5e4d4f9ea 100644 --- a/review/fix-react-attributes/components/tooltip/code/Width.html +++ b/review/fix-react-attributes/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"
 >
@@ -48,4 +48,4 @@
   id="tooltip-13"
 >
   Fixed
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tooltip/docs/Angular.html b/review/fix-react-attributes/components/tooltip/docs/Angular.html index 77cca539c45..07d6dd3f32b 100644 --- a/review/fix-react-attributes/components/tooltip/docs/Angular.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tooltip/docs/HTML.html b/review/fix-react-attributes/components/tooltip/docs/HTML.html index b1ce3acf58c..0d9581e49e3 100644 --- a/review/fix-react-attributes/components/tooltip/docs/HTML.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tooltip/docs/Migration.html b/review/fix-react-attributes/components/tooltip/docs/Migration.html index 05d0c5e355d..8407197a318 100644 --- a/review/fix-react-attributes/components/tooltip/docs/Migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tooltip/docs/React.html b/review/fix-react-attributes/components/tooltip/docs/React.html index 89d0390e125..a235294ecb7 100644 --- a/review/fix-react-attributes/components/tooltip/docs/React.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tooltip/docs/Vue.html b/review/fix-react-attributes/components/tooltip/docs/Vue.html index e0f3fa45696..3d661d2b2bb 100644 --- a/review/fix-react-attributes/components/tooltip/docs/Vue.html +++ b/review/fix-react-attributes/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":"X1NImgRdykMG87brM_J9S","assetPrefix":"/mono/review/fix-react-attributes","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-react-attributes/components/tooltip/how-to-use.html b/review/fix-react-attributes/components/tooltip/how-to-use.html index 4fcc8c7e566..2ea8a75f2bc 100644 --- a/review/fix-react-attributes/components/tooltip/how-to-use.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tooltip/migration.html b/review/fix-react-attributes/components/tooltip/migration.html index 6ba745f8348..1254e0a5f5f 100644 --- a/review/fix-react-attributes/components/tooltip/migration.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tooltip/overview.html b/review/fix-react-attributes/components/tooltip/overview.html index edfeb67fb43..993c0ab466e 100644 --- a/review/fix-react-attributes/components/tooltip/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/components/tooltip/properties.html b/review/fix-react-attributes/components/tooltip/properties.html index cd95885edb3..274912c3e82 100644 --- a/review/fix-react-attributes/components/tooltip/properties.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/colors/color-schemes.html b/review/fix-react-attributes/foundations/colors/color-schemes.html index f88f0932c87..58dfd7b01a6 100644 --- a/review/fix-react-attributes/foundations/colors/color-schemes.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/colors/overview.html b/review/fix-react-attributes/foundations/colors/overview.html index 8633d8ad8f2..5d813768551 100644 --- a/review/fix-react-attributes/foundations/colors/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/colors/readme.html b/review/fix-react-attributes/foundations/colors/readme.html index e801e87877c..535abada752 100644 --- a/review/fix-react-attributes/foundations/colors/readme.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/font-sizes/overview.html b/review/fix-react-attributes/foundations/font-sizes/overview.html index 79b80ce6413..50820894c1a 100644 --- a/review/fix-react-attributes/foundations/font-sizes/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/font-sizes/readme.html b/review/fix-react-attributes/foundations/font-sizes/readme.html index 3e149240a5a..f2b8d055fde 100644 --- a/review/fix-react-attributes/foundations/font-sizes/readme.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/icons/custom-icons.html b/review/fix-react-attributes/foundations/icons/custom-icons.html index 73ada0d739a..d034a6b49c1 100644 --- a/review/fix-react-attributes/foundations/icons/custom-icons.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/icons/overview.html b/review/fix-react-attributes/foundations/icons/overview.html index 1698ef75d0d..d01d0ecec2d 100644 --- a/review/fix-react-attributes/foundations/icons/overview.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/icons/readme.html b/review/fix-react-attributes/foundations/icons/readme.html index 56dd50cfd34..38c5d934956 100644 --- a/review/fix-react-attributes/foundations/icons/readme.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/readme.html b/review/fix-react-attributes/foundations/readme.html index d5d6de10cbc..8c436b67467 100644 --- a/review/fix-react-attributes/foundations/readme.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/tonalities/examples.html b/review/fix-react-attributes/foundations/tonalities/examples.html index be5ae7b8139..4c307a503a3 100644 --- a/review/fix-react-attributes/foundations/tonalities/examples.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/tonalities/readme.html b/review/fix-react-attributes/foundations/tonalities/readme.html index 8a6b33c334c..b6abb478b0e 100644 --- a/review/fix-react-attributes/foundations/tonalities/readme.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/variables/examples.html b/review/fix-react-attributes/foundations/variables/examples.html index 114e4117242..67219ae4241 100644 --- a/review/fix-react-attributes/foundations/variables/examples.html +++ b/review/fix-react-attributes/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/fix-react-attributes/foundations/variables/readme.html b/review/fix-react-attributes/foundations/variables/readme.html index 4b398acffe9..77d52b646d7 100644 --- a/review/fix-react-attributes/foundations/variables/readme.html +++ b/review/fix-react-attributes/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/fix-react-attributes/iframe.html b/review/fix-react-attributes/iframe.html index 38dd8c070ef..5753d7a36a4 100644 --- a/review/fix-react-attributes/iframe.html +++ b/review/fix-react-attributes/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/fix-react-attributes/index.html b/review/fix-react-attributes/index.html index ed44384de5c..2dc7365c063 100644 --- a/review/fix-react-attributes/index.html +++ b/review/fix-react-attributes/index.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file