chore: update theme and other dependencies (#2602)

* chore: update theme and other dependencies * chore: update packages again Co-authored-by: Abbey Hart <abbeyhrt@gmail.com>
carbon-design-system · Nov 4, 2021 · 97e7f31 · 97e7f31 · vercel · Nov 4, 2021
1 parent c43b82b
commit 97e7f31
Show file tree

Hide file tree

Showing 6 changed files with 1,419 additions and 584 deletions.
diff --git a/package.json b/package.json
@@ -58,7 +58,7 @@
     "gatsby": "^3.14.3",
     "gatsby-image": "^3.7.1",
     "gatsby-plugin-image": "^1.14.1",
-    "gatsby-theme-carbon": "^2.1.4-next.0",
+    "gatsby-theme-carbon": "^2.1.5",
     "lodash-es": "^4.17.15",
     "markdown-it": "^9.0.1",
     "nanoid": "^2.1.11",

diff --git a/src/pages/components/form/usage.mdx b/src/pages/components/form/usage.mdx
@@ -44,7 +44,8 @@ do you gain by collecting this information?
       id: 'form',
       label: 'Form',
     },
-  ]}>
+  ]}
+>
   <ComponentVariant
     id="form"
     knobs={{
@@ -58,11 +59,12 @@ do you gain by collecting this information?
         'https://react.carbondesignsystem.com/?path=/story/components-form--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-input--label',
-      Vue:
-        'http://vue.carbondesignsystem.com/?path=/story/components-cvform--default',
+      Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvform--default',
       Vanilla: 'https://the-carbon-components.netlify.com/?nav=form',
-      "Web Components": 'https://web-components.carbondesignsystem.com/?path=/story/components-input--form-item',
-    }}>{`
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-input--form-item',
+    }}
+  >{`
   <Form>
   <div style={{marginBottom: '2rem'}}>
     <TextInput

diff --git a/src/pages/components/tile/usage.mdx b/src/pages/components/tile/usage.mdx
@@ -84,7 +84,8 @@ modules. Here are some common use cases for when to use tiles:
       id: 'expandable-tile',
       label: 'Expandable tile',
     },
