diff --git a/.storybook/DocsContainer.tsx b/.storybook/DocsContainer.tsx
deleted file mode 100644
index 56ffdbad..00000000
--- a/.storybook/DocsContainer.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React, { useEffect } from "react";
-import { DocsContainer as BaseContainer } from "@storybook/addon-docs";
-import { useDarkMode } from "storybook-dark-mode";
-import { themes } from "@storybook/theming";
-
-const root = document.documentElement;
-
-export const DocsContainer = ({ children, context, ...rest }) => {
- const isDarkMode = useDarkMode();
-
- useEffect(() => {
- root.classList.add(isDarkMode ? 'dark' : 'light');
- root.classList.remove(isDarkMode ? 'light' : 'dark');
-
- return () => {
- root.classList.remove('light', 'dark');
- }
- }, [isDarkMode])
-
- return (
-
- {children}
-
- );
-};
-
diff --git a/.storybook/colors.ts b/.storybook/colors.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/.storybook/main.ts b/.storybook/main.ts
index 56b9ac8c..c733b410 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -1,5 +1,5 @@
-import * as path from 'path'
-import type { StorybookConfig } from '@storybook/react-vite'
+import * as path from 'path';
+import type { StorybookConfig } from '@storybook/react-vite';
const config: StorybookConfig = {
stories: [
@@ -10,12 +10,13 @@ const config: StorybookConfig = {
'@storybook/addon-links',
'@storybook/addon-essentials',
'@storybook/addon-interactions',
- 'storybook-dark-mode'
+ '@storybook/addon-mdx-gfm'
],
framework: {
name: '@storybook/react-vite',
options: {}
},
+ staticDirs: ['../public/'],
docs: {
autodocs: 'tag'
},
@@ -24,10 +25,10 @@ const config: StorybookConfig = {
config.resolve.alias = {
...config.resolve.alias,
'@': path.join(__dirname, '../src')
- }
+ };
}
- return config
+ return config;
}
-}
-export default config
+};
+export default config;
diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
index 01cfc31a..7ac3e40f 100644
--- a/.storybook/manager-head.html
+++ b/.storybook/manager-head.html
@@ -1,5 +1,10 @@
+
-
-
- Attribute
- Type
- Default
-
-
- asChild
- boolean
- false
-
-
- type
- enum
- -
-
-
- value
- string
- -
-
-
- defaultValue
- string
- -
-
-
- onValueChange
- function
- -
-
-
- value
- sting[]
- []
-
-
- defaultValue
- sting[]
- []
-
-
- onValueChange
- function
- -
-
-
- collapsible
- boolean
- false
-
-
- disabled
- boolean
- false
-
-
- dir
- enum
- "ltr"
-
-
- orientation
- enum
- "vertical"
-
-
-
-
-### AccordionItem
-
-Contains all the parts of a collapsible section
-
-
-
-
- Attribute
- Type
- Default
-
-
- asChild
- boolean
- false
-
-
- disabled
- boolean
- false
-
-
- value*
- string
- -
-
-
-
-
-### AccordionItem
-
-Contains header & content of a item the Accordion
-
-
-
-
- Attribute
- Type
- Default
-
-
- asChild
- boolean
- false
-
-
- disabled
- boolean
- false
-
-
- value*
- string
- -
-
-
-
-
-### AccordionHeader
-
-Wraps an Accordion.Trigger. Use the asChild prop to update it to the appropriate heading level for your page.
-
-
-
-
- Attribute
- Type
- Default
-
-
- asChild
- boolean
- false
-
-
-
-
-### AccordionTrigger
-
-Toggles the collapsed state of its associated item. It should be nested inside of an Accordion.Header.
-
-
-
-
- Attribute
- Type
- Default
-
-
- asChild
- boolean
- false
-
-
-
-
-### AccordionContent
-
-Contains the collapsible content for an item.
-
-
-
-
- Attribute
- Type
- Default
-
-
- asChild
- boolean
- false
-
-
- forceMount
- boolean
- -
-
-
-
diff --git a/stories/Colors.mdx b/stories/Colours.mdx
similarity index 98%
rename from stories/Colors.mdx
rename to stories/Colours.mdx
index 4a6e2c9e..3a0fd6f1 100644
--- a/stories/Colors.mdx
+++ b/stories/Colours.mdx
@@ -3,7 +3,7 @@ import aliasColors from '@/colors'
import { colors } from '@/colors/base'
import { ColorWrapper } from './colorUtils.tsx'
-Get Started
+
+Welcome to Quantum. This guide will help you to get up and running in no time.