NewButton -> Button2 (#1730)

* Rename new button stuff

* Update tests

* Export Button component

* Change button2 storybook name

* Create fuzzy-meals-explain.md

.changeset/fuzzy-meals-explain.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+NewButton -> Button2 file name changes

src/NewButton/button.tsx → src/Button2/Button.tsx

@@ -1,6 +1,6 @@
 import React, {forwardRef} from 'react'
 import {ButtonProps} from './types'
-import ButtonBase from './button-base'
+import ButtonBase from './ButtonBase'
 
 const Button = forwardRef<HTMLButtonElement, ButtonProps>(({children, ...props}, forwardedRef): JSX.Element => {
   return (

src/stories/NewButton.stories.tsx → src/Button2/Button2.stories.tsx

@@ -1,12 +1,12 @@
 import React, {useState, forwardRef} from 'react'
-import {NewButton as Button, NewButtonProps as ButtonProps, IconButton, ButtonLink} from '../NewButton'
+import {Button, ButtonProps, IconButton, ButtonLink} from '.'
 import {BaseStyles, ThemeProvider} from '..'
 import {Meta} from '@storybook/react'
 import {XIcon, SearchIcon, EyeIcon, EyeClosedIcon, TriangleDownIcon, TriangleRightIcon} from '@primer/octicons-react'
 import Box from '../Box'
 
 export default {
-  title: 'Composite components/New Button',
+  title: 'Composite components/Button2',
 
   decorators: [
     Story => {

src/NewButton/button-link.tsx → src/Button2/ButtonLink.tsx

@@ -1,6 +1,6 @@
 import React, {forwardRef} from 'react'
 import {LinkButtonProps} from './types'
-import ButtonBase, {ButtonBaseProps} from './button-base'
+import ButtonBase, {ButtonBaseProps} from './ButtonBase'
 import {ForwardRefComponent as PolymorphicForwardRefComponent} from '@radix-ui/react-polymorphic'
 
 type MyProps = LinkButtonProps & ButtonBaseProps

src/Button2/index.ts

@@ -0,0 +1,11 @@
+import {Button as ButtonComponent} from './Button'
+import {Counter} from './ButtonCounter'
+import IconButton from './IconButton'
+import ButtonLink from './ButtonLink'
+import {ButtonProps, IconButtonProps} from './types'
+// change this when moving to released state
+export type {ButtonProps, IconButtonProps}
+export const Button = Object.assign(ButtonComponent, {
+  Counter
+})
+export {IconButton, ButtonLink}

src/__tests__/NewButton.test.tsx → src/__tests__/Button2.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import {IconButton, NewButton as Button} from '../NewButton'
+import {IconButton, Button} from '../Button2'
 import {behavesAsComponent} from '../utils/testing'
 import {render, cleanup, fireEvent} from '@testing-library/react'
 import {axe, toHaveNoViolations} from 'jest-axe'

src/drafts.ts

@@ -7,5 +7,5 @@
 
 // Components
 export * from './ActionList2'
-export * from './NewButton'
+export * from './Button2'
 export * from './ActionMenu2'

src/index.ts

@@ -54,8 +54,6 @@ export {
   ButtonClose,
   ButtonGroup
 } from './Button'
-export {NewButton} from './NewButton'
-export type {NewButtonProps} from './NewButton'
 export type {
   ButtonProps,
   ButtonDangerProps,