diff --git a/gatsby-ssr.js b/gatsby-ssr.js
index e4938887d4f..ffc4fa9e5aa 100644
--- a/gatsby-ssr.js
+++ b/gatsby-ssr.js
@@ -61,6 +61,10 @@ export const onRenderBody = ({ setHeadComponents, setPostBodyComponents }) => {
name="twitter:creator"
content="@_carbondesign"
/>,
+ ,
]);
setPostBodyComponents([
diff --git a/package.json b/package.json
index bd108d65284..029fef7b53c 100644
--- a/package.json
+++ b/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",
diff --git a/src/components/KalturaVideo/KalturaVideo.js b/src/components/KalturaVideo/KalturaVideo.js
new file mode 100644
index 00000000000..7cedfa7449a
--- /dev/null
+++ b/src/components/KalturaVideo/KalturaVideo.js
@@ -0,0 +1,45 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+/**
+ * KalturaVideo component: A video player container for Kaltura videos.
+ *
+ * @param {object} videoProps - KalturaVideo component props
+ * @param {string} videoProps.videoid - The ID of the Kaltura video to be played.
+ * @param {boolean} videoProps.hideCaption - Determines if caption should be hidden.
+ * @returns {JSX.Element} JSX element containing the video player container.
+ */
+const KalturaVideo = ({ videoid, hideCaption = false }) => {
+ let videoProps = {
+ 'video-id': videoid,
+ };
+
+ if (hideCaption) {
+ videoProps['hide-caption'] = true;
+ }
+
+ return (
+
+
+
+ );
+};
+
+/**
+ * @typedef {object} KalturaVideoProps
+ *
+ * @property {string} videoid - The ID of the Kaltura video to be played.
+ */
+KalturaVideo.propTypes = {
+ hideCaption: PropTypes.bool,
+ videoid: PropTypes.string.isRequired,
+};
+
+/**
+ * @type {{hideCaption: boolean}}
+ */
+KalturaVideo.defaultProps = {
+ hideCaption: false,
+};
+
+export default KalturaVideo;
diff --git a/src/components/KalturaVideo/index.js b/src/components/KalturaVideo/index.js
new file mode 100644
index 00000000000..2e0c6962167
--- /dev/null
+++ b/src/components/KalturaVideo/index.js
@@ -0,0 +1,3 @@
+import KalturaVideo from './KalturaVideo';
+
+export default KalturaVideo;
diff --git a/src/data/nav-items.yaml b/src/data/nav-items.yaml
index 477a17e74b0..a19dd7badef 100644
--- a/src/data/nav-items.yaml
+++ b/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
diff --git a/src/pages/all-about-carbon/releases.mdx b/src/pages/all-about-carbon/releases.mdx
index 85a904c46fd..2c6acbded05 100755
--- a/src/pages/all-about-carbon/releases.mdx
+++ b/src/pages/all-about-carbon/releases.mdx
@@ -62,6 +62,8 @@ redesign product UIs and begin a migration plan to comply with IBM brand
experience standards. For more details about this release, see our
[v10 release page](https://v10.carbondesignsystem.com/help/migration-guide/overview).
+As of September 30, 2024, all v10 assets have been deprecated.
+
## Release history
{/* prettier-ignore-start */}
diff --git a/src/pages/all-about-carbon/what-is-carbon.mdx b/src/pages/all-about-carbon/what-is-carbon.mdx
index 91005be4991..25df077fc95 100755
--- a/src/pages/all-about-carbon/what-is-carbon.mdx
+++ b/src/pages/all-about-carbon/what-is-carbon.mdx
@@ -6,6 +6,8 @@ description:
consists of working code, design tools, and more.
---
+import KalturaVideo from 'components/KalturaVideo';
+
Carbon is IBM's open source design system for products and digital experiences.
@@ -52,7 +54,7 @@ Learn about Carbon and its history. This video covers how the IBM Design
Language is applied to Carbon, how Carbon interacts with domain level guidance,
and what it means to be an open source design system.
-
+
## How Carbon works
diff --git a/src/pages/all-about-carbon/who-uses-carbon.mdx b/src/pages/all-about-carbon/who-uses-carbon.mdx
index f8956e80298..c7964a3725b 100755
--- a/src/pages/all-about-carbon/who-uses-carbon.mdx
+++ b/src/pages/all-about-carbon/who-uses-carbon.mdx
@@ -280,5 +280,4 @@ Here are some ways people in support roles can begin engaging with Carbon:
- Report issues in these primary support Slack channels:
- [#carbon-design-system](https://ibm-studios.slack.com/messages/C0M053VPT/)
- - [#carbon-components](https://ibm-studios.slack.com/archives/C046Y0YUD)
- [#carbon-react](https://ibm-studios.slack.com/archives/C2K6RFJ1G)
diff --git a/src/pages/components/UI-shell-header/code.mdx b/src/pages/components/UI-shell-header/code.mdx
index c4459342aa4..45ff2abc8d9 100644
--- a/src/pages/components/UI-shell-header/code.mdx
+++ b/src/pages/components/UI-shell-header/code.mdx
@@ -17,9 +17,9 @@ the Storybooks for each framework below.
-
diff --git a/src/pages/components/UI-shell-left-panel/code.mdx b/src/pages/components/UI-shell-left-panel/code.mdx
index 1db2653ba38..efa1fad6f75 100644
--- a/src/pages/components/UI-shell-left-panel/code.mdx
+++ b/src/pages/components/UI-shell-left-panel/code.mdx
@@ -19,7 +19,7 @@ see the Storybooks for each framework below.
diff --git a/src/pages/components/UI-shell-right-panel/code.mdx b/src/pages/components/UI-shell-right-panel/code.mdx
index 321254e1d28..b909f677594 100644
--- a/src/pages/components/UI-shell-right-panel/code.mdx
+++ b/src/pages/components/UI-shell-right-panel/code.mdx
@@ -19,7 +19,7 @@ documentation, see the Storybooks for each framework below.
diff --git a/src/pages/components/ai-label/code.mdx b/src/pages/components/ai-label/code.mdx
index 746977516b9..c14c87f184c 100755
--- a/src/pages/components/ai-label/code.mdx
+++ b/src/pages/components/ai-label/code.mdx
@@ -17,7 +17,7 @@ documentation, see the Storybooks for each framework below.
diff --git a/src/pages/components/breadcrumb/code.mdx b/src/pages/components/breadcrumb/code.mdx
index 4fc494412ae..d228c8b7d96 100755
--- a/src/pages/components/breadcrumb/code.mdx
+++ b/src/pages/components/breadcrumb/code.mdx
@@ -19,7 +19,7 @@ usage documentation, see the Storybooks for each framework below.
diff --git a/src/pages/components/checkbox/code.mdx b/src/pages/components/checkbox/code.mdx
index af72a99a671..35c6ecc69e2 100755
--- a/src/pages/components/checkbox/code.mdx
+++ b/src/pages/components/checkbox/code.mdx
@@ -19,7 +19,7 @@ documentation, see the Storybooks for each framework below.
diff --git a/src/pages/components/file-uploader/code.mdx b/src/pages/components/file-uploader/code.mdx
index 0a8c126bc30..eb64c23f936 100755
--- a/src/pages/components/file-uploader/code.mdx
+++ b/src/pages/components/file-uploader/code.mdx
@@ -19,7 +19,7 @@ usage documentation, see the Storybooks for each framework below.
diff --git a/src/pages/components/inline-loading/code.mdx b/src/pages/components/inline-loading/code.mdx
index da9a42fa314..065913d017c 100755
--- a/src/pages/components/inline-loading/code.mdx
+++ b/src/pages/components/inline-loading/code.mdx
@@ -18,7 +18,7 @@ usage documentation, see the Storybooks for each framework below.
diff --git a/src/pages/components/menu/code.mdx b/src/pages/components/menu/code.mdx
index d4a9b089f05..8b81567b2c0 100644
--- a/src/pages/components/menu/code.mdx
+++ b/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',
},
]}
/>
diff --git a/src/pages/components/menu/images/accessibility-menu-1.png b/src/pages/components/menu/images/accessibility-menu-1.png
index fcd89f823b9..2156d222e88 100644
Binary files a/src/pages/components/menu/images/accessibility-menu-1.png and b/src/pages/components/menu/images/accessibility-menu-1.png differ
diff --git a/src/pages/components/menu/images/accessibility-menu-2.png b/src/pages/components/menu/images/accessibility-menu-2.png
index e32cb668daf..20ed537ea73 100644
Binary files a/src/pages/components/menu/images/accessibility-menu-2.png and b/src/pages/components/menu/images/accessibility-menu-2.png differ
diff --git a/src/pages/contributing/component-checklist/index.mdx b/src/pages/contributing/component-checklist/index.mdx
new file mode 100644
index 00000000000..a1e24f037a9
--- /dev/null
+++ b/src/pages/contributing/component-checklist/index.mdx
@@ -0,0 +1,159 @@
+---
+title: Component checklist
+description:
+ When building components in the Carbon ecosystem, it’s essential that we align
+ on a “definition of done” to ensure all components are being built with the
+ same quality and assurance.
+---
+
+import { UnorderedList, ListItem } from '@carbon/react';
+
+
+
+When building components in the Carbon ecosystem, it’s essential that we align
+on a “definition of done” to ensure all components are being built with the same
+quality and assurance.
+
+
+
+
+
+Definition of done
+Design spec
+Code
+Documentation
+Design kit
+
+
+
+## Definition of done
+
+By aligning on the requirements of component stability, we can easily prioritize
+a backlog of work, share the status of assets with contributors and better
+differentiate when an asset is a component versus a pattern. We can also work
+backward from this strict list of requirements to inform where a component
+currently is in the
+[Product Development Lifecycle](https://w3.ibm.com/w3publisher/winning-products/how-we-work/product-development-lifecycle)
+(PDLC). With each phase, the component should progress in its completeness. Once
+it has reached stable and all items in the following checklists have been
+completed, then the component will be considered done.
+
+Note: Although not all published assets currently meet these requirements,
+moving forward, we’d like all new assets to adhere to them.
+
+| Status | PDLC Phase | Description |
+| ------------------- | ---------------- | ------------------------------------------------------------------------------------ |
+| `Draft` | Discovery | Partially complete, ready for validation. |
+| `Preview candidate` | Discovery | Partially complete, with measurable results, stakeholders, and clear business value. |
+| `Preview` | Delivery | Mostly complete, changes possible based on feedback, available to use in production. |
+| `Stable` | Launch and scale | Complete across code, kit, docs, design, and ready for production use. |
+
+## Design spec
+
+The design specification (spec) is the blueprint used by developers to build the
+component in code and for designers making the component in Figma. It is
+referenced as the source of truth for the visual appearance and functionality of
+a component. Having an accurate and detailed design spec ensures the component
+will be built and represented consistently across experiences.
+
+
+
+
+| Requirement | Details | Why this matters |
+| ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Color tokens** | Design specs only use color tokens available in the system.Design specs only contain colors that are tokenized.Color token usage is correct according to our documentation and matches applications across the system. | Color tokens are essential to the reusability and scalability of the system; they support a11y requirements and reduce the maintenance burden. They also allow for consistent application of color across the system, and make color functionalities like theming possible. |
+| **Type tokens** | Design specs only use type tokens available in the system.Design specs only contain type styles and sizes that are tokenized.Type token usage is correct and consistent with matching applications across the system. | Type tokens are essential to the reusability and scalability of the system and they reduce the maintenance burden. They also allow for consistent type use across the system. |
+| **Structure and measurements** | Design specs only use spacing tokens available in the system.Clearly annotate spacing and alignment for all design elements.Design specs include all possible configurations such as sizes and content configurations. | Detailed structure and measurement specs allow developers to build assets quicker and ensure that designs are accurately represented in the code. |
+| **Interaction states** | Designs include specs for states such as hover, focus, selected, disabled, read-only, error, warning, etc. | Each state of the component needs to be represented in the specification to ensure that accessibility requirements and quality of the designs are accurately represented in the code. |
+| **Behaviors** | Designs include specs for behaviors such as responsiveness, content overflow or reflow, expansion, scrolling, etc. | Developers need to understand how the asset will behave when a user interacts with it. Detailed annotations and specs of the various behaviors will ensure that the designs are accurately represented in the code. |
+| **Accessibility** | All text colors pass 4.5:1 color contrast with the exceptions of disabled states.All interactive non-text elements meet 3:1 contrast.Flow of focus is clearly documented. | IBM products must meet WCAG AA accessibility standards. |
+
+
+
+
+## Code
+
+In order for code to be stable, it must meet the requirements in the table
+below. Preview code should plan for these requirements, but does not need to
+meet them in the discovery or delivery phases. For additional guidance how we
+prefer to write code for the Carbon Design System, see the
+[Carbon Style Guide](https://github.com/carbon-design-system/carbon/blob/main/docs/style.md).
+
+
+
+
+| Requirement | Details | Why this matters |
+| -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **API guiding principles** | Prioritize end user: emphasize the consumer/dev experience above difficulty of implementation. Interoperability: support wide band coverage of multiple React versions, node LTS versions, etc. and favor framework/library agnostic approaches to component APIs and designs.Stability: always deprecate before removal, ensure long deprecation periods, consider the migration experience for developers. Composition: components should be broken down into logical pieces to support the many disparate configurations that are required by the business. Developer experience: consider how a developer will use this component; will they find it approachable or confusing? | Careful consideration of API design ensures that future changes to the system can be made in an iterative way that minimizes disruption. Developer experience and productivity can be heavily influenced by needlessly complex APIs. The business has a wide range of requirements and should meet as many of them as possible. Prioritize the user wherever possible — if you can make things easier for them by writing extra code, handling complexity internally, or taking care of a common concern, do so. It’s our job to contain chaos so that it’s easier and faster to build excellent software products. |
+| **Built to spec** | Every interaction spec’d should be implemented. The [design spec](/contributing/component-checklist/#design-spec) should match the implementation perfectly down to the pixel. | Thorough implementation with intense attention to detail is pivotal to maintaining pervasive design excellence within the system. This high bar of quality sets our system apart and drives adoption, user satisfaction, and overall outcomes. |
+| **Tokens** | Component styles use tokens available in the system. Component styles do not contain magic numbers or colors that are not tokenized. | Tokens are essential to the reusability and scalability of the system — they support a11y requirements and reduce the maintenance burden within the system. |
+| **Globalization** | All strings are configurable and parameterized (props) in a way that is agnostic and compatible with a wide range of g11n i18n solutions/libraries. | Ensures assets can be reused within products and offerings worldwide. |
+| **Responsiveness** | Component layout, functionality, and ux works on all device sizes from very large to ~320px wide. Component styles use media queries where needed. | Ensures assets work properly on small screens so that IBM products and offerings can be used on as many devices as possible. |
+| **Storybook** | A default and playground story exists in Storybook. | Ensures re-usable code and a demo are available. |
+| **Documentation** | Long-form documentation is provided in both storybook and the carbon website. | Usage examples in the Storybook do not answer all questions, cover all interactions, or provide pointed helpful information regarding the intended component usage and configuration. |
+| **Fully Typed/JSDoc** | Component has an interface with all props typed. Component interface is exported for use in consuming projects. | Ensures that components and assets are built using Typescript to attain the inherent benefits of strongly typed programming language, but also provides a best-in-class developer experience (particularly through intellisense), even for those not using TypeScript in their projects. |
+| **Codemods** | If the component/change will require migration by consuming teams, an automated code migration script should be written and made available through `@carbon/upgrade`. | Ensure that consumers using a given component will have a graceful experience when breaking changes occur. Also holds a lot of weight as to the perception of the system’s ability to adapt and innovate while maintaining a laser focus on stability. Reduces the cost spent by a team to migrate — compounded across all the teams we support across IBM this can have a significant impact on IBM’s bottom line in cost/productivity. |
+
+
+
+
+### Testing
+
+A crucial aspect to ensure continued quality of production stable code is
+testing. The following testing requirements must be met before a component can
+be considered stable.
+
+
+
+
+| Requirement | Details | Why this matters |
+| ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Unit testing** | Component API and functionality should be thoroughly tested using jest and testing-library (therefore in a jsdom environment). Component unit test coverage should meet and exceed 80% of functions, lines, statements, etc. | Validates and ensures that components work as they’re expected to and regressions are not introduced as changes are made. |
+| **Visual regression tests (VRT)** | Component has at least one test on the default story for VRT using Percy. Additional “problematic” or highly concerning component states, stories, viewport-widths can be covered by VRT. | Ensures that components do not visually regress as changes are made. This catches bugs early, avoids disruptive mistakes, and supports the overall stability of the system. |
+| **Accessibility verification tests (AVT)** | Component has one test of it’s default state checked by the [IBM Equal Access Accessibility Checker](https://www.ibm.com/able/toolkit/tools/#develop). Component has all additional “complex” states (open, closed, highlighted, expanded, focused, hovered, clicked, etc) checked by IBM Equal Access Accessibility Checker. | Ensures that components and assets are accessible. First and foremost this is a moral imperative; accessibility benefits everyone. It additionally supports the goal of IBM products and offerings being able to be sold and used in industries bound by law to have accessible experiences. |
+| **Screen reader/voiceover** | Component has been manually tested to read appropriately in JAWS, VoiceOver, and NVDA. | Ensures that components and assets are able to be used by disabled users who utilize screenreaders. First and foremost this is a moral imperative; accessibility benefits everyone. It additionally supports the goal of IBM products and offerings being able to be sold and used in industries bound by law to have accessible experiences. |
+
+
+
+
+## Documentation
+
+All components and patterns require usage, style, code, and accessibility
+guidance published on a Carbon ecosystem website. Carbon provides documentation
+templates to help ensure visual and content expectations. Additional guidance on
+creating layouts and images for website documentation can be found in the
+[image production guidelines](https://carbondesignsystem.com/designing/design-resources/#image-production-guidelines).
+
+
+
+
+| Requirement | Details | Why this matters |
+| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| **xxUsage docs** | [Single variant template](/contributing/documentation/#usage-template:-for-components-with-one-variant) _(last updated Q1 2024)_. [Multiple variant template](/contributing/documentation/#usage-template:-for-components-with-multiple-variants) _(last updated 2021)_. | The usage documentation helps describe when to use a component and how it works. |
+| **Style docs** | [Single variant template](/contributing/documentation/#style-template:-for-components-with-one-variant) _(last updated Q3 2024)_. [Multiple variant template](/contributing/documentation/#style-template:-for-components-with-multiple-variants) _(last updated Q3 2024)_. | The style documentation helps describe how a component looks, including visual specifications such as color, typography, structure, and size. |
+| **Code docs** | [Code template](/contributing/documentation/#code-template) _(last updated 2022)_. | The code documentation helps developers implement the component. It includes code snippets, dependencies, and version changes. Although Carbon developers write more detailed documentation in Storybook, they still provide several standard pieces of information on the Carbon website. |
+| **Accessibility docs** | [Accessibility template](/contributing/documentation/#accessibility-template) _(last updated 2023)_. | The published information, written by our A11y SMEs, helps users understand all the accessibility considerations that are baked into Carbon. |
+
+
+
+
+## Design kit
+
+Our
+[IBM Figma best practices](https://www.figma.com/design/4UYvy6eey28bD3IvtNF8xP/IBM-Documentation-Library?node-id=654-4435&t=67lxOP8nwgq7z2E1-0)
+are maintained, tracked, and peer-reviewed by IBM’s Figma guild. Although the
+guild is not part of the Carbon team, they are crucial partners in our
+governance model.
+
+
+
+
+| Requirement | Details | Why this matters |
+| ------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **IBM Figma Guidelines** | Figma components follow the guidelines as defined in [IBM Figma Best Practices](https://www.figma.com/design/4UYvy6eey28bD3IvtNF8xP/IBM-Documentation-Library?node-id=654-4435&t=67lxOP8nwgq7z2E1-0).
The guidance includes topics on component properties, auto layout, styles, icons, item and base components, content, construction, and file organization. | This checklist ensures components are built correctly before merging into the main Figma branch. |
+| **IBM Figma Naming Convention** | Figma components follow the component naming convention documented in [IBM Figma Best Practices](https://www.figma.com/design/4UYvy6eey28bD3IvtNF8xP/IBM%C2%AE-Documentation-Library?m=auto&node-id=642-4479&t=1rSjk0nlj8wBV9aK-1). | The naming convention ensures that file architecture and component hierarchies are both standardized and intuitive for the user.
With this method we are able to have hierarchy between the final components, their bases, and their pieces when we traverse through the assets/instance swapper panels while still being able to view the entire component name when searching. |
+| **Built to spec** | The Figma component should match the [design spec](/contributing/component-checklist/#design-spec) perfectly down to the pixel. Every interaction spec’d should be included in the Figma component. | Thorough implementation with intense attention to detail is pivotal to maintaining pervasive design excellence within the system. This high bar of quality sets our system apart and drives adoption, user satisfaction, and overall outcomes. |
+| **Published to a library** | A Figma component must be published to the appropriate IBM Figma library. Components built in the Carbon repo are published in [(V11) Carbon Design System](). | A published connected component ensures accurate use across products. It also allows for Figma analytics to understand adoption and usage better. |
+
+
+
diff --git a/src/pages/contributing/code.mdx b/src/pages/contributing/get-started/code.mdx
similarity index 98%
rename from src/pages/contributing/code.mdx
rename to src/pages/contributing/get-started/code.mdx
index 1dc5365732a..6cc5a76a922 100644
--- a/src/pages/contributing/code.mdx
+++ b/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 = () => Contribute code;
diff --git a/src/pages/contributing/design.mdx b/src/pages/contributing/get-started/design.mdx
similarity index 98%
rename from src/pages/contributing/design.mdx
rename to src/pages/contributing/get-started/design.mdx
index ecc4a3499ff..bbc5a0f29c1 100644
--- a/src/pages/contributing/design.mdx
+++ b/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 = () => Contribute design;
diff --git a/src/pages/contributing/images/carbon-tutorial.gif b/src/pages/contributing/get-started/images/carbon-tutorial.gif
similarity index 100%
rename from src/pages/contributing/images/carbon-tutorial.gif
rename to src/pages/contributing/get-started/images/carbon-tutorial.gif
diff --git a/src/pages/contributing/images/combo-button.gif b/src/pages/contributing/get-started/images/combo-button.gif
similarity index 100%
rename from src/pages/contributing/images/combo-button.gif
rename to src/pages/contributing/get-started/images/combo-button.gif
diff --git a/src/pages/contributing/images/icon-only-switcher.gif b/src/pages/contributing/get-started/images/icon-only-switcher.gif
similarity index 100%
rename from src/pages/contributing/images/icon-only-switcher.gif
rename to src/pages/contributing/get-started/images/icon-only-switcher.gif
diff --git a/src/pages/contributing/images/left-hand-nav-delay.gif b/src/pages/contributing/get-started/images/left-hand-nav-delay.gif
similarity index 100%
rename from src/pages/contributing/images/left-hand-nav-delay.gif
rename to src/pages/contributing/get-started/images/left-hand-nav-delay.gif
diff --git a/src/pages/contributing/images/read-only-form-inputs.gif b/src/pages/contributing/get-started/images/read-only-form-inputs.gif
similarity index 100%
rename from src/pages/contributing/images/read-only-form-inputs.gif
rename to src/pages/contributing/get-started/images/read-only-form-inputs.gif
diff --git a/src/pages/contributing/images/two-handle-slider.gif b/src/pages/contributing/get-started/images/two-handle-slider.gif
similarity index 100%
rename from src/pages/contributing/images/two-handle-slider.gif
rename to src/pages/contributing/get-started/images/two-handle-slider.gif
diff --git a/src/pages/contributing/get-started.mdx b/src/pages/contributing/get-started/overview.mdx
similarity index 88%
rename from src/pages/contributing/get-started.mdx
rename to src/pages/contributing/get-started/overview.mdx
index 53161e5dcae..175eb0cd42f 100644
--- a/src/pages/contributing/get-started.mdx
+++ b/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']
---
@@ -164,7 +165,7 @@ Judy**
Typescript
-**Chris Knabe**
React Testing Library**
Marcin
+**Chris Knabe**
React Testing Library
**Marcin
Lewandowski**
Typescript
**Jessica Lin**
Accessibility
**Amaya Mali**
Gantt chart
@@ -172,7 +173,7 @@ Accessibility
**Amaya Mali**
Gantt chart
-**Tom Roach**
Community support
**Eugene To **
+**Tom Roach**
Community support
**Eugene To**
Figma
**Shankar Venkatachalam**
Create React App
**Colleen Yates**
lllustration Guild
@@ -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
diff --git a/src/pages/deprecations.mdx b/src/pages/deprecations.mdx
new file mode 100644
index 00000000000..d8887eefb48
--- /dev/null
+++ b/src/pages/deprecations.mdx
@@ -0,0 +1,144 @@
+---
+title: Deprecations
+description:
+ Stay informed on deprecated packages and assets in the Carbon Design System
+ with updates, migration guides, and resources for transitioning to the latest
+ supported versions.
+---
+
+
+
+Stay informed on deprecated packages and assets in the Carbon Design System with
+updates, migration guides, and resources for transitioning to the latest
+supported versions.
+
+
+
+
+
+carbon-components
+carbon-components-react
+v10 Elements packages
+carbon-icons
+Resources
+
+
+
+## carbon-components
+
+`carbon-components` reached it's end of support on September 30, 2024. This
+package will no longer receive updates.
+
+### What to use instead
+
+`carbon-components` is replaced by `@carbon/styles`, but most projects don't
+need to install `@carbon/styles` directly.
+
+If you're using `@carbon/react` or `@carbon/web-components`, you do not need to
+install `@carbon/styles`. All `@carbon/styles` assets are already available to
+you through those framework-specific packages.
+
+Library authors should use `@carbon/styles` if they do not already rely on a
+framework-variant package such as `@carbon/react`.
+
+### Migration
+
+For those using `carbon-components@10.x`, the
+[v11 migration guide](/migrating/guide/develop/) has all the details of how to
+update.
+
+For those using `carbon-components@11.x`, these versions are already a direct
+re-export of `@carbon/styles`. See the above section on what to use instead.
+
+For questions regarding this deprecation or how to migrate,
+[contact us](/help/contact-us/).
+
+## carbon-components-react
+
+`carbon-components-react` reached it's end of support on September 30, 2024.
+This package will no longer receive updates.
+
+### What to use instead
+
+`carbon-components-react` is replaced by `@carbon/react`.
+
+### Migration
+
+For those using `carbon-components-react@7.x`, the
+[v11 migration guide](/migrating/guide/develop/) has all the details of how to
+update.
+
+For those using `carbon-components-react@8.x`, these versions are already a
+direct re-export of `@carbon/react`. After installing `@carbon/react`, you can
+replace all imports and usages of `carbon-components-react` with
+`@carbon/react`. This should be an in-place update with no other changes
+required.
+
+For questions regarding this deprecation or how to migrate,
+[contact us](/help/contact-us/).
+
+## v10 Elements packages
+
+All v10 assets reached end of support on September 30, 2024, including v10.x
+ranges of elements packages. This includes:
+
+- `@carbon/colors@10.x`
+- `@carbon/elements@10.x`
+- `@carbon/grid@10.x`
+- `@carbon/layout@10.x`
+- `@carbon/motion@10.x`
+- `@carbon/themes@10.x`
+- `@carbon/type@10.x`
+
+### What to use instead
+
+The v11.x ranges of these packages should be used instead.
+
+### Migration
+
+The [v11 migration guide](/migrating/guide/develop/) has all the details of how
+to update.
+
+For questions regarding these deprecations or how to migrate,
+[contact us](/help/contact-us/).
+
+## carbon-icons
+
+The `carbon-icons` package reached end of support on March 31, 2022 when v11 was
+released. This package will no longer receive updates.
+
+### What to use instead
+
+To use icons from the Carbon Design System, you should install the appropriate
+library to use with your framework:
+
+| Package | Framework | Link |
+| :---------------------- | :----------------- | :------------------------------------------------------ |
+| `@carbon/icons-react` | React | [Link](https://npmjs.com/package/@carbon/icons-react) |
+| `@carbon/icons-angular` | Angular | [Link](https://npmjs.com/package/@carbon/icons-angular) |
+| `@carbon/icons-vue` | Vue | [Link](https://npmjs.com/package/@carbon/icons-vue) |
+| `carbon-icons-svelte` | Svelte | [Link](https://npmjs.com/package/carbon-icons-svelte) |
+| `@carbon/icons` | Vanilla JavaScript | [Link](https://npmjs.com/package/@carbon/icons) |
+
+### Migration
+
+The [v11 migration guide](/migrating/guide/develop/) has all the details of how
+to update.
+
+For questions regarding these deprecations or how to migrate,
+[contact us](/help/contact-us/).
+
+## Resources
+
+
+
+
+
+![Carbon icon](images/ecosystem/carbon.svg)
+
+
+
+
diff --git a/src/pages/elements/2x-grid/overview.mdx b/src/pages/elements/2x-grid/overview.mdx
index 25b0847f15a..90b6bafe678 100644
--- a/src/pages/elements/2x-grid/overview.mdx
+++ b/src/pages/elements/2x-grid/overview.mdx
@@ -6,6 +6,8 @@ description:
tabs: ['Overview', 'Usage', 'Code']
---
+import KalturaVideo from 'components/KalturaVideo';
+
It’s fundamental to everything we design. The 2x Grid is the geometric
@@ -25,7 +27,7 @@ creative decision-making.
-
+
## Mini unit
@@ -42,7 +44,7 @@ Margin and padding are always applied in fixed mini unit multiples. Boxes are
sized by applying a sizing scale based on either fixed mini units or fluid
column widths, along with a core set of aspect ratios.
-
+
## 2x Grid fundamentals
@@ -145,7 +147,7 @@ breakpoints.
Create custom breakpoints to accommodate special needs, by writing your own
media queries and CSS rules. Refer to the
-[grid code package](https://github.com/carbon-design-system/carbon/tree/v10/packages/grid)
+[grid code package](https://github.com/carbon-design-system/carbon/tree/main/packages/grid)
for more information.
| Breakpoint | Value (px/rem) | Columns | Size (%) | Size | Padding | Margin |
@@ -158,7 +160,7 @@ for more information.
For best results, test designs and code at each of these standard breakpoints.
-
+
## Grid behaviors
@@ -193,7 +195,7 @@ ratios. Margin and padding are fixed multiples of mini units. In between
breakpoints, actual column width is a percentage of the grid area, not a mini
unit multiple. Content scales fluidly.
-
+
### Fixed boxes
@@ -201,7 +203,7 @@ A grid can be formed with fixed boxes by arranging tiles in an inline block,
icons in toolbars, etc. Column count grows with browser width. Tiles wrap to the
next line, or are sometimes truncated with an overflow scroll.
-
+
First choose a base size from the [sizing scale](#sizing-scale), then build up
each box in multiples of the base size, following recommended
@@ -219,7 +221,7 @@ Use the [sizing scale](#sizing-scale) to size a fixed dimension. Use
column-width multiples to size a grid-fluid dimension. Aspect ratios do not
apply.
-
+
Here are some common UI behaviors:
@@ -285,7 +287,7 @@ The collapsed Flexible Panel expands when the user hovers over any portion of
it. When flexible panels expand, they either condense both the content and the
grid or they push content beyond the edge of the browser.
-
+
@@ -295,7 +297,7 @@ grid or they push content beyond the edge of the browser.
Fixed panels maintain a static width, cannot be collapsed, and also exist
outside of the responsive grid.
-
+
@@ -306,7 +308,7 @@ This panel style floats above the primary content area and does not affect the
responsive grid. Floating panels conceal any UI elements below them and must be
dismissible by the user. Inline menus, dropdowns and tooltips also float.
-
+
## Sizing scale
@@ -361,7 +363,7 @@ etc. Check out the [breakpoints table](#breakpoints) for pixel sizings.
After determining your base size, multiply it as needed for each use. For box
sizing, apply an [aspect ratio](#aspect-ratio) too.
-
+
### Aspect ratio
@@ -389,7 +391,7 @@ it by 4 in width and 2 in height, for a fixed box size of 320 by 160.
Use the fixed sizing scale to set vertical spacing between sections, by adding
it to the top or bottom margin of a box:
-
+
+
diff --git a/src/pages/elements/2x-grid/usage.mdx b/src/pages/elements/2x-grid/usage.mdx
index c06fc467816..576e27ae1f3 100644
--- a/src/pages/elements/2x-grid/usage.mdx
+++ b/src/pages/elements/2x-grid/usage.mdx
@@ -8,6 +8,7 @@ tabs: ['Overview', 'Usage', 'Code']
import { IbmSecurity } from '@carbon/icons-react';
import { gridTable } from './Grid.module.scss';
+import KalturaVideo from 'components/KalturaVideo';
@@ -281,7 +282,7 @@ navigation panel the most common example of a grid influencer in our ecosystem.
When opening and closing the left-hand navigation, the number of columns remains
the same but responds fluidly to the allotted space.
-
+
#### Slide-in side panels
diff --git a/src/pages/elements/color/code.mdx b/src/pages/elements/color/code.mdx
index c20f61437cb..8e7b8d479d0 100644
--- a/src/pages/elements/color/code.mdx
+++ b/src/pages/elements/color/code.mdx
@@ -102,7 +102,7 @@ warmGray100; // Using the `warmGray100` variable.
diff --git a/src/pages/elements/color/overview.mdx b/src/pages/elements/color/overview.mdx
index 78222319ca0..7d6ff97eedf 100755
--- a/src/pages/elements/color/overview.mdx
+++ b/src/pages/elements/color/overview.mdx
@@ -8,6 +8,7 @@ tabs: ['Overview', 'Usage', 'Tokens', 'Code']
import ColorBlock from 'components/ColorBlock';
import ColorGrid from 'components/ColorGrid';
+import KalturaVideo from 'components/KalturaVideo';
@@ -31,7 +32,7 @@ harmony through our User Interface design.
-
+
@@ -650,7 +651,7 @@ to achieve commonly used contrast ratios between any two colors.
diff --git a/src/pages/elements/icons/code.mdx b/src/pages/elements/icons/code.mdx
index 6b199d4effe..7ea65db4a9a 100644
--- a/src/pages/elements/icons/code.mdx
+++ b/src/pages/elements/icons/code.mdx
@@ -159,7 +159,7 @@ browsers like Internet Explorer 11 by setting `focusable` to `true`.
@@ -169,7 +169,7 @@ browsers like Internet Explorer 11 by setting `focusable` to `true`.
diff --git a/src/pages/elements/icons/usage.mdx b/src/pages/elements/icons/usage.mdx
index 490b08c1706..237442bdec6 100644
--- a/src/pages/elements/icons/usage.mdx
+++ b/src/pages/elements/icons/usage.mdx
@@ -33,7 +33,7 @@ important information.
@@ -43,7 +43,7 @@ important information.
diff --git a/src/pages/elements/motion/choreography.mdx b/src/pages/elements/motion/choreography.mdx
index 600ef781a3f..28cfbb99cac 100644
--- a/src/pages/elements/motion/choreography.mdx
+++ b/src/pages/elements/motion/choreography.mdx
@@ -7,6 +7,8 @@ description:
tabs: ['Overview', 'Choreography', 'Code']
---
+import KalturaVideo from 'components/KalturaVideo';
+
Paths
@@ -22,7 +24,7 @@ which never run diagonally.
-
+
@@ -32,7 +34,7 @@ which never run diagonally.
-
+
@@ -42,12 +44,12 @@ which never run diagonally.
-
+
-
+
@@ -55,12 +57,12 @@ which never run diagonally.
-
+
-
+
@@ -88,7 +90,7 @@ to their difference in size.
-
+
@@ -102,7 +104,7 @@ to clarify their respective spatial locations.
-
+
@@ -110,7 +112,7 @@ to clarify their respective spatial locations.
-
+
@@ -125,12 +127,12 @@ motion signals cancellation.
-
+
-
+
@@ -144,7 +146,7 @@ buttons, to create a graceful transition.
-
+
@@ -152,7 +154,7 @@ buttons, to create a graceful transition.
-
+
@@ -170,7 +172,7 @@ delay should be adjusted to ensure that total time is still within 500 ms.
-
+
@@ -183,7 +185,7 @@ user’s attention on them.
-
+
diff --git a/src/pages/elements/motion/overview.mdx b/src/pages/elements/motion/overview.mdx
index f311b9b73ba..fb021d14ebf 100644
--- a/src/pages/elements/motion/overview.mdx
+++ b/src/pages/elements/motion/overview.mdx
@@ -7,6 +7,9 @@ description:
tabs: ['Overview', 'Choreography', 'Code']
---
+import { Tab } from '@carbon/react';
+import KalturaVideo from 'components/KalturaVideo';
+
Motion can bring the screen to life, guide users through complex experiences,
@@ -26,7 +29,7 @@ make progress.
-
+
## Carbon in motion
@@ -71,13 +74,13 @@ user’s attention and offer a rhythmic break to the productive experience.
-
+
-
+
@@ -106,7 +109,7 @@ for expressive motion.
-
+
@@ -121,7 +124,7 @@ accelerations in motion. We commonly use one of these three types of easing.
-
+
@@ -135,7 +138,7 @@ possible.
-
+
@@ -149,14 +152,14 @@ of a motion. Expanding tiles and the sorting of table rows are good examples.
-
+
-
+
@@ -178,14 +181,14 @@ opening or toggle switching should also use this style.
-
+
-
+
@@ -211,14 +214,14 @@ that it would come to rest just outside the view, and ready to be recalled.
-
+
-
+
@@ -232,7 +235,7 @@ that it would come to rest just outside the view, and ready to be recalled.
### Summary on easing
The
-[IBM motion package](https://github.com/carbon-design-system/carbon/tree/v10/packages/motion)
+[IBM motion package](https://github.com/carbon-design-system/carbon/tree/main/packages/motion)
has the easing curves stored for fast access. This is the recommended method to
call an easing curve and stay connected to receive any future updates.
@@ -262,7 +265,7 @@ longer the animation takes.
-
+
@@ -368,7 +371,7 @@ statically.
diff --git a/src/pages/elements/pictograms/code.mdx b/src/pages/elements/pictograms/code.mdx
index 56052ee510e..8766abccbe5 100644
--- a/src/pages/elements/pictograms/code.mdx
+++ b/src/pages/elements/pictograms/code.mdx
@@ -128,7 +128,7 @@ browsers like Internet Explorer 11 by setting `focusable` to `true`.
diff --git a/src/pages/elements/pictograms/usage.mdx b/src/pages/elements/pictograms/usage.mdx
index d49148b0f6a..a325394e647 100644
--- a/src/pages/elements/pictograms/usage.mdx
+++ b/src/pages/elements/pictograms/usage.mdx
@@ -44,7 +44,7 @@ become an elegant addition to the IBM experience.
![GitHub Icon](../../../images/resource-cards/github.png)
diff --git a/src/pages/elements/spacing/code.mdx b/src/pages/elements/spacing/code.mdx
index 31cf78b4c2d..694f1edc060 100644
--- a/src/pages/elements/spacing/code.mdx
+++ b/src/pages/elements/spacing/code.mdx
@@ -89,7 +89,7 @@ following:
diff --git a/src/pages/elements/themes/overview.mdx b/src/pages/elements/themes/overview.mdx
index 8a9fd4647ec..5f4e3d29861 100755
--- a/src/pages/elements/themes/overview.mdx
+++ b/src/pages/elements/themes/overview.mdx
@@ -160,7 +160,7 @@ changing for each individual theme.
diff --git a/src/pages/elements/typography/code.mdx b/src/pages/elements/typography/code.mdx
index e177d72e9de..0d2e4795f71 100644
--- a/src/pages/elements/typography/code.mdx
+++ b/src/pages/elements/typography/code.mdx
@@ -133,7 +133,7 @@ function:
diff --git a/src/pages/elements/typography/overview.mdx b/src/pages/elements/typography/overview.mdx
index 5541cc44048..e5d294fc164 100644
--- a/src/pages/elements/typography/overview.mdx
+++ b/src/pages/elements/typography/overview.mdx
@@ -221,7 +221,7 @@ for primary actions.
@@ -231,7 +231,7 @@ for primary actions.
diff --git a/src/pages/guidelines/carbon-for-ai/index.mdx b/src/pages/guidelines/carbon-for-ai/index.mdx
index 3e3820d8465..94e1ed2a365 100644
--- a/src/pages/guidelines/carbon-for-ai/index.mdx
+++ b/src/pages/guidelines/carbon-for-ai/index.mdx
@@ -398,8 +398,8 @@ harmoniously together, as parts of a greater whole.
@@ -408,8 +408,8 @@ href="/components/checkbox/usage/#ai-presence">
@@ -418,8 +418,8 @@ href="/components/form/usage/#ai-presence">
@@ -432,8 +432,8 @@ href="/components/select/usage/#ai-presence">
@@ -442,8 +442,8 @@ href="/components/data-table/usage/#ai-presence">
@@ -452,8 +452,8 @@ href="/components/modal/usage/#ai-presence">
@@ -466,8 +466,8 @@ href="/components/tag/usage/#ai-presence">
@@ -476,8 +476,8 @@ href="/components/date-picker/usage/#ai-presence">
@@ -486,8 +486,8 @@ href="/components/number-input/usage/#ai-presence">
@@ -500,8 +500,8 @@ href="/components/text-input/usage/#ai-presence">
@@ -510,8 +510,8 @@ href="/components/dropdown/usage/#ai-presence">
@@ -520,8 +520,8 @@ href="/components/radio-button/usage/#ai-presence">
diff --git a/src/pages/index.mdx b/src/pages/index.mdx
index 195712b0519..cbbde68d7e7 100755
--- a/src/pages/index.mdx
+++ b/src/pages/index.mdx
@@ -72,7 +72,7 @@ building websites and user interfaces.
@@ -85,16 +85,6 @@ building websites and user interfaces.
href="https://github.com/IBM/carbon-components-angular"
>
-
-
-
-
-
-
-
@@ -121,7 +111,7 @@ building websites and user interfaces.
diff --git a/src/pages/migrating/faq.mdx b/src/pages/migrating/faq.mdx
index 2f2e8f406bd..bea5e3743a8 100644
--- a/src/pages/migrating/faq.mdx
+++ b/src/pages/migrating/faq.mdx
@@ -60,22 +60,14 @@ description:
### Do I need to update right away? If not, when will we need to update?
-- Carbon v11 includes functionality that may be a motivator for migration, but
- teams can migrate to v11 when they have the bandwidth.
-
-- Teams that are using v10 today can continue to stay on v10 and everything that
- is implemented will continue to work.
+- As of September 30, 2024 all v10 assets are deprecated and will not receive
+ any more updates.
### What will the Carbon team be supporting for v10?
-- No new functionality will be introduced in v10 after the v11 release.
-
-- We will continue to address high impact bugs that come up for the v10 release
- after the v11 release.
-
-- We will continue to accept any contributions that look to address issues in
- the v10 release if we are unable to get to them in time for your product
- roadmap.
+- v10 reached it's end of support on September 30, 2024.
+- `carbon-components` and `carbon-components-react` are now
+ [deprecated](/deprecations).
### What is the rule for supporting deprecated assets?
diff --git a/src/pages/migrating/guide/develop.mdx b/src/pages/migrating/guide/develop.mdx
index ebd960d9ccf..5cce4e2977b 100644
--- a/src/pages/migrating/guide/develop.mdx
+++ b/src/pages/migrating/guide/develop.mdx
@@ -48,9 +48,8 @@ If you were previously using `carbon-components`, the styles from this package
are available under `@carbon/styles`. They are also re-exported through
`@carbon/react`
-Both the `carbon-components` and `carbon-components-react` packages will stick
-around in v11 but they are only re-exports of `@carbon/styles` and
-`@carbon/react` respectively.
+Both the `carbon-components` and `carbon-components-react` packages are now
+[deprecated](/deprecations).
## Migrating a React app or library
diff --git a/src/styles/_component-checklist.scss b/src/styles/_component-checklist.scss
new file mode 100644
index 00000000000..8e95570a511
--- /dev/null
+++ b/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%;
+ }
+}
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 3ce37c81b85..66abbf73c53 100644
--- a/src/styles/index.scss
+++ b/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';
diff --git a/tsconfig.json b/tsconfig.json
deleted file mode 100644
index aee0ec940fc..00000000000
--- a/tsconfig.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
- "compilerOptions": {
- "strict": true
- }
-}
diff --git a/yarn.lock b/yarn.lock
index f587d88f47f..ea894c4687d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3120,47 +3120,47 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/colors@npm:^11.24.0":
- version: 11.24.0
- resolution: "@carbon/colors@npm:11.24.0"
+"@carbon/colors@npm:^11.27.0":
+ version: 11.27.0
+ resolution: "@carbon/colors@npm:11.27.0"
dependencies:
"@ibm/telemetry-js": "npm:^1.5.0"
- checksum: 125e069a5c31738a51de982cbb97b3c7a5956ba3bd7dacda486ad7be1054cd7b3dd27a821a6e99d04dca274b18a0ac52b203a66075fde41e2ad78ed904406395
+ checksum: 2f18ea623f255f62ae2d34cb1997fba4a9420a72502222e7c3a55a72dd7b4359c2451eb397ccf9246f328a3902b9b2c4729e4489ab88e42e84eaac26de6cd306
languageName: node
linkType: hard
-"@carbon/elements@npm:^11.51.0":
- version: 11.51.0
- resolution: "@carbon/elements@npm:11.51.0"
+"@carbon/elements@npm:^11.54.0":
+ version: 11.54.0
+ resolution: "@carbon/elements@npm:11.54.0"
dependencies:
- "@carbon/colors": "npm:^11.24.0"
- "@carbon/grid": "npm:^11.25.0"
- "@carbon/icons": "npm:^11.47.0"
- "@carbon/layout": "npm:^11.24.0"
- "@carbon/motion": "npm:^11.20.0"
- "@carbon/themes": "npm:^11.38.0"
- "@carbon/type": "npm:^11.29.0"
+ "@carbon/colors": "npm:^11.27.0"
+ "@carbon/grid": "npm:^11.28.0"
+ "@carbon/icons": "npm:^11.50.0"
+ "@carbon/layout": "npm:^11.27.0"
+ "@carbon/motion": "npm:^11.23.0"
+ "@carbon/themes": "npm:^11.41.0"
+ "@carbon/type": "npm:^11.32.0"
"@ibm/telemetry-js": "npm:^1.5.0"
- checksum: 2bf3659d5ada9bb0665e6a4f4183fa1a2955cf0a3ff78504805d9f2732dbc8fb8d4264c0a6c046767cfcb0a57f39157a3629332509bde7026fd41aebc9f2730e
+ checksum: 3b7bf1f4a2b2fcc004b2294824485dc92a0af70aab016916d5318b9600b1b9a87c921138f2234344ccad69235b879b6b080e30bc3b188d70acc27b42c9a94152
languageName: node
linkType: hard
-"@carbon/feature-flags@npm:^0.21.0":
- version: 0.21.0
- resolution: "@carbon/feature-flags@npm:0.21.0"
+"@carbon/feature-flags@npm:^0.23.0":
+ version: 0.23.0
+ resolution: "@carbon/feature-flags@npm:0.23.0"
dependencies:
"@ibm/telemetry-js": "npm:^1.5.0"
- checksum: 640516d0d4fb4e9190d1e8656b91f0e2152d2a09b6ed1a25950504d293e1ffd666e76084f3062cbd1fdbb967fcef0d8011a3135cc06b648a38ee509a5dfa8884
+ checksum: 0f34305f1d0f0c3b916b1b06dff98ef35bc99bdc2f4840566c0edec565f3f5ca130bdc4c996df2dec13824201ac057b4202f85727955ac69a8b1e2e93fa01ab8
languageName: node
linkType: hard
-"@carbon/grid@npm:^11.25.0":
- version: 11.25.0
- resolution: "@carbon/grid@npm:11.25.0"
+"@carbon/grid@npm:^11.28.0":
+ version: 11.28.0
+ resolution: "@carbon/grid@npm:11.28.0"
dependencies:
- "@carbon/layout": "npm:^11.24.0"
+ "@carbon/layout": "npm:^11.27.0"
"@ibm/telemetry-js": "npm:^1.5.0"
- checksum: e251e6724ed8089bc4754f66310cdc387264e2eded6aab7956282837a12cb90239c8bdb98734f55bae1038a2c40ed81ad79c3f868aff3d2e2474b83c52e315b4
+ checksum: 35c07f33656dfd58737539346f47cc3837bf312c0a0303b1dba2ed112ad7821973a10b1ce4d0941320d8cb4c8e37f2663f8b011a8761c06c461b5ab18fd4e28f
languageName: node
linkType: hard
@@ -3173,21 +3173,12 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/icon-helpers@npm:^10.50.0":
- version: 10.50.0
- resolution: "@carbon/icon-helpers@npm:10.50.0"
- dependencies:
- "@ibm/telemetry-js": "npm:^1.5.0"
- checksum: 6f0bc184bd33b8f687ebf82d86be4aaed0810e2c62fe67defeb557c56a444d118dc34fc296457bf95da591932cfa19035a62eec033d8af0db43d8691483a1688
- languageName: node
- linkType: hard
-
-"@carbon/icon-helpers@npm:^10.51.0":
- version: 10.51.0
- resolution: "@carbon/icon-helpers@npm:10.51.0"
+"@carbon/icon-helpers@npm:^10.53.0":
+ version: 10.53.0
+ resolution: "@carbon/icon-helpers@npm:10.53.0"
dependencies:
"@ibm/telemetry-js": "npm:^1.5.0"
- checksum: 180c4fecfb70d1df99a3e283d45774ba9aabcc29f284cc13ddfdfcc0c0f5f2caa06c75e7900585f528704fc1343fe2e880beaad852dcbcfeb01873d53f16256d
+ checksum: 061affa73759c4a9cc85cd4e4c892128d14dfbcc72c7e7f5054de954e0b78dbcb42856b58a289c271bb1225139eb08bd6f33ecae745e5348e045a5d2c48c92b1
languageName: node
linkType: hard
@@ -3204,103 +3195,77 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/icons-react@npm:^11.47.0":
- version: 11.47.0
- resolution: "@carbon/icons-react@npm:11.47.0"
- dependencies:
- "@carbon/icon-helpers": "npm:^10.50.0"
- "@ibm/telemetry-js": "npm:^1.5.0"
- prop-types: "npm:^15.7.2"
- peerDependencies:
- react: ">=16"
- checksum: c79ee3ba3b2328e5e9c9ab23b61b8448519090fc8cbb75d48e92e3a3bc1f7c738715fb4eea1ed0a1958ed0dc09a531bf7f6cfc9bfcd40a1af87eae31f3f6272d
- languageName: node
- linkType: hard
-
-"@carbon/icons-react@npm:^11.48.0":
- version: 11.48.0
- resolution: "@carbon/icons-react@npm:11.48.0"
+"@carbon/icons-react@npm:^11.50.0":
+ version: 11.50.0
+ resolution: "@carbon/icons-react@npm:11.50.0"
dependencies:
- "@carbon/icon-helpers": "npm:^10.51.0"
+ "@carbon/icon-helpers": "npm:^10.53.0"
"@ibm/telemetry-js": "npm:^1.5.0"
prop-types: "npm:^15.7.2"
peerDependencies:
react: ">=16"
- checksum: 6012c9ca4985e3e27adf50f040734b4e6885f5b4c484fd7be81161135f6267d18c223d8b2f730a8a0710ae5952686a39f7dc9944df8f24cadd282cbda4bfe603
- languageName: node
- linkType: hard
-
-"@carbon/icons@npm:^11.47.0":
- version: 11.47.0
- resolution: "@carbon/icons@npm:11.47.0"
- dependencies:
- "@ibm/telemetry-js": "npm:^1.5.0"
- checksum: 440d7932299a4248505c26b61441a58225f7a84c3404f228ceb2147236d2804da09236dd642a6734131e8bc30d575b9c0e1d17471a62e32984654745ee5347ac
+ checksum: 696e6d1e24f1e987889b5bf0ab118f1ae18688ab2f274cfb9d79ba399ad9c16aca5e3b51d7b239dd0cc8fb46567dcf2a70e55c4377c9a5815513b219f6a61351
languageName: node
linkType: hard
-"@carbon/layout@npm:^11.24.0":
- version: 11.24.0
- resolution: "@carbon/layout@npm:11.24.0"
+"@carbon/icons@npm:^11.50.0":
+ version: 11.50.0
+ resolution: "@carbon/icons@npm:11.50.0"
dependencies:
"@ibm/telemetry-js": "npm:^1.5.0"
- checksum: 6f797b2dff47e7b7b8be5bfefe0065b283cf56dec0d86588876f3f94b950296c7d8eb803af4d79d273db675cae744a647cfae3ea37c3e52ea350bf3f41bacb4c
+ checksum: ae7f2f07113f7ef12a2863095ce7dd86b32e0c4a4e3581cb26b2465926635b684c4cf25560056739fc1923184164b9e1c61565fe0760b0f396b27b0056d37e13
languageName: node
linkType: hard
-"@carbon/motion@npm:^11.20.0":
- version: 11.20.0
- resolution: "@carbon/motion@npm:11.20.0"
+"@carbon/layout@npm:^11.27.0":
+ version: 11.27.0
+ resolution: "@carbon/layout@npm:11.27.0"
dependencies:
"@ibm/telemetry-js": "npm:^1.5.0"
- checksum: c22c3e3947b1aa92d8ce13f7b142f1eba27c4df99b6e77d5fe5d00f0c9d8a2480c7e2629945cbd9ecbfddb4388307b509f42708d1af37df4e179a5c028c59170
+ checksum: f34c11edb4f3355c9ed67b35f23624e06d5f15a1ef1ee2dd393bdfb5bcc0ee7d1e0912ee39e68b40c044b9ea8f5b822b67fc3889a91bf635d5a44e9e9528ca95
languageName: node
linkType: hard
-"@carbon/pictograms-react@npm:^11.64.0":
- version: 11.64.0
- resolution: "@carbon/pictograms-react@npm:11.64.0"
+"@carbon/motion@npm:^11.23.0":
+ version: 11.23.0
+ resolution: "@carbon/motion@npm:11.23.0"
dependencies:
- "@carbon/icon-helpers": "npm:^10.50.0"
"@ibm/telemetry-js": "npm:^1.5.0"
- prop-types: "npm:^15.7.2"
- peerDependencies:
- react: ">=16"
- checksum: 82604ae70e2482d46aa9813dedab56dc980e41672153c449c2319e13e10984ccb4d40b09a7a4bc7f7905e421a9216b379a8498f819fe0f500b3523fef7529d4c
+ checksum: 3cb4f9f2c616e279b0898913a54aea6cf545827924f1a668026412c339ffdff85c6f2e8764d8cf7e76b15d22013a8618673268d23e36f2ed69a03a9193dd0052
languageName: node
linkType: hard
-"@carbon/pictograms-react@npm:^11.65.0":
- version: 11.65.0
- resolution: "@carbon/pictograms-react@npm:11.65.0"
+"@carbon/pictograms-react@npm:^11.67.0":
+ version: 11.67.0
+ resolution: "@carbon/pictograms-react@npm:11.67.0"
dependencies:
- "@carbon/icon-helpers": "npm:^10.51.0"
+ "@carbon/icon-helpers": "npm:^10.53.0"
"@ibm/telemetry-js": "npm:^1.5.0"
prop-types: "npm:^15.7.2"
peerDependencies:
react: ">=16"
- checksum: 38ff149ed930dc750aef7dd5629e3fb0d780bf17ccd51f850f1de3d92c6bcca04393634ec49bae559b2614fa87e35fda3ea20c7586111768b33bb289194412d4
+ checksum: 8a81da452aa16e02b977c6a47677cfc930388d6378a6b6381d9cae1184b63fa43bfa2e2f1fe7e9eac837e0734c963d19dae3533257ffed17b6fc7794650c592b
languageName: node
linkType: hard
-"@carbon/pictograms@npm:^12.39.0":
- version: 12.39.0
- resolution: "@carbon/pictograms@npm:12.39.0"
+"@carbon/pictograms@npm:^12.41.0":
+ version: 12.41.0
+ resolution: "@carbon/pictograms@npm:12.41.0"
dependencies:
"@ibm/telemetry-js": "npm:^1.5.0"
- checksum: 40d2f247b5ac9236776482411c4fcb1d391a1190b0069194d94b18540172165174ab316fa30f9041d4835a6d8dd14506fa6b6b6db2bf48864c882a49b1ab75bd
+ checksum: 13e9e13873d6fa62c161a4812953f69061e4349ce5c5651247681eb967517ba4fc80f8ca4703a28794b1c16043fd0cbfa49b0f14bf112b43ff0a12d981d1afc0
languageName: node
linkType: hard
-"@carbon/react@npm:^1.64.0":
- version: 1.64.0
- resolution: "@carbon/react@npm:1.64.0"
+"@carbon/react@npm:^1.67.0":
+ version: 1.67.0
+ resolution: "@carbon/react@npm:1.67.0"
dependencies:
"@babel/runtime": "npm:^7.24.7"
- "@carbon/feature-flags": "npm:^0.21.0"
- "@carbon/icons-react": "npm:^11.47.0"
- "@carbon/layout": "npm:^11.24.0"
- "@carbon/styles": "npm:^1.63.0"
+ "@carbon/feature-flags": "npm:^0.23.0"
+ "@carbon/icons-react": "npm:^11.50.0"
+ "@carbon/layout": "npm:^11.27.0"
+ "@carbon/styles": "npm:^1.66.0"
"@floating-ui/react": "npm:^0.26.0"
"@ibm/telemetry-js": "npm:^1.5.0"
classnames: "npm:2.5.1"
@@ -3322,36 +3287,29 @@ __metadata:
react: ^16.8.6 || ^17.0.1 || ^18.2.0
react-dom: ^16.8.6 || ^17.0.1 || ^18.2.0
sass: ^1.33.0
- checksum: 4c24ee8295fac1316cac866f16db23dc428acd6417d1084231aae6e38eb8aeaa33344d4ddab906126f3ee9789fdc505f29be24254ecc3fb7b3016f4179c139be
- languageName: node
- linkType: hard
-
-"@carbon/styles@npm:^1.63.0":
- version: 1.63.0
- resolution: "@carbon/styles@npm:1.63.0"
- dependencies:
- "@carbon/colors": "npm:^11.24.0"
- "@carbon/feature-flags": "npm:^0.21.0"
- "@carbon/grid": "npm:^11.25.0"
- "@carbon/layout": "npm:^11.24.0"
- "@carbon/motion": "npm:^11.20.0"
- "@carbon/themes": "npm:^11.38.0"
- "@carbon/type": "npm:^11.29.0"
- "@ibm/plex-mono": "npm:0.0.3-alpha.0"
- "@ibm/plex-sans": "npm:0.0.3-alpha.0"
- "@ibm/plex-sans-arabic": "npm:0.0.3-alpha.0"
- "@ibm/plex-sans-devanagari": "npm:0.0.3-alpha.0"
- "@ibm/plex-sans-hebrew": "npm:0.0.3-alpha.0"
- "@ibm/plex-sans-thai": "npm:0.0.3-alpha.0"
- "@ibm/plex-sans-thai-looped": "npm:0.0.3-alpha.0"
- "@ibm/plex-serif": "npm:0.0.3-alpha.0"
+ checksum: e69e48ba71df9888da889f788f6654d0fb02947153f0fe5c77591bfe3520f5a022afb21d6b312c379b046e5acb99c8c47ceebf418772c636ebf7f96234fb2f2c
+ languageName: node
+ linkType: hard
+
+"@carbon/styles@npm:^1.66.0":
+ version: 1.66.0
+ resolution: "@carbon/styles@npm:1.66.0"
+ dependencies:
+ "@carbon/colors": "npm:^11.27.0"
+ "@carbon/feature-flags": "npm:^0.23.0"
+ "@carbon/grid": "npm:^11.28.0"
+ "@carbon/layout": "npm:^11.27.0"
+ "@carbon/motion": "npm:^11.23.0"
+ "@carbon/themes": "npm:^11.41.0"
+ "@carbon/type": "npm:^11.32.0"
+ "@ibm/plex": "npm:6.0.0-next.6"
"@ibm/telemetry-js": "npm:^1.5.0"
peerDependencies:
sass: ^1.33.0
peerDependenciesMeta:
sass:
optional: true
- checksum: 03adf34131e077bbb2e970c418258937250ce554a2a1aafd8ff9bca6e869162c614ed4d8253f7e5ea3874558c406f0fe91465f852945375526aa093ae3b067b3
+ checksum: 8497184973bcfd702ee1391b893c2b657b6b6073b0d59399301fa83cd407fa2bad54b842dff0f92204097d352a00f3718858c5d2423aa9fc159b49c0de76ebff
languageName: node
linkType: hard
@@ -3384,27 +3342,27 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/themes@npm:^11.38.0":
- version: 11.38.0
- resolution: "@carbon/themes@npm:11.38.0"
+"@carbon/themes@npm:^11.41.0":
+ version: 11.41.0
+ resolution: "@carbon/themes@npm:11.41.0"
dependencies:
- "@carbon/colors": "npm:^11.24.0"
- "@carbon/layout": "npm:^11.24.0"
- "@carbon/type": "npm:^11.29.0"
+ "@carbon/colors": "npm:^11.27.0"
+ "@carbon/layout": "npm:^11.27.0"
+ "@carbon/type": "npm:^11.32.0"
"@ibm/telemetry-js": "npm:^1.5.0"
color: "npm:^4.0.0"
- checksum: e9d7c99b3368cd1a21f58628747a6edb7acb54bf9eb28285d9728266e80d497f80f590de56fb474a2ba03cda460e3a161118ddf2a68a9910daf493dc31cef40a
+ checksum: 5a3f43e429f8f76a5954a3271b7d032b6fdce4d6b399805f66e0f2f870ef39eaf8fad5c99fc93d15fc28e59d5686a7bce3e6ab3698f7199951341af54f479481
languageName: node
linkType: hard
-"@carbon/type@npm:^11.29.0":
- version: 11.29.0
- resolution: "@carbon/type@npm:11.29.0"
+"@carbon/type@npm:^11.32.0":
+ version: 11.32.0
+ resolution: "@carbon/type@npm:11.32.0"
dependencies:
- "@carbon/grid": "npm:^11.25.0"
- "@carbon/layout": "npm:^11.24.0"
+ "@carbon/grid": "npm:^11.28.0"
+ "@carbon/layout": "npm:^11.27.0"
"@ibm/telemetry-js": "npm:^1.5.0"
- checksum: 5e8dc3809b792417df7025dbdad56f34dfa6bf5cf87bbc980d436b3704bd8008443f22369457e8f6635d1dc79c6b3979a926f77348887a7c82d11b80973b9419
+ checksum: 714baef81ead7fc87e195529c01ca13dc9dde1256b94f4becb18f272180fc0f07bb526775a233fe2833556c5c294f1a18ffacf40a3df268385960ca46fd505b8
languageName: node
linkType: hard
@@ -3953,59 +3911,10 @@ __metadata:
languageName: node
linkType: hard
-"@ibm/plex-mono@npm:0.0.3-alpha.0":
- version: 0.0.3-alpha.0
- resolution: "@ibm/plex-mono@npm:0.0.3-alpha.0"
- checksum: 75fa4dcaac8deef027004c7ed431a438e3584bc7a21e16446818ea576f2ed9af06a80980f3959d2ce0c640f30bdcc1b3c8583a858c4c7419320c70aa75e46b1e
- languageName: node
- linkType: hard
-
-"@ibm/plex-sans-arabic@npm:0.0.3-alpha.0":
- version: 0.0.3-alpha.0
- resolution: "@ibm/plex-sans-arabic@npm:0.0.3-alpha.0"
- checksum: be0ca3afe44241c0d429bb307540c72e3af81cc02bda9bb0027d00cd82e00b53ad2301d6e20f2b0434f260325d255edbddeab4addc5f32076dc7ee1988c51a3a
- languageName: node
- linkType: hard
-
-"@ibm/plex-sans-devanagari@npm:0.0.3-alpha.0":
- version: 0.0.3-alpha.0
- resolution: "@ibm/plex-sans-devanagari@npm:0.0.3-alpha.0"
- checksum: 838c23d4e279f4b800594227f1b59edc291dc39c76551e0db988cf9641600683b885fb469de7ec8504204b8d7f76dddd04b5478ed995bdb9719465766d79f316
- languageName: node
- linkType: hard
-
-"@ibm/plex-sans-hebrew@npm:0.0.3-alpha.0":
- version: 0.0.3-alpha.0
- resolution: "@ibm/plex-sans-hebrew@npm:0.0.3-alpha.0"
- checksum: 7737413091a9751b2e031ef2cf3adec4942c708896f3b3344973c03e94b947af176515717ba9ecc027e6f142633193ead4318ed65bf023c49618664aa892f96c
- languageName: node
- linkType: hard
-
-"@ibm/plex-sans-thai-looped@npm:0.0.3-alpha.0":
- version: 0.0.3-alpha.0
- resolution: "@ibm/plex-sans-thai-looped@npm:0.0.3-alpha.0"
- checksum: 40596540e64e997bd65b860241764118df896cfb3426c081f75df1416c99f3a61a61881f1df066bd422ad0db934e8720e0f9e353ba385039cc437d89f30d8ee8
- languageName: node
- linkType: hard
-
-"@ibm/plex-sans-thai@npm:0.0.3-alpha.0":
- version: 0.0.3-alpha.0
- resolution: "@ibm/plex-sans-thai@npm:0.0.3-alpha.0"
- checksum: ef0877fcafdd99f6cd6c5aff3b96245de9dada9aee58bdcaa5da70256161ce7b67a7457e4a5952c9351b4eff0e06195c548ed0527eaf4259cc4e581a835af733
- languageName: node
- linkType: hard
-
-"@ibm/plex-sans@npm:0.0.3-alpha.0":
- version: 0.0.3-alpha.0
- resolution: "@ibm/plex-sans@npm:0.0.3-alpha.0"
- checksum: 9178849fa798506d55d16cd09210825255952b8661243e933cb2e68874e94ce9a438f848adb6f1729044d899991ce75f4eb5ad4a018f52fa4d43c3b5d25628cc
- languageName: node
- linkType: hard
-
-"@ibm/plex-serif@npm:0.0.3-alpha.0":
- version: 0.0.3-alpha.0
- resolution: "@ibm/plex-serif@npm:0.0.3-alpha.0"
- checksum: 215c3182b6b197045711bc351162f2084a9ed06a85f00a00099543f2ac789e2b1a0659f83ff9d2602cd30fde4d3225b549f82ce966f4d64bb124e17bd77962d0
+"@ibm/plex@npm:6.0.0-next.6":
+ version: 6.0.0-next.6
+ resolution: "@ibm/plex@npm:6.0.0-next.6"
+ checksum: 7f47f9535def1047dff51703fd1041c2f2915df1d405f1d62e785cc55b56478ea91af2e95b838692ef4142835ea765217935e2e336bac5a4437a9092ec0cfb4f
languageName: node
linkType: hard
@@ -7421,9 +7330,9 @@ __metadata:
resolution: "carbondesignsystem@workspace:."
dependencies:
"@carbon/charts-react": "npm:0.55.0"
- "@carbon/icons-react": "npm:^11.48.0"
- "@carbon/pictograms": "npm:^12.39.0"
- "@carbon/pictograms-react": "npm:^11.65.0"
+ "@carbon/icons-react": "npm:^11.50.0"
+ "@carbon/pictograms": "npm:^12.41.0"
+ "@carbon/pictograms-react": "npm:^11.67.0"
"@loadable/babel-plugin": "npm:^5.12.0"
"@loadable/component": "npm:^5.16.4"
babel-preset-carbon: "npm:^0.0.14"
@@ -7436,7 +7345,7 @@ __metadata:
gatsby-plugin-sharp: "npm:^5.13.1"
gatsby-plugin-sitemap: "npm:^6.13.1"
gatsby-source-filesystem: "npm:^5.13.1"
- gatsby-theme-carbon: "npm:^4.0.8"
+ gatsby-theme-carbon: "npm:^4.1.4"
gatsby-transformer-sharp: "npm:^5.13.1"
html-loader: "npm:^5.1.0"
husky: "npm:^9.0.11"
@@ -12251,18 +12160,18 @@ __metadata:
languageName: node
linkType: hard
-"gatsby-theme-carbon@npm:^4.0.8":
- version: 4.0.8
- resolution: "gatsby-theme-carbon@npm:4.0.8"
+"gatsby-theme-carbon@npm:^4.1.4":
+ version: 4.1.4
+ resolution: "gatsby-theme-carbon@npm:4.1.4"
dependencies:
"@babel/core": "npm:^7.24.7"
"@babel/plugin-proposal-class-properties": "npm:^7.18.6"
"@babel/plugin-syntax-jsx": "npm:^7.24.7"
- "@carbon/elements": "npm:^11.51.0"
- "@carbon/grid": "npm:^11.25.0"
- "@carbon/pictograms-react": "npm:^11.64.0"
- "@carbon/react": "npm:^1.64.0"
- "@carbon/themes": "npm:^11.38.0"
+ "@carbon/elements": "npm:^11.54.0"
+ "@carbon/grid": "npm:^11.28.0"
+ "@carbon/pictograms-react": "npm:^11.67.0"
+ "@carbon/react": "npm:^1.67.0"
+ "@carbon/themes": "npm:^11.41.0"
"@garcia-enterprise/gatsby-plugin-sass-resources": "npm:^4.0.2"
"@mdx-js/mdx": "npm:^3.0.1"
"@mdx-js/react": "npm:^3.0.1"
@@ -12307,7 +12216,7 @@ __metadata:
gatsby: ^5.13.3
react: ^18.2.0
react-dom: ^18.2.0
- checksum: 7fc93e1fdf49a00b468192921043056ccf3e7dd8023d148b957ee2fb8a60fc7749737cb4936951246d5e13fb5df1b9e5713ae2336394ec5b39597bbbe682b522
+ checksum: c17f373abecb1d79e9e11f4d982fa1a71b4832a90512328b7bc1d3b85113d4d3177aad5d51af4ef5b75093bedbbc25df71227b3a53518c31c33ddd4c81562f50
languageName: node
linkType: hard