Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

(docs) Fix typo in v11 migration docs #11417

Merged
merged 5 commits into from
May 18, 2022
Merged

(docs) Fix typo in v11 migration docs #11417

Changes from 4 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4f4d8ba
Fix typo
denniskigen May 14, 2022
63d02ff
More typo fixes
denniskigen May 15, 2022
8ac4a55
Fixup
denniskigen May 15, 2022
2cbb02c
Merge branch 'main' into patch-1
denniskigen May 18, 2022
842a2f5
Merge branch 'main' into patch-1
jnm2377 May 18, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions docs/migration/v11.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1733,7 +1733,7 @@ For full documentation, visit the
- This package now requires Dart Sass and uses Sass Modules
- Variables, mixins, and functions with the `carbon--` prefix have been renamed
- Design Tokens have been changed, however you can use the
[compatability docs](#compatability) to use v10 tokens along with v11 tokens
[compatibility docs](#compatibility) to use v10 tokens along with v11 tokens
- The `theme` mixin now emits CSS Custom Properties by default for the given
theme, `$emit-custom-properties` and `$emit-difference` are no longer needed

Expand Down Expand Up @@ -1762,7 +1762,7 @@ For full documentation, visit the
| | `$carbon--theme--g10` | Renamed to `$g10` |
| | `$carbon--theme--g90` | Renamed to`$g90` |
| | `$carbon--theme--g100` | Renamed `$g100` |
| `scss/_tokens.scss` | | Tokens have been changed, use the compatability theme or switch to the [new tokens](#designtokens) |
| `scss/_tokens.scss` | | Tokens have been changed, use the compatibility theme or switch to the [new tokens](#designtokens) |
| `scss/themes.scss` | | Moved to `@carbon/themes` |
| `scss/index.scss` | | Moved to `@carbon/themes` |

Expand Down Expand Up @@ -1919,13 +1919,13 @@ const { white, g10, g90, g100 } = v10;
| — | layer-accent-hover-02 | layer-accent-hover | New |
| — | layer-accent-hover-03 | layer-accent-hover | New |

### Compatability
### Compatibility

To make it easier to move between v10 and v11 of Carbon, we've introduced a
compatability theme that includes the tokens from v10 and v11 so that you can
compatibility theme that includes the tokens from v10 and v11 so that you can
incrementally update your project.

You can use a "compatability theme" by setting the `$fallback` to a value from
You can use a "compatibility theme" by setting the `$fallback` to a value from
`scss/compat/themes`. For example:

```scss
Expand All @@ -1938,7 +1938,7 @@ You can use a "compatability theme" by setting the `$fallback` to a value from
```

In this code snippet, we set the current theme to `$g100` and include the
compatability theme for `$g100` as the `$fallback.
compatibility theme for `$g100` as the `$fallback.

## @carbon/type

Expand Down