Merge branch 'main' into Definition-of-done

package.json

@@ -38,16 +38,16 @@
   ],
   "dependencies": {
     "@carbon/charts-react": "0.55.0",
-    "@carbon/icons-react": "^11.48.0",
-    "@carbon/pictograms": "^12.39.0",
-    "@carbon/pictograms-react": "^11.65.0",
+    "@carbon/icons-react": "^11.50.0",
+    "@carbon/pictograms": "^12.41.0",
+    "@carbon/pictograms-react": "^11.67.0",
     "@loadable/babel-plugin": "^5.16.1",
     "@loadable/component": "^5.16.4",
     "codesandbox": "^2.2.3",
     "d3": "^7.9.0",
     "gatsby": "^5.13.5",
     "gatsby-plugin-sharp": "^5.13.1",
-    "gatsby-theme-carbon": "^4.0.8",
+    "gatsby-theme-carbon": "^4.1.4",
     "markdown-it": "^14.1.0",
     "prettier-config-carbon": "^0.11.0",
     "react": "^18.2.0",

src/pages/components/UI-shell-header/code.mdx

@@ -17,9 +17,9 @@ the Storybooks for each framework below.
 
 <Row className="resource-card-group">
 <Column colLg={4} colMd={4} noGutterSm>
-  <ResourceCard
+ <ResourceCard
     subTitle="React"
-    href="https://react.carbondesignsystem.com/?path=/story/components-ui-shell--header-base"
+    href="https://react.carbondesignsystem.com/?path=/story/components-ui-shell-header--header-w-navigation"
     >
 
 <MdxIcon name="react" />

src/pages/components/UI-shell-left-panel/code.mdx

@@ -19,7 +19,7 @@ see the Storybooks for each framework below.
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
     subTitle="React"
-    href="https://react.carbondesignsystem.com/?path=/story/components-ui-shell--fixed-side-nav"
+    href="https://react.carbondesignsystem.com/?path=/story/components-ui-shell-sidenav--fixed-side-nav"
     >
 
 <MdxIcon name="react" />

src/pages/components/UI-shell-right-panel/code.mdx

@@ -19,7 +19,7 @@ documentation, see the Storybooks for each framework below.
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
     subTitle="React"
-    href="https://react.carbondesignsystem.com/?path=/story/components-ui-shell--header-base-w-actions-and-right-panel"
+    href="https://react.carbondesignsystem.com/?path=/story/components-ui-shell-header--header-w-actions-and-right-panel"
     >
 
 <MdxIcon name="react" />

src/pages/components/checkbox/code.mdx

@@ -19,7 +19,7 @@ documentation, see the Storybooks for each framework below.
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
     subTitle="React"
-    href="https://react.carbondesignsystem.com/?path=/story/components-checkbox--checkbox"
+    href="https://react.carbondesignsystem.com/?path=/story/components-checkbox--default"
     >
 
 <MdxIcon name="react" />

src/pages/guidelines/carbon-for-ai/index.mdx

@@ -398,8 +398,8 @@ harmoniously together, as parts of a greater whole.
 <Column colMd={3} colLg={3} noGutterSm>
 
 <ImageCard 
-sub-title="Checkbox"
-sub-titleColor="dark"
+subTitle="Checkbox"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/checkbox/usage/#ai-presence">
 
@@ -408,8 +408,8 @@ href="/components/checkbox/usage/#ai-presence">
 </ImageCard>
 
 <ImageCard
-sub-title="Form"
-sub-titleColor="dark"
+subTitle="Form"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/form/usage/#ai-presence">
 
@@ -418,8 +418,8 @@ href="/components/form/usage/#ai-presence">
 </ImageCard>
 
 <ImageCard
-sub-title="Select"
-sub-titleColor="dark"
+subTitle="Select"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/select/usage/#ai-presence">
 
@@ -432,8 +432,8 @@ href="/components/select/usage/#ai-presence">
 <Column colMd={3} colLg={3} noGutterSm>
 
 <ImageCard 
-sub-title="Data table"
-sub-titleColor="dark"
+subTitle="Data table"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/data-table/usage/#ai-presence">
 
@@ -442,8 +442,8 @@ href="/components/data-table/usage/#ai-presence">
 </ImageCard>
 
 <ImageCard
-sub-title="Modal"
-sub-titleColor="dark"
+subTitle="Modal"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/modal/usage/#ai-presence">
 
@@ -452,8 +452,8 @@ href="/components/modal/usage/#ai-presence">
 </ImageCard>
 
 <ImageCard
-sub-title="Tag"
-sub-titleColor="dark"
+subTitle="Tag"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/tag/usage/#ai-presence">
 
@@ -466,8 +466,8 @@ href="/components/tag/usage/#ai-presence">
 <Column colMd={3} colLg={3} noGutterSm>
 
 <ImageCard
-sub-title="Date picker"
-sub-titleColor="dark"
+subTitle="Date picker"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/date-picker/usage/#ai-presence">
 
@@ -476,8 +476,8 @@ href="/components/date-picker/usage/#ai-presence">
 </ImageCard>
 
 <ImageCard
-sub-title="Number input"
-sub-titleColor="dark"
+subTitle="Number input"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/number-input/usage/#ai-presence">
 
@@ -486,8 +486,8 @@ href="/components/number-input/usage/#ai-presence">
 </ImageCard>
 
 <ImageCard
-sub-title="Text input"
-sub-titleColor="dark"
+subTitle="Text input"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/text-input/usage/#ai-presence">
 
@@ -500,8 +500,8 @@ href="/components/text-input/usage/#ai-presence">
 <Column colMd={3} colLg={3} noGutterSm>
 
 <ImageCard
-sub-title="Dropdown"
-sub-titleColor="dark"
+subTitle="Dropdown"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/dropdown/usage/#ai-presence">
 
@@ -510,8 +510,8 @@ href="/components/dropdown/usage/#ai-presence">
 </ImageCard>
 
 <ImageCard
-sub-title="Radio button"
-sub-titleColor="dark"
+subTitle="Radio button"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/radio-button/usage/#ai-presence">
 
@@ -520,8 +520,8 @@ href="/components/radio-button/usage/#ai-presence">
 </ImageCard>
 
 <ImageCard
-sub-title="Tile"
-sub-titleColor="dark"
+subTitle="Tile"
+subTitleColor="dark"
 hoverColor="dark"
 href="/components/tile/usage/#ai-presence">