Merge branch 'main' into image-fix

src/data/guidelines/color-tokens.js

@@ -4054,7 +4054,7 @@ const colorTokens = {
         },
         g90: {
           name: 'Gray 80',
-          hex: '#8d8d8d',
+          hex: '#393939',
         },
         g100: {
           name: 'Gray 90',
@@ -4075,7 +4075,7 @@ const colorTokens = {
         },
         g90: {
           name: 'Gray 80',
-          hex: '#8d8d8d',
+          hex: '#393939',
         },
         g100: {
           name: 'Gray 90',
@@ -4096,7 +4096,7 @@ const colorTokens = {
         },
         g90: {
           name: 'Gray 80',
-          hex: '#8d8d8d',
+          hex: '#393939',
         },
         g100: {
           name: 'Gray 90',
@@ -4108,16 +4108,16 @@ const colorTokens = {
       role: ['Warning low contrast notification background'],
       value: {
         white: {
-          name: 'Yellow 30, White',
-          hex: '#f1c21b, #ffffff',
+          name: 'Yellow 10',
+          hex: '#fcf4d6',
         },
         g10: {
-          name: 'Yellow 30, White',
-          hex: '#f1c21b, #ffffff',
+          name: 'Yellow 10',
+          hex: '#fcf4d6',
         },
         g90: {
           name: 'Gray 80',
-          hex: '#8d8d8d',
+          hex: '#393939',
         },
         g100: {
           name: 'Gray 90',

src/data/nav-items.yaml

@@ -42,11 +42,9 @@
 - title: Contributing
   pages:
     - title: Get started
-      path: /contributing/get-started/
-    - title: Code
-      path: /contributing/code/
-    - title: Design
-      path: /contributing/design/
+      path: /contributing/get-started/overview
+    - title: Component checklist
+      path: /contributing/component-checklist/
     - title: Documentation
       path: /contributing/documentation/
 - title: Migrating

src/pages/components/ai-label/code.mdx

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

src/pages/components/breadcrumb/code.mdx

@@ -19,7 +19,7 @@ usage 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-breadcrumb--breadcrumb"
+    href="https://react.carbondesignsystem.com/?path=/story/components-breadcrumb--default"
     >
 
 <MdxIcon name="react" />

src/pages/components/file-uploader/code.mdx

@@ -19,7 +19,7 @@ usage 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-fileuploader--file-uploader"
+    href="https://react.carbondesignsystem.com/?path=/story/components-fileuploader--default"
     >
 
 <MdxIcon name="react" />

src/pages/components/inline-loading/code.mdx

@@ -18,7 +18,7 @@ usage 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-inlineloading--inline-loading"
+    href="https://react.carbondesignsystem.com/?path=/story/components-inlineloading--default"
     >
 
 <MdxIcon name="react" />

src/pages/components/menu/code.mdx

@@ -70,7 +70,7 @@ documentation, see the Storybooks for each framework below.
   variants={[
     {
       label: 'Menu',
-      variant: 'components-context-menu--default',
+      variant: 'components-menu--playground',
     },
   ]}
 />

src/pages/contributing/code.mdx → src/pages/contributing/get-started/code.mdx

@@ -1,8 +1,9 @@
 ---
-title: Code
+title: Getting started
 description:
   Code contributions can include anything from squashing bugs to adding feature
   requests. Check out the instructions below to contribute code effectively.
+tabs: ['Overview', 'Code', 'Design']
 ---
 
 export const Title = () => <span>Contribute code</span>;

src/pages/contributing/design.mdx → src/pages/contributing/get-started/design.mdx

@@ -1,9 +1,10 @@
 ---
-title: Design
+title: Getting started
 description:
   Design contributions can involve anything from creating design specs for
   feature requests to maintaining Figma libraries. Below you'll find tips and
   best practices to get started.
+tabs: ['Overview', 'Code', 'Design']
 ---
 
 export const Title = () => <span>Contribute design</span>;

src/pages/contributing/get-started.mdx → src/pages/contributing/get-started/overview.mdx

@@ -1,9 +1,10 @@
 ---
-title: Get started
+title: Getting started
 description:
-  The Carbon Design System is made possible through a vibrant community of
-  designers and developers. Anyone can contribute code, design, documentation,
-  and ideas. Here's how you can contribute, too!
+  Design contributions can involve anything from creating design specs for
+  feature requests to maintaining Figma libraries. Below you'll find tips and
+  best practices to get started.
+tabs: ['Overview', 'Code', 'Design']
 ---
 
 <PageDescription>
@@ -192,6 +193,15 @@ solutions and then creating a design spec for developers.
 [Here are issues](https://github.com/carbon-design-system/carbon/issues?q=is%3Aopen+is%3Aissue+label%3A%22needs%3A+community+contribution%22+)
 in our enhancement backlog that need design or development work.
 
+### New components
+
+New components are a large multidiscipline contribution and must be contributed
+in phases to insure quality and business value. To propose a net new component,
+follow the [phased contribution process](/contributing/contribution-process) and
+complete all requirements in the
+[component checklist](contributing/component-checklist). All requirement
+categories must be completed before a component can be considered done.
+
 ### Design kits
 
 This work is all about creating and updating reusable components in Figma.
@@ -226,8 +236,14 @@ on the IBM Design Language site.
 
 ## The process
 
-Whether you're contributing code, designs, or documentation, there's a process
-to follow. Here's what it looks like:
+Whether you’re contributing code, designs, or documentation, there’s a process
+to follow.  For larger contributions like new components or patterns a more
+rigorous process must be followed to insure production level quality and
+business value. We have laid out the phases and criteria on the next page in
+[contribution process](contributing/contribution-process).
+
+For smaller contributions like small additions, enhancements, or bug fixes
+follow the process below.
 
 ### 1. Find a project to work on
 
@@ -262,7 +278,7 @@ Guild, Data Viz Guild, or office hours. In these sessions, it is common to share
 work in progress and ask lots of questions. As you make progress, update your
 GitHub issue.
 
-### 3. Review and publish
+### 3. Submit for review
 
 #### Code deliverables
 

src/pages/designing/get-started.mdx

@@ -40,18 +40,19 @@ guidance and components.
 
 _For IBMers only:_
 
-IBMers should get a license for Figma, our primary design kit tool. You may also
-access tools we no longer support, Sketch, Adobe XD, and Axure, by heading to
-the [Design Toolbox](https://w3.ibm.com/design/toolbox/). However, we no longer
-maintain or update the kits for these tools. We recommend you migrate to Figma
-to get the most updated kits we offer.
+IBMers should get a license for Figma, our primary design kit tool. We no longer
+maintain or support the libraries in Sketch, Adobe XD, and Axure, but you can
+view the
+[w3 Apps Software Licenses](https://ibm.service-now.com/slm?id=toolbox_ibm&sys_id=823b779e1b047c508c6099f9bc4bcb4a)
+page to see license availability for these design tools if needed. We recommend
+you migrate to Figma to get our most updated kits.
 
 <Row className="resource-card-group">
 
 <Column colLg={4} colMd={4} noGutterSm>
   <ResourceCard
     subTitle="Get Figma"
-    href="https://w3.ibm.com/design/toolbox/?&_ga=2.49792614.1500760159.1682969477-2020417520.1680805833#/ui-design-tools/figma/README"
+    href="https://ibmtest.service-now.com/slm?id=toolbox_ibm&sys_id=f850fa5f4758dd10d9607351e36d43b8"
     actionIcon="launch">
     <MdxIcon name="figma" />
   </ResourceCard>

src/styles/_component-checklist.scss

@@ -0,0 +1,16 @@
+//---------------------------------------
+// Contributing / Component checklist
+//---------------------------------------
+
+// custom table styles
+// align to grid
+.table--component-checklist .page-table {
+  th:first-child {
+    // 2 columns
+    width: 15.4%;
+  }
+  th:nth-child(2) {
+    // 5 columns
+    width: 43%;
+  }
+}

src/styles/index.scss

@@ -8,6 +8,7 @@
 @import 'structured-list';
 @import 'plex-serif';
 @import 'meetups';
+@import 'component-checklist';
 @import 'overrides';
 @import 'src/components/ColorBlock/color-block.scss';
 @import 'src/components/ColorGrid/color-grid.scss';