-  ]}>
+  ]}
+>
   <ComponentVariant
     id="tile"
     knobs={{
@@ -97,8 +98,10 @@ modules. Here are some common use cases for when to use tiles:
         'https://angular.carbondesignsystem.com/?path=/story/components-tiles--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvtile--default',
       Vanilla: 'https://the-carbon-components.netlify.com/?nav=tile',
-      "Web Components": 'https://web-components.carbondesignsystem.com/?path=/story/components-tile--default',
-    }}>{`
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-tile--default',
+    }}
+  >{`
     <Tile>
       Default tile
     </Tile>
@@ -115,8 +118,10 @@ modules. Here are some common use cases for when to use tiles:
         'https://angular.carbondesignsystem.com/?path=/story/components-tiles--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvtile--default',
       Vanilla: 'https://the-carbon-components.netlify.com/?nav=tile',
-      "Web Components": 'https://web-components.carbondesignsystem.com/?path=/story/components-tile--clickable',
-    }}>{`
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-tile--clickable',
+    }}
+  >{`
     <ClickableTile
       href="#"
     >
@@ -135,8 +140,10 @@ modules. Here are some common use cases for when to use tiles:
         'https://angular.carbondesignsystem.com/?path=/story/components-tiles--clickable',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvtile--clickable',
       Vanilla: 'https://the-carbon-components.netlify.com/?nav=tile',
-      "Web Components": 'https://web-components.carbondesignsystem.com/?path=/story/components-tile--single-selectable',
-    }}>{`
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-tile--single-selectable',
+    }}
+  >{`
     <TileGroup
       defaultSelected="default-selected"
       legend="Radio tile group"
@@ -180,8 +187,10 @@ modules. Here are some common use cases for when to use tiles:
         'https://angular.carbondesignsystem.com/?path=/story/components-tiles--selectable',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvtile--selectable',
       Vanilla: 'https://the-carbon-components.netlify.com/?nav=tile',
-      "Web Components": 'https://web-components.carbondesignsystem.com/?path=/story/components-tile--single-selectable',
-    }}>{`
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-tile--single-selectable',
+    }}
+  >{`
     <div
       aria-label="selectable tiles"
       role="group"
@@ -227,8 +236,10 @@ modules. Here are some common use cases for when to use tiles:
         'https://angular.carbondesignsystem.com/?path=/story/components-tiles--expandable',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvtile--expandable',
       Vanilla: 'https://the-carbon-components.netlify.com/?nav=tile',
-      "Web Components": 'https://web-components.carbondesignsystem.com/?path=/story/components-tile--expandable',
-    }}>{`
+      'Web Components':
+        'https://web-components.carbondesignsystem.com/?path=/story/components-tile--expandable',
+    }}
+  >{`
     <ExpandableTile
       tabIndex={0}
       tileCollapsedIconText="Interact to Expand tile"
@@ -607,7 +618,7 @@ what content it contains but all types of tiles can take focus.
 | Key             | Interaction                                                                                                                                                                |
 | --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | Tab             | Move forward through tiles (if tiles themselves are clickable) and interactive elements within the tiles in a logical order                                                |
-| Shift + Tab      | Move backward through tiles (if tiles themselves are clickable) and interactive elements within the tiles in a logical order                                               |
+| Shift + Tab     | Move backward through tiles (if tiles themselves are clickable) and interactive elements within the tiles in a logical order                                               |
 | Return or Enter | Return or enter will open the tile (if the tile itself is clickable). If the tile is not clickable but has interactive elements, their corresponding actions are performed |
 | Space           | If the tile is selectable, the space bar will toggle tile selection                                                                                                        |
 

diff --git a/src/pages/designing/design-resources/index.mdx b/src/pages/designing/design-resources/index.mdx
@@ -125,7 +125,8 @@ You'll find even more guidance and assets in this file than on the site.
   <ResourceCard
     subTitle="UI Shell template"
     href="https://www.sketch.com/s/6a8e1d7b-f00a-4d8d-9d83-79ecf4dc12a0"
-    actionIcon="launch">
+    actionIcon="launch"
+  >
     <MdxIcon name="sketch" />
   </ResourceCard>
 </Column>
@@ -134,7 +135,8 @@ You'll find even more guidance and assets in this file than on the site.
   <ResourceCard
     subTitle="Text toolbar pattern library"
     href="sketch://add-library/cloud/f32b7e90-d97e-48ef-ae53-beabf75f5846"
-    actionIcon="download">
+    actionIcon="download"
+  >
     <MdxIcon name="sketch" />
   </ResourceCard>
 </Column>

diff --git a/src/pages/developing/frameworks/svelte.mdx b/src/pages/developing/frameworks/svelte.mdx
@@ -38,21 +38,24 @@ support, contact the
   <Column colLg={4} colMd={4} noGutterSm>
     <ResourceCard
       subTitle="Carbon Components Svelte"
-      href="https://github.com/IBM/carbon-components-svelte">
+      href="https://github.com/IBM/carbon-components-svelte"
+    >
       <MdxIcon name="github" />
     </ResourceCard>
   </Column>
   <Column colMd={4} colLg={4} noGutterSm>
     <ResourceCard
       subTitle="Carbon Icons Svelte"
-      href="https://github.com/IBM/carbon-icons-svelte">
+      href="https://github.com/IBM/carbon-icons-svelte"
+    >
       <MdxIcon name="github" />
     </ResourceCard>
   </Column>
   <Column colMd={4} colLg={4} noGutterSm>
     <ResourceCard
       subTitle="Carbon Pictograms Svelte"
-      href="https://github.com/IBM/carbon-pictograms-svelte">
+      href="https://github.com/IBM/carbon-pictograms-svelte"
+    >
       <MdxIcon name="github" />
     </ResourceCard>
   </Column>