From 0649b5f22ad7fbeef57ad57148b298d05defc6dd Mon Sep 17 00:00:00 2001 From: simurai Date: Thu, 11 Mar 2021 15:35:27 +0900 Subject: [PATCH] Update v16-migration.mdx --- docs/content/support/v16-migration.mdx | 28 +++++++++++++++++++------- 1 file changed, 21 insertions(+), 7 deletions(-) diff --git a/docs/content/support/v16-migration.mdx b/docs/content/support/v16-migration.mdx index 001f24aa..86826e86 100644 --- a/docs/content/support/v16-migration.mdx +++ b/docs/content/support/v16-migration.mdx @@ -13,6 +13,19 @@ Because colors differ in each color mode, it doesn't make sense to try to make a Most components don't need to be updated and should work without making changes. But some of the componets that use presentational class names now use functional class names. +#### Counters + +| [`v15`](https://primer.style/css/components/labels#counters) | `v16` | +| ------------------------------------------------------------ | --------------------- | +| `.Counter--gray` | `.Counter--primary` | +| `.Counter--gray-light` | `.Counter--secondary` | + +#### Dropdwon + +| [`v15`](https://primer.style/css/components/dropdown#dark) | `v16` | +| ---------------------------------------------------------- | ----- | +| `.dropdown-menu-dark` | n/a | + #### Labels | [`v15`](https://primer.style/css/components/labels) | `v16` | @@ -27,13 +40,6 @@ Most components don't need to be updated and should work without making changes. | `.Label--purple` | n/a | | `.Label--pink` | n/a | -#### Counters - -| [`v15`](https://primer.style/css/components/labels#counters) | `v16` | -| ------------------------------------------------------------ | --------------------- | -| `.Counter--gray` | `.Counter--primary` | -| `.Counter--gray-light` | `.Counter--secondary` | - #### States | [`v15`](https://primer.style/css/components/labels#states) | `v16` | @@ -149,6 +155,14 @@ The `link` utilities are part of the `Link` component. | `.link-hover-blue` | `.Link--onHover` | | n/a | `.Link` | +### Mixins + +| `v15` | `v16` | +| --------------- | ----- | +| `btn-solid()` | n/a | +| `btn-inverse()` | n/a | +| `btn-outline()` | n/a | + ### Variables See [the color system page](/support/color-system) for a list of all the functional CSS variables.