Update Web Badge page to fix crash

Skyscanner · Feb 2, 2023 · 80fb1c4 · 80fb1c4
1 parent e6c74a0
commit 80fb1c4
Showing 1 changed file with 22 additions and 24 deletions.
diff --git a/docs/src/pages/components/Badge/WebBadgePage.mdx b/docs/src/pages/components/Badge/WebBadgePage.mdx
@@ -7,49 +7,44 @@ githubPath: bpk-component-badge
 
 import PresentationBlock from 'components/PresentationBlock';
 import Readme from 'backpack/packages/bpk-component-badge/README.md';
-import {
+import {  
   DefaultExample,
-  CenteredExample,
-  DockedLeadingExample,
-  DockedTrailingExample,
   WarningExample,
   SuccessExample,
-  DestructiveExample,
-  StrongExample,
-  BrandExample,
-  LightExample,
+  CriticalExample,
   InverseExample,
   OutlineExample,
+  StrongExample,
+  BrandExample,
+  CenteredExample,
+  DockedLeadingExample,
+  DockedTrailingExample,
 } from 'backpack/examples/bpk-component-badge/examples';
 
 ## Table of contents
 
 ## Default
 
-The default behaviour for a badge is to sit next to other objects with text aligned to the baseline.
-
 <PresentationBlock>
   <DefaultExample />
 </PresentationBlock>
 
-## Docked
-
-A badge can also be configured to have a top right, or top left modifier to pin it to the corner of its parent.
+## Success
 
 <PresentationBlock>
-  <DockedTrailingExample />
+  <SuccessExample />
 </PresentationBlock>
 
-## Success
+## Warning
 
 <PresentationBlock>
-  <SuccessExample />
+  <WarningExample />
 </PresentationBlock>
 
-## Destructive
+## Critical
 
 <PresentationBlock>
-  <DestructiveExample />
+  <CriticalExample />
 </PresentationBlock>
 
 ## Strong
@@ -64,12 +59,6 @@ A badge can also be configured to have a top right, or top left modifier to pin
   <BrandExample />
 </PresentationBlock>
 
-## Light
-
-<PresentationBlock>
-  <LightExample />
-</PresentationBlock>
-
 ## Inverse
 
 <PresentationBlock>
@@ -82,6 +71,15 @@ A badge can also be configured to have a top right, or top left modifier to pin
   <OutlineExample />
 </PresentationBlock>
 
+
+## Docked
+
+A badge can also be configured to have a top right, or top left modifier to pin it to the corner of its parent.
+
+<PresentationBlock>
+  <DockedTrailingExample />
+</PresentationBlock>
+
 ## Implementation
 
 <Readme />