docs(code-pages): removing web components from community (#3468)

* docs(code-pages): removing web components from community * docs(code-pages): updating variant links order
carbon-design-system · Mar 31, 2023 · 9eeae58 · 9eeae58 · vercel · Mar 31, 2023
1 parent b56b88c
commit 9eeae58
Show file tree

Hide file tree

Showing 58 changed files with 512 additions and 512 deletions.
diff --git a/src/pages/components/UI-shell-header/code.mdx b/src/pages/components/UI-shell-header/code.mdx
@@ -28,31 +28,31 @@ the Storybooks for each framework below.
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Angular (Community)"
-      href="https://angular.carbondesignsystem.com/?path=/story/components-ui-shell--header"
+      subTitle="Web Components"
+      href="https://web-components.carbondesignsystem.com/?path=/story/components-ui-shell--header"
       >
 
-<MdxIcon name="angular" />
+<MdxIcon name="webcomponents" />
 
   </ResourceCard>
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Vue (Community)"
-      href="https://vue.carbondesignsystem.com/?path=/story/components-cvuishell-header--header-base"
+      subTitle="Angular (Community)"
+      href="https://angular.carbondesignsystem.com/?path=/story/components-ui-shell--header"
       >
 
-<MdxIcon name="vue" />
+<MdxIcon name="angular" />
 
   </ResourceCard>
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Web Components (Community)"
-      href="https://web-components.carbondesignsystem.com/?path=/story/components-ui-shell--header"
+      subTitle="Vue (Community)"
+      href="https://vue.carbondesignsystem.com/?path=/story/components-cvuishell-header--header-base"
       >
 
-<MdxIcon name="webcomponents" />
+<MdxIcon name="vue" />
 
   </ResourceCard>
 </Column>

diff --git a/src/pages/components/UI-shell-left-panel/code.mdx b/src/pages/components/UI-shell-left-panel/code.mdx
@@ -28,31 +28,31 @@ see the Storybooks for each framework below.
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Angular (Community)"
-      href="https://angular.carbondesignsystem.com/?path=/story/components-ui-shell--side-navigation"
+      subTitle="Web Components"
+      href="https://web-components.carbondesignsystem.com/?path=/story/components-ui-shell--side-nav"
       >
 
-<MdxIcon name="angular" />
+<MdxIcon name="webcomponents" />
 
   </ResourceCard>
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Vue (Community)"
-      href="https://vue.carbondesignsystem.com/?path=/story/components-cvuishell-header--fixed-side-nav"
+      subTitle="Angular (Community)"
+      href="https://angular.carbondesignsystem.com/?path=/story/components-ui-shell--side-navigation"
       >
 
-<MdxIcon name="vue" />
+<MdxIcon name="angular" />
 
   </ResourceCard>
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Web Components (Community)"
-      href="https://web-components.carbondesignsystem.com/?path=/story/components-ui-shell--side-nav"
+      subTitle="Vue (Community)"
+      href="https://vue.carbondesignsystem.com/?path=/story/components-cvuishell-header--fixed-side-nav"
       >
 
-<MdxIcon name="webcomponents" />
+<MdxIcon name="vue" />
 
   </ResourceCard>
 </Column>

diff --git a/src/pages/components/accordion/code.mdx b/src/pages/components/accordion/code.mdx
@@ -29,31 +29,31 @@ usage documentation, see the Storybooks for each framework below.
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Angular (Community)"
-      href="https://angular.carbondesignsystem.com/?path=/story/components-accordion--basic"
+      subTitle="Web Components"
+      href="https://web-components.carbondesignsystem.com/?path=/story/components-accordion--default"
       >
 
-<MdxIcon name="angular" />
+<MdxIcon name="webcomponents" />
 
   </ResourceCard>
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Vue (Community)"
-      href="http://vue.carbondesignsystem.com/?path=/story/components-cvaccordion--default"
+      subTitle="Angular (Community)"
+      href="https://angular.carbondesignsystem.com/?path=/story/components-accordion--basic"
       >
 
-<MdxIcon name="vue" />
+<MdxIcon name="angular" />
 
   </ResourceCard>
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Web Components (Community)"
-      href="https://web-components.carbondesignsystem.com/?path=/story/components-accordion--default"
+      subTitle="Vue (Community)"
+      href="http://vue.carbondesignsystem.com/?path=/story/components-cvaccordion--default"
       >
 
-<MdxIcon name="webcomponents" />
+<MdxIcon name="vue" />
 
   </ResourceCard>
 </Column>
@@ -78,11 +78,11 @@ usage documentation, see the Storybooks for each framework below.
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-accordion--accordion',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-accordion--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-accordion--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvaccordion--default',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-accordion--default',
     }}
   >
     {`

diff --git a/src/pages/components/accordion/usage.mdx b/src/pages/components/accordion/usage.mdx
@@ -66,11 +66,11 @@ extra click; instead use a full scrolling page with normal headers.
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-accordion--accordion',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-accordion--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-accordion--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvaccordion--default',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-accordion--default',
     }}
   >
     {`

diff --git a/src/pages/components/breadcrumb/code.mdx b/src/pages/components/breadcrumb/code.mdx
@@ -28,31 +28,31 @@ usage documentation, see the Storybooks for each framework below.
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Angular (Community)"
-      href="https://angular.carbondesignsystem.com/?path=/story/components-breadcrumb--basic"
+      subTitle="Web Components"
+      href="https://web-components.carbondesignsystem.com/?path=/story/components-breadcrumb--default"
       >
 
-<MdxIcon name="angular" />
+<MdxIcon name="webcomponents" />
 
   </ResourceCard>
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Vue (Community)"
-      href="http://vue.carbondesignsystem.com/?path=/story/components-cvbreadcrumb--default"
+      subTitle="Angular (Community)"
+      href="https://angular.carbondesignsystem.com/?path=/story/components-breadcrumb--basic"
       >
 
-<MdxIcon name="vue" />
+<MdxIcon name="angular" />
 
   </ResourceCard>
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Web Components (Community)"
-      href="https://web-components.carbondesignsystem.com/?path=/story/components-breadcrumb--default"
+      subTitle="Vue (Community)"
+      href="http://vue.carbondesignsystem.com/?path=/story/components-cvbreadcrumb--default"
       >
 
-<MdxIcon name="webcomponents" />
+<MdxIcon name="vue" />
 
   </ResourceCard>
 </Column>
@@ -74,11 +74,11 @@ usage documentation, see the Storybooks for each framework below.
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-breadcrumb--breadcrumb',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-breadcrumb--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-breadcrumb--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvbreadcrumb--default',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-breadcrumb--default',
     }}
   >
     {`
@@ -94,11 +94,11 @@ usage documentation, see the Storybooks for each framework below.
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-breadcrumb--breadcrumb',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-breadcrumb--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-breadcrumb--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvbreadcrumb--default',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-breadcrumb--default',
     }}
   >
     {`

diff --git a/src/pages/components/breadcrumb/usage.mdx b/src/pages/components/breadcrumb/usage.mdx
@@ -75,11 +75,11 @@ type used should be consistent across a product.
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-breadcrumb--breadcrumb',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-breadcrumb--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-breadcrumb--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvbreadcrumb--default',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-breadcrumb--default',
     }}
   >
     {`
@@ -95,11 +95,11 @@ type used should be consistent across a product.
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-breadcrumb--breadcrumb',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-breadcrumb--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-breadcrumb--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvbreadcrumb--default',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-breadcrumb--default',
     }}
   >
     {`

diff --git a/src/pages/components/button/code.mdx b/src/pages/components/button/code.mdx
@@ -28,31 +28,31 @@ documentation, see the Storybooks for each framework below.
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Angular (Community)"
-      href="https://angular.carbondesignsystem.com/?path=/story/components-button--basic"
+      subTitle="Web Components"
+      href="https://web-components.carbondesignsystem.com/?path=/story/components-button--default"
       >
 
-<MdxIcon name="angular" />
+<MdxIcon name="webcomponents" />
 
   </ResourceCard>
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Vue (Community)"
-      href="http://vue.carbondesignsystem.com/?path=/story/components-cvbutton--default"
+      subTitle="Angular (Community)"
+      href="https://angular.carbondesignsystem.com/?path=/story/components-button--basic"
       >
 
-<MdxIcon name="vue" />
+<MdxIcon name="angular" />
 
   </ResourceCard>
 </Column>
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
-      subTitle="Web Components (Community)"
-      href="https://web-components.carbondesignsystem.com/?path=/story/components-button--default"
+      subTitle="Vue (Community)"
+      href="http://vue.carbondesignsystem.com/?path=/story/components-cvbutton--default"
       >
 
-<MdxIcon name="webcomponents" />
+<MdxIcon name="vue" />
 
   </ResourceCard>
 </Column>
@@ -87,11 +87,11 @@ import { Add } from '@carbon/react/icons';
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-button--default',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-button--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-button--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvbutton--default',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-button--default',
     }}
   >
     {`
@@ -106,11 +106,11 @@ import { Add } from '@carbon/react/icons';
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-button--default',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-button--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-button--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvbutton--default',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-button--default',
     }}
   >
     {`
@@ -123,11 +123,11 @@ import { Add } from '@carbon/react/icons';
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-button--icon-button',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-button--icon',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-button--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvbutton--icon-only',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-button--icon',
     }}
   >
     {`

diff --git a/src/pages/components/button/usage.mdx b/src/pages/components/button/usage.mdx
@@ -107,11 +107,11 @@ import { Add } from '@carbon/react/icons';
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-button--default',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-button--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-button--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvbutton--default',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-button--default',
     }}
   >
     {`
@@ -126,11 +126,11 @@ import { Add } from '@carbon/react/icons';
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-button--default',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-button--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-button--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvbutton--default',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-button--default',
     }}
   >
     {`
@@ -143,11 +143,11 @@ import { Add } from '@carbon/react/icons';
     links={{
       React:
         'https://react.carbondesignsystem.com/?path=/story/components-button--icon-button',
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-button--icon',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-button--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvbutton--icon-only',
-      'Web Components':
-        'https://web-components.carbondesignsystem.com/?path=/story/components-button--icon',
     }}
   >
     {`