From 3376ac276987c707b70334ec25aef2e21560806b Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Tue, 21 May 2024 14:15:18 +0200 Subject: [PATCH 01/21] refactor: replacements --- .../src/components/button/button.spec.tsx | 4 +- packages/components/src/shared/model.ts | 4 +- .../pages/foundations/variables/examples.tsx | 2 +- showcases/shared/drawer.json | 38 +++++------ showcases/shared/header.json | 64 +++++++++---------- showcases/shared/navigation.json | 24 +++---- 6 files changed, 68 insertions(+), 68 deletions(-) diff --git a/packages/components/src/components/button/button.spec.tsx b/packages/components/src/components/button/button.spec.tsx index cd9430b9c1c..412bcbb33ea 100644 --- a/packages/components/src/components/button/button.spec.tsx +++ b/packages/components/src/components/button/button.spec.tsx @@ -10,7 +10,7 @@ const defaultButton: any = ( ); const defaultIconButton: any = ( - Account + User ); @@ -19,7 +19,7 @@ const testButton = () => { const variantButton: any = Test; const variantIconButton: any = ( - Account + User ); test(`should contain text for variant ${variant}`, async ({ diff --git a/packages/components/src/shared/model.ts b/packages/components/src/shared/model.ts index d30c6e350b4..f8381d384cf 100644 --- a/packages/components/src/shared/model.ts +++ b/packages/components/src/shared/model.ts @@ -53,14 +53,14 @@ export type SemanticProps = { export type IconProps = { /** - * Define an icon by its identifier (like e.g. _account_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons/overview)) to get displayed in front of the elements content. + * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons/overview)) to get displayed in front of the elements content. */ icon?: IconTypes; }; export type IconAfterProps = { /** - * Define an icon by its identifier (like e.g. _account_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons/overview)) to get displayed in front of the elements content. + * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons/overview)) to get displayed in front of the elements content. */ iconAfter?: IconTypes; }; diff --git a/showcases/patternhub/pages/foundations/variables/examples.tsx b/showcases/patternhub/pages/foundations/variables/examples.tsx index aa36cc03f1a..c91862c8f50 100644 --- a/showcases/patternhub/pages/foundations/variables/examples.tsx +++ b/showcases/patternhub/pages/foundations/variables/examples.tsx @@ -48,7 +48,7 @@ const Example = () => { {example === 'Spacing fixed' && (
- Account + User gap:db-spacing-fixed-xl diff --git a/showcases/shared/drawer.json b/showcases/shared/drawer.json index f1dbcb9b68a..c2aef2f0215 100644 --- a/showcases/shared/drawer.json +++ b/showcases/shared/drawer.json @@ -7,7 +7,7 @@ "className": "db-density-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
", + "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" @@ -18,7 +18,7 @@ "className": "db-density-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
", + "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" @@ -29,7 +29,7 @@ "className": "db-density-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
", + "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" @@ -46,7 +46,7 @@ "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
", + "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)" @@ -59,7 +59,7 @@ "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
", + "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" @@ -76,7 +76,7 @@ "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
", + "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)" @@ -89,7 +89,7 @@ "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
", + "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" @@ -106,7 +106,7 @@ "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
", + "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)" @@ -119,7 +119,7 @@ "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
", + "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" @@ -132,7 +132,7 @@ "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
", + "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" @@ -145,7 +145,7 @@ "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
", + "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" @@ -162,7 +162,7 @@ "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
", + "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)" @@ -175,7 +175,7 @@ "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
", + "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" @@ -188,7 +188,7 @@ "backdrop": "invisible" }, "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
", + "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" @@ -201,7 +201,7 @@ "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
", + "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" @@ -218,7 +218,7 @@ "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
", + "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)" @@ -231,7 +231,7 @@ "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
", + "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" @@ -244,7 +244,7 @@ "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
", + "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" @@ -257,7 +257,7 @@ "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
", + "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" diff --git a/showcases/shared/header.json b/showcases/shared/header.json index 33a5adb62c0..80cfae04b8d 100644 --- a/showcases/shared/header.json +++ b/showcases/shared/header.json @@ -11,10 +11,10 @@ }, "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } }, { @@ -26,10 +26,10 @@ }, "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } }, { @@ -41,10 +41,10 @@ }, "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } } ] @@ -60,10 +60,10 @@ "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } }, { @@ -76,10 +76,10 @@ "width": "medium" }, "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\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\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\tbrand={\n\t\t\t\n\t\t\t\tDBHeader\n\t\t\t\n\t\t}\n\t\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" + "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\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\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\tbrand={\n\t\t\t\n\t\t\t\tDBHeader\n\t\t\t\n\t\t}\n\t\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } }, { @@ -92,10 +92,10 @@ "width": "large" }, "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\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\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\tbrand={\n\t\t\t\n\t\t\t\tDBHeader\n\t\t\t\n\t\t}\n\t\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" + "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\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\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\tbrand={\n\t\t\t\n\t\t\t\tDBHeader\n\t\t\t\n\t\t}\n\t\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } } ] @@ -111,10 +111,10 @@ "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } }, { @@ -127,10 +127,10 @@ "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } } ] diff --git a/showcases/shared/navigation.json b/showcases/shared/navigation.json index ff8a003d5ab..a1cb6d8bd50 100644 --- a/showcases/shared/navigation.json +++ b/showcases/shared/navigation.json @@ -7,10 +7,10 @@ "className": "db-density-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" + "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" } }, { @@ -18,10 +18,10 @@ "className": "db-density-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" + "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" } }, { @@ -29,10 +29,10 @@ "className": "db-density-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" + "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" } } ] From bac4fc0a4cd07145d6c16b2ea2bfa6ed8759b182 Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Tue, 21 May 2024 14:40:05 +0200 Subject: [PATCH 02/21] refactor: added further aspects that got changed lately --- .../src/components/header/docs/HTML.md | 4 +-- .../src/components/navigation/docs/Angular.md | 4 +-- showcases/shared/header.json | 32 +++++++++---------- showcases/shared/navigation.json | 12 +++---- 4 files changed, 26 insertions(+), 26 deletions(-) diff --git a/packages/components/src/components/header/docs/HTML.md b/packages/components/src/components/header/docs/HTML.md index 2f8a08e6137..84647af12d5 100644 --- a/packages/components/src/components/header/docs/HTML.md +++ b/packages/components/src/components/header/docs/HTML.md @@ -34,7 +34,7 @@ For general installation and configuration take a look at the [components](https
\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\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", + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } @@ -26,8 +26,8 @@ }, "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\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\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", + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } @@ -41,8 +41,8 @@ }, "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\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\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", + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } @@ -60,8 +60,8 @@ "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\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\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", + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } @@ -76,8 +76,8 @@ "width": "medium" }, "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\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\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", + "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\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\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\tbrand={\n\t\t\t\n\t\t\t\tDBHeader\n\t\t\t\n\t\t}\n\t\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } @@ -92,8 +92,8 @@ "width": "large" }, "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\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\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", + "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\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\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\tbrand={\n\t\t\t\n\t\t\t\tDBHeader\n\t\t\t\n\t\t}\n\t\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } @@ -111,8 +111,8 @@ "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\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\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", + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } @@ -127,8 +127,8 @@ "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\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\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", + "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\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\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\tmetaNavigation={\n\t\t\t<>\n\t\t\t\tImprint\n\t\t\t\tHelp\n\t\t\t\n\t\t}\n\t\tprimaryAction={\n\t\t\t\n\t\t\t\tSearch\n\t\t\t\n\t\t}\n\t\tsecondaryAction={\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" } diff --git a/showcases/shared/navigation.json b/showcases/shared/navigation.json index a1cb6d8bd50..293bbb61785 100644 --- a/showcases/shared/navigation.json +++ b/showcases/shared/navigation.json @@ -7,8 +7,8 @@ "className": "db-density-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", + "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" } @@ -18,8 +18,8 @@ "className": "db-density-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", + "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" } @@ -29,8 +29,8 @@ "className": "db-density-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", + "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" } From d214a6304185d9b45b9874701f10bbb606e5cd03 Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Tue, 21 May 2024 14:52:17 +0200 Subject: [PATCH 03/21] refactor: added further changes that have been made --- packages/components/src/components/infotext/index.html | 10 +++++----- packages/components/src/components/input/index.html | 2 +- .../components/src/components/notification/index.html | 4 ++-- packages/components/src/components/select/index.html | 2 +- packages/components/src/components/textarea/index.html | 2 +- 5 files changed, 10 insertions(+), 10 deletions(-) diff --git a/packages/components/src/components/infotext/index.html b/packages/components/src/components/infotext/index.html index 25aa39fc21e..44b78f8a444 100644 --- a/packages/components/src/components/infotext/index.html +++ b/packages/components/src/components/infotext/index.html @@ -9,14 +9,14 @@ No data-icon data-icon=none Custom Icon - informational - Overwrite Icon in Variant - successful - warning - critical + successful + warning + critical diff --git a/packages/components/src/components/input/index.html b/packages/components/src/components/input/index.html index af6db14c118..62f2c6ea283 100644 --- a/packages/components/src/components/input/index.html +++ b/packages/components/src/components/input/index.html @@ -30,7 +30,7 @@ informational diff --git a/packages/components/src/components/notification/index.html b/packages/components/src/components/notification/index.html index d0b123ffbe4..a39b45d77a2 100644 --- a/packages/components/src/components/notification/index.html +++ b/packages/components/src/components/notification/index.html @@ -18,7 +18,7 @@

Custom Icon

-
+
Headline