Feature/docs

.husky/commit-msg

@@ -1,2 +1 @@
-. "$(dirname -- "$0")/_/husky.sh"
 npx commitlint --edit $1

.husky/pre-commit

@@ -1,2 +1 @@
-. "$(dirname -- "$0")/_/husky.sh"
 npm run build

lib/components/Button/Button.stories.tsx

@@ -15,6 +15,11 @@ export const Primary: Story = {
   args: {
     label: 'Button',
     bgColor: '#2b8164',
+    textColor: '#ffffff',
+    type: 'button',
+    size: 'md',
+    isOutline: false,
+    onClick: () => console.log('Button clicked'),
   } as ButtonProps,
   render: (args) => <Button {...args} />,
 }

lib/components/Main/README.md

@@ -0,0 +1,19 @@
+# Main Layout Component
+
+The `<main>` tag represents the main content area of a document. The content inside the <main> tag should be unique to the document and should not contain other global elements such as navigation, asides, footers and more. There should be no more than one <main> tag used in a document.
+
+## Props
+
+The following props are available on the `Main` component:
+
+- `children` - accepts children elements
+- `maxWidth` - sets a max width class that applies to direct descendants
+- `noProse` - removes the automatically applied Tailwind prose classes
+
+## Example
+
+```jsx
+<Main maxWidth="5xl">
+  <p>Add content elements here</p>
+</Main>
+```

lib/styles.css

@@ -4,5 +4,5 @@
 @import 'tailwindcss/utilities';
 
 /* Global Classes */
-@import './styles/button-links.css';
+@import './components/Button/styles.css';
 @import './styles/max-width.css';

package.json

@@ -33,7 +33,7 @@
     "build:storybook": "storybook build",
     "prettier": "prettier --write .",
     "size": "size-limit",
-    "rebuild": "rm -rf node_modules ; rm package-lock.json ; npm install",
+    "clean": "rm -rf node_modules ; rm package-lock.json ; npm install",
     "test": "echo \"No test specified\" && exit 0",
     "prepare": "husky"
   },
@@ -49,39 +49,39 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.3.0",
-    "@commitlint/config-conventional": "^19.2.2",
+    "@commitlint/cli": "^19.4.1",
+    "@commitlint/config-conventional": "^19.4.1",
     "@size-limit/preset-big-lib": "^11.1.4",
-    "@storybook/addon-a11y": "^8.1.1",
-    "@storybook/addon-essentials": "^8.1.1",
-    "@storybook/addon-interactions": "^8.1.1",
-    "@storybook/addon-links": "^8.1.1",
-    "@storybook/addon-onboarding": "^8.1.1",
+    "@storybook/addon-a11y": "^8.2.9",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/blocks": "^8.1.1",
-    "@storybook/react": "^8.1.1",
-    "@storybook/react-vite": "^8.1.1",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
     "@storybook/testing-library": "^0.2.2",
-    "@types/react": "^18.3.2",
+    "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.9.0",
-    "@typescript-eslint/parser": "^7.9.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.19",
+    "@typescript-eslint/eslint-plugin": "^8.4.0",
+    "@typescript-eslint/parser": "^8.4.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "autoprefixer": "^10.4.20",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-react-refresh": "^0.4.11",
     "eslint-plugin-storybook": "^0.8.0",
-    "husky": "^9.0.11",
-    "postcss": "^8.4.38",
-    "prettier": "^3.2.5",
+    "husky": "^9.1.5",
+    "postcss": "^8.4.45",
+    "prettier": "^3.3.3",
     "size-limit": "^11.1.4",
-    "storybook": "^8.1.1",
-    "tailwindcss": "^3.4.3",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.11",
-    "vite-plugin-dts": "^3.9.1"
+    "storybook": "^8.2.9",
+    "tailwindcss": "^3.4.10",
+    "typescript": "^5.5.4",
+    "vite": "^5.4.3",
+    "vite-plugin-dts": "^4.1.1"
   }
 }