Button bug fixes and visual updates

.changeset/mean-parrots-burn.md

@@ -0,0 +1,13 @@
+---
+"@primer/react": major
+---
+
+
+- Add a block prop for full width
+- Add alignContent prop to align content to center or start
+- Use control sizing CSS variables
+- Use height over padding for more control over sizing
+- Refactor Button.Counter to better align with the other visual props
+- Rename visual props to better align with other Primer components
+- Deprecate outline variant
+

.storybook/main.js

@@ -4,6 +4,7 @@ module.exports = {
     '@storybook/addon-a11y',
     '@storybook/addon-links',
     '@storybook/addon-interactions',
+    '@storybook/addon-storysource',
     {name: '@storybook/addon-essentials', options: {backgrounds: false}},
     'storybook-addon-performance/register',
     {name: 'storybook-addon-turbo-build', options: {optimizationLevel: 2}},

.storybook/preview.js

@@ -1,7 +1,6 @@
 import {addons} from '@storybook/addons'
 import {withPerformance} from 'storybook-addon-performance'
 import {withThemeProvider, toolbarTypes} from '../src/utils/story-helpers'
-
 export const globalTypes = toolbarTypes
 export const decorators = [withThemeProvider, withPerformance]