Skip to content

Commit

Permalink
cleanup
Browse files Browse the repository at this point in the history
  • Loading branch information
mperrotti committed Feb 24, 2022
1 parent 7bcc7b8 commit ea882de
Show file tree
Hide file tree
Showing 3 changed files with 4 additions and 12 deletions.
11 changes: 2 additions & 9 deletions docs/content/Label.mdx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: Label v2
componentId: label2
title: Label
componentId: label
status: Alpha
source: https://github.com/primer/react/tree/main/src/Label2
storybook: '/react/storybook?path=story/labels-label--label'
Expand All @@ -12,17 +12,12 @@ description: Use Label components to add contextual metadata to a design.
### Basic

```javascript live noinline
// import {Label} from '@primer/react/drafts'
const {Label} = drafts // ignore docs silliness; import like that ↑

render(<Label>Default</Label>)
```

### Variants

```javascript live noinline
// import {Label} from '@primer/react/drafts'
const {Label} = drafts // ignore docs silliness; import like that ↑
render(
<>
<Label>Default</Label>
Expand All @@ -42,8 +37,6 @@ render(
### Sizes

```javascript live noinline
// import {Label} from '@primer/react/drafts'
const {Label} = drafts // ignore docs silliness; import like that ↑
render(
<>
<Label>Small (default)</Label>
Expand Down
4 changes: 1 addition & 3 deletions docs/content/Label_deprecated.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,13 @@ source: https://github.com/primer/react/blob/main/src/Label.tsx
componentId: legacy_label
---

import {Label} from '@primer/react/deprecated'

## Deprecation

Use the new [Label](/Label) instead.

## Example

```jsx live
```jsx live deprecated
<>
<Label variant="small" outline sx={{borderColor: 'danger.emphasis', mr: 2, color: 'danger.fg'}}>
small
Expand Down
1 change: 1 addition & 0 deletions src/Label_deprecated.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,7 @@ const sizeVariant = variant({
}
})

/** @deprecated Use the new Label instead. See https://primer.style/react/Label for more details. */
const Label = styled.span<
{
variant?: 'small' | 'medium' | 'large' | 'xl'
Expand Down

0 comments on commit ea882de

Please sign in to comment.