feat: button icon

.storybook/bcgov-theme.ts

@@ -0,0 +1,10 @@
+import { create } from '@storybook/theming/create';
+import packageInfo from '../package.json';
+
+export default create({
+  base: 'light',
+  // Typography
+  fontBase: '"Open Sans", sans-serif',
+  fontCode: 'monospace',
+  brandTitle: `@fds-design@${packageInfo.version}`,
+});

.storybook/manager.ts

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/manager-api';
+import bcgovTheme from './bcgov-theme';
+
+addons.setConfig({
+  theme: bcgovTheme
+});

.storybook/preview.tsx

@@ -4,6 +4,7 @@ import theme from 'fds-theme';
 import 'fds-theme/dist/style.css';
 import type {Preview} from '@storybook/react';
 import { action } from '@storybook/addon-actions';
+import './styles.scss';
 
 // Define parameters for controls and actions
 const preview: Preview = {

.storybook/styles.scss

@@ -0,0 +1,5 @@
+.story-container{
+  padding: 24px 16px;
+  display: flex;
+  gap: 8px;
+}

lerna.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "node_modules/lerna/schemas/lerna-schema.json",
+  "version": "0.0.0"
+}