diff --git a/.gitignore b/.gitignore index c6fc030f5..dde431e47 100644 --- a/.gitignore +++ b/.gitignore @@ -184,3 +184,8 @@ dist .docs/temp-publish-docs/ .docs/temp-publish-docs/.secrets .secrets + +*storybook.log + +# Storybook build output +storybook-static/ diff --git a/.ladle/Welcome.module.scss b/.ladle/Welcome.module.scss deleted file mode 100644 index c8c7a4c74..000000000 --- a/.ladle/Welcome.module.scss +++ /dev/null @@ -1,150 +0,0 @@ -.container { - max-width: 800px; - margin: 0 auto; - padding: 2rem; - font-family: - system-ui, - -apple-system, - BlinkMacSystemFont, - 'Segoe UI', - Roboto, - sans-serif; -} - -.header { - margin-bottom: 2rem; - border-bottom: 1px solid #eaeaea; - padding-bottom: 1rem; -} - -.title { - font-size: 2rem; - font-weight: 600; - color: #333; - margin: 0 0 0.5rem 0; -} - -.subtitle { - font-size: 1.25rem; - font-weight: 400; - color: #666; - margin: 0 0 1rem 0; -} - -.card { - border: 1px solid #eaeaea; - border-radius: 8px; - padding: 1.5rem; - margin-bottom: 1.5rem; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); - width: 100%; -} - -.sectionTitle { - font-size: 1.25rem; - font-weight: 600; - color: #333; - margin: 0 0 1rem 0; -} - -.paragraph { - font-size: 1rem; - line-height: 1.6; - color: #444; - margin: 0 0 1rem 0; -} - -.list { - margin: 0 0 1rem 0; - padding-left: 1.5rem; -} - -.listItem { - font-size: 1rem; - line-height: 1.6; - color: #444; - margin: 0.5rem 0; -} - -.link { - color: #0066cc; - text-decoration: none; - font-weight: 500; - cursor: pointer; -} - -.footer { - font-size: 0.875rem; - color: #666; - margin-top: 2rem; - text-align: center; -} - -.logoContainer { - text-align: center; - margin-bottom: 1rem; -} - -.logo { - height: 120px; - margin: 0 auto; -} - -.emojiLogo { - font-size: 4rem; -} - -.categorySection { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); - gap: 1rem; - margin: 1.5rem 0; -} - -.categoryLink { - text-decoration: none !important; - display: block; - color: inherit; - - &:hover, - &:focus, - &:active, - &:visited { - text-decoration: none !important; - color: inherit; - } -} - -.categoryCard { - border: 1px solid #eaeaea; - border-radius: 8px; - padding: 1rem; - background-color: #f9f9f9; - transition: all 0.2s ease; - cursor: pointer; - - &:hover { - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - transform: translateY(-2px); - background-color: #f0f0f0; - } -} - -.categoryTitle { - font-size: 1.1rem; - font-weight: 600; - margin-bottom: 0.5rem; -} - -.categoryDescription { - font-size: 0.9rem; - color: #666; -} - -.codeBlock { - background-color: #f5f5f5; - padding: 1rem; - border-radius: 4px; - overflow: auto; -} diff --git a/.ladle/Welcome.stories.tsx b/.ladle/Welcome.stories.tsx deleted file mode 100644 index 6d339da0b..000000000 --- a/.ladle/Welcome.stories.tsx +++ /dev/null @@ -1,187 +0,0 @@ -import type { Story } from '@ladle/react' -import styles from './Welcome.module.scss' -import { Flex } from '@/components/Common/Flex/Flex' -import { Grid } from '@/components/Common/Grid/Grid' -import { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext' - -export default { - title: 'Welcome', // This will appear at the top of the sidebar -} - -export const Introduction: Story = () => { - const Components = useComponentContext() - return ( -
[ComponentName].stories.tsx next to your
- component
- npx ladle serve to see your new story in the sidebar
-
- {`import React from 'react'
-import type { Story } from '@ladle/react'
-import { MyComponent } from './MyComponent'
-
-export default {
- title: 'Components/MyComponent'
-}
-
-export const Default: Story = () =>
-export const WithData: Story = () => `}
-
-
-