Skip to content

Commit

Permalink
v11-doc-remove-extra-icon (#2606)
Browse files Browse the repository at this point in the history 
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
  • Loading branch information
@aagonzales @kodiakhq
aagonzales and kodiakhq[bot] authored Nov 3, 2021
1 parent b712168 commit dd7fa3c
Showing 1 changed file with 28 additions and 31 deletions.
59 changes: 28 additions & 31 deletions src/pages/migrating/guide/develop.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,27 +31,27 @@ possible by detailing all of the updates below.

## Changelog

| Feature | <div style="width:100px">Status</div> | Migrate | Packages or components impacted |
| -------------------------- | ------------------------------------- | -------------------------------------- | --------------------------------------------------------------------------------------- |
| `@carbon/react` | <Tag type="cyan">Breaking</Tag> | [Components](#components-breaking) | `carbon-components-react` `carbon-icons` `carbon-components` |
| `@carbon/styles` | <Tag type="cyan">Breaking</Tag> | [Styles](#styles-breaking) | `carbon-components` `@carbon/react` `carbon-components-angular` `carbon-components-vue` |
| Color Tokens | <Tag type="cyan">Breaking</Tag> | [Color tokens](#color-tokens-breaking) | All components |
| CSS Grid | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` `@carbon/grid` |
| Component `size` prop | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` components that have different size variations |
| Icons `size` prop | <Tag type="cyan">Breaking</Tag> | [Icons size prop](#icon-size-prop) | `@carbon/react/icons` `@carbon/icons-react` All icons |
| Component `className` prop | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` |
| Event handlers | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` |
| Notifications | <Tag type="cyan">Breaking</Tag> | [Notifications](#notifications-breaking) | `@carbon/react` |
| Tooltip | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` |
| ContentSwitcher | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` |
| Layer Component | <Tag type="cyan">Breaking</Tag> | [Layering](#layer-component-breaking) | Components using `light` prop |
| Theme Component | <Tag type="green">New</Tag> | [Theming](#theme-component-new) | |
| Popover | <Tag type="green">New</Tag> | [New components](#popover) | `@carbon/react` `carbon-components` |
| ToggleTip | <Tag type="green">New</Tag> | [New components](#toggle-tip) | `@carbon/react` `carbon-components` |
| Dialog | <Tag type="green">New</Tag> | [New components](#dialog) | `@carbon/react` `carbon-components` |
| `carbon-icons` | <Tag type="red">Deprecated</Tag> | [Components](#components-breaking) | |
| `carbon-components` | <Tag type="red">Deprecated</Tag> | [Styles](#styles-breaking) | |
| `carbon-components-react` | <Tag type="red">Deprecated</Tag> | [Components](#components-breaking) | |
| Feature | <div style="width:100px">Status</div> | Migrate | Packages or components impacted |
| -------------------------- | ------------------------------------- | ---------------------------------------- | --------------------------------------------------------------------------------------- |
| `@carbon/react` | <Tag type="cyan">Breaking</Tag> | [Components](#components-breaking) | `carbon-components-react` `carbon-icons` `carbon-components` |
| `@carbon/styles` | <Tag type="cyan">Breaking</Tag> | [Styles](#styles-breaking) | `carbon-components` `@carbon/react` `carbon-components-angular` `carbon-components-vue` |
| Color Tokens | <Tag type="cyan">Breaking</Tag> | [Color tokens](#color-tokens-breaking) | All components |
| CSS Grid | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` `@carbon/grid` |
| Component `size` prop | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` components that have different size variations |
| Icons `size` prop | <Tag type="cyan">Breaking</Tag> | [Icons size prop](#icon-size-prop) | `@carbon/react/icons` `@carbon/icons-react` All icons |
| Component `className` prop | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` |
| Event handlers | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` |
| Notifications | <Tag type="cyan">Breaking</Tag> | [Notifications](#notifications-breaking) | `@carbon/react` |
| Tooltip | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` |
| ContentSwitcher | <Tag type="cyan">Breaking</Tag> | [CSS Grid](#css-grid-breaking) | `@carbon/react` |
| Layer Component | <Tag type="cyan">Breaking</Tag> | [Layering](#layer-component-breaking) | Components using `light` prop |
| Theme Component | <Tag type="green">New</Tag> | [Theming](#theme-component-new) | |
| Popover | <Tag type="green">New</Tag> | [New components](#popover) | `@carbon/react` `carbon-components` |
| ToggleTip | <Tag type="green">New</Tag> | [New components](#toggle-tip) | `@carbon/react` `carbon-components` |
| Dialog | <Tag type="green">New</Tag> | [New components](#dialog) | `@carbon/react` `carbon-components` |
| `carbon-icons` | <Tag type="red">Deprecated</Tag> | [Components](#components-breaking) | |
| `carbon-components` | <Tag type="red">Deprecated</Tag> | [Styles](#styles-breaking) | |
| `carbon-components-react` | <Tag type="red">Deprecated</Tag> | [Components](#components-breaking) | |

## Components <Tag type="cyan">Breaking</Tag>

Expand Down Expand Up @@ -653,16 +653,13 @@ being made in our Tooltip component.
Learn more about our Popover component and it's API below:

<Row className="resource-card-group">
<Column colLg={4} colMd={4} noGutterSm>
<ResourceCard
subTitle="Popover"
href="https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Popover">
<MdxIcon name="github" />

![Carbon icon](images/carbon.svg)

</ResourceCard>
</Column>
<Column colLg={4} colMd={4} noGutterSm>
<ResourceCard
subTitle="Popover"
href="https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Popover">
<MdxIcon name="github" />
</ResourceCard>
</Column>
</Row>

## Notifications <Tag type="cyan">Breaking</Tag>
Expand Down

0 comments on commit dd7fa3c

Please sign in to comment.