Rename unreleased to drafts to avoid confusion

[siddharthkp]

Rename @primer/components/unreleased to @primer/components/drafts

--

Picked a name that doesn't conflict with component maturity status - experimental/alpha/beta/stable
& doesn't conflict with package publishing language - published/released/next/apha/beta

Thanks to @pksjce for the suggestion!

--

• In the docs, because we have multiple ActionLists now, we import it ActionList2 from a different scope:

const {ActionList} = drafts

render(
  <ActionList>
    ...
  </ActionList>
)

This causes confusion in where does drafts come from?

The long term fix would be to modify the scope conditionally by tagging the code block with "drafts": ```javascript live drafts.

For now, the bandaid is the add a comment to ignore the internal silliness and import from the path

// import {ActionList} from '@primer/components/drafts'
const {ActionList} = drafts // ignore docs silliness, import like that ↑

[changeset-bot]

🦋 Changeset detected

Latest commit: 5e5f550

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/components	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[siddharthkp]

@pksjce @jclem FYI!

[github-actions]

size-limit report 📦

Path	Size
dist/browser.esm.js	54.96 KB (0%)
dist/browser.umd.js	55.35 KB (0%)

[colebemis]