@latte-macchiat-io/latte-vanilla-components 0.0.176 → 0.0.178

package/src/components/Button/stories.ts

@@ -1,127 +0,0 @@
-// import type { Meta, StoryObj } from '@storybook/react';
-// import { fn } from '@storybook/test';
-
-// import { Button } from './export';
-// import { Size, Style, Variant } from './types';
-// import { buttonStyle } from './styles.css';
-// import { defaultTheme } from '../../assets/styles/default-theme';
-
-// // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-// const meta = {
-//   title: 'Latte Components / 3. Buttons / Button',
-//   component: Button,
-//   parameters: {
-//     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
-//     layout: 'centered',
-//   },
-//   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-//   tags: ['autodocs'],
-//   // More on argTypes: https://storybook.js.org/docs/api/argtypes
-//   argTypes: {},
-//   // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
-//   args: { onClick: fn() },
-// } satisfies Meta<typeof Button>;
-
-// export default meta;
-// type Story = StoryObj<typeof meta>;
-
-// // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-// export const Default: Story = {
-//   args: {
-//     children: 'Button',
-//     theme: defaultTheme,
-//     className: buttonStyle,
-//   },
-// };
-
-// export const Primary: Story = {
-//   args: {
-//     children: 'Button',
-//     theme: defaultTheme,
-//     className: buttonStyle,
-//     variant: Variant.Primary,
-//   },
-// };
-
-// export const StyleOutline: Story = {
-//   args: {
-//     children: 'Button',
-//     theme: defaultTheme,
-//     style: Style.Outline,
-//     className: buttonStyle,
-//   },
-// };
-
-// export const Secondary: Story = {
-//   args: {
-//     children: 'Button',
-//     theme: defaultTheme,
-//     className: buttonStyle,
-//     variant: Variant.Secondary,
-//   },
-// };
-
-// export const SecondaryOutline: Story = {
-//   args: {
-//     children: 'Button',
-//     theme: defaultTheme,
-//     style: Style.Outline,
-//     className: buttonStyle,
-//     variant: Variant.Secondary,
-//   },
-// };
-
-// export const StaticColor: Story = {
-//   args: {
-//     children: 'Button',
-//     theme: defaultTheme,
-//     className: buttonStyle,
-//     staticColor: '#76D1F5',
-//   },
-// };
-
-// export const StaticColorOutline: Story = {
-//   args: {
-//     children: 'Button',
-//     theme: defaultTheme,
-//     style: Style.Outline,
-//     className: buttonStyle,
-//     staticColor: '#76D1F5',
-//   },
-// };
-
-// export const Disabled: Story = {
-//   args: {
-//     isDisabled: true,
-//     children: 'Button',
-//     theme: defaultTheme,
-//     className: buttonStyle,
-//   },
-// };
-
-// export const Pending: Story = {
-//   args: {
-//     isPending: true,
-//     theme: defaultTheme,
-//     children: 'Pending...',
-//     className: buttonStyle,
-//   },
-// };
-
-// export const SizeSmall: Story = {
-//   args: {
-//     size: Size.Small,
-//     children: 'Button',
-//     theme: defaultTheme,
-//     className: buttonStyle,
-//   },
-// };
-
-// export const SizeLarge: Story = {
-//   args: {
-//     size: Size.Large,
-//     children: 'Button',
-//     theme: defaultTheme,
-//     className: buttonStyle,
-//   },
-// };

package/src/components/Section/stories.ts

@@ -1,64 +0,0 @@
-// import type { Meta, StoryObj } from '@storybook/react';
-// import { defaultTheme } from '@assets/styles/default-theme';
-// import { Section } from './Section';
-// import { sectionStyle } from './styles.css';
-// import { Align } from './types';
-
-// // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-// const meta = {
-//   title: 'Latte Components / Layout / Section',
-//   component: Section,
-//   parameters: {
-//     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
-//     layout: 'centered',
-//   },
-//   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-//   tags: ['autodocs'],
-//   // More on argTypes: https://storybook.js.org/docs/api/argtypes
-//   argTypes: {},
-//   // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
-// } satisfies Meta<typeof Section>;
-
-// export default meta;
-// type Story = StoryObj<typeof meta>;
-
-// // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-// export const Default: Story = {
-//   args: {
-//     theme: defaultTheme,
-//     className: sectionStyle,
-//     children:
-//       'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
-//   },
-// };
-
-// export const FullHeight: Story = {
-//   args: {
-//     isFullHeight: true,
-//     theme: defaultTheme,
-//     className: sectionStyle,
-//     children:
-//       'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
-//   },
-// };
-
-// export const AlignCenter: Story = {
-//   args: {
-//     theme: defaultTheme,
-//     align: Align.Center,
-//     className: sectionStyle,
-//     children:
-//       'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
-//   },
-// };
-
-// export const BackgroundColor: Story = {
-//   args: {
-//     isDark: true,
-//     theme: defaultTheme,
-//     backgroundColor: 'red',
-//     className: sectionStyle,
-//     children:
-//       'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
-//   },
-// };

package/src/css/index.ts

@@ -1,33 +0,0 @@
-// CSS-only exports for consuming applications
-// This enables the pattern: import { themeContract, sprinkles } from 'library/css'
-
-export { themeContract } from '../theme/contract.css';
-export { sprinkles, responsiveProperties, type Sprinkles } from '../styles/sprinkles.css';
-export { createLightTheme, createDarkTheme, type ThemeOverrides } from '../utils/theme.css';
-
-// Recipe exports from components
-export { actionsRecipe, type ActionsVariants } from '../components/Actions/Actions.css';
-export { buttonRecipe, type ButtonVariants } from '../components/Button/Button.css';
-export { carouselRecipe, type CarouselVariants } from '../components/Carousel/Carousel.css';
-export { columnsRecipe, type ColumnsVariants } from '../components/Columns/Columns.css';
-export { consentRecipe, type ConsentCookieVariants } from '../components/ConsentCookie/ConsentCookie.css';
-export { footerRecipe, type FooterVariants } from '../components/Footer/Footer.css';
-export { formRecipe, type FormVariants } from '../components/Form/Form.css';
-export { rowRecipe, type RowVariants } from '../components/Form/Row/Row.css';
-export { inputRecipe, type InputVariants } from '../components/Form/TextField/Input/Input.css';
-export { labelRecipe, type LabelVariants } from '../components/Form/TextField/Label/Label.css';
-export { textFieldRecipe, type TextFieldVariants } from '../components/Form/TextField/TextField.css';
-export { textareaRecipe, type TextareaVariants } from '../components/Form/TextField/Textarea/Textarea.css';
-export { headerRecipe, type HeaderVariants } from '../components/Header/Header.css';
-export { iconRecipe, type IconVariants } from '../components/Icon/Icon.css';
-export { keyNumberRecipe, type KeyNumberVariants } from '../components/KeyNumber/KeyNumber.css';
-export { languageSwitcherRecipe, type LanguageSwitcherVariants } from '../components/LanguageSwitcher/LanguageSwitcher.css';
-export { logoRecipe, type LogoVariants } from '../components/Logo/Logo.css';
-export { mainRecipe, type MainVariants } from '../components/Main/Main.css';
-export { modalRecipe, modalContentRecipe, type ModalVariants, type ModalContentVariants } from '../components/Modal/Modal.css';
-export { navRecipe, type NavVariants } from '../components/Nav/Nav.css';
-export { navLegalRecipe, type NavLegalVariants } from '../components/NavLegal/NavLegal.css';
-export { navSocialRecipe, type NavSocialVariants } from '../components/NavSocial/NavSocial.css';
-export { sectionRecipe, type SectionVariants } from '../components/Section/Section.css';
-export { videoRecipe, type VideoVariants } from '../components/Video/Video.css';
-export { videoFullWidthRecipe, type VideoFullWidthVariants } from '../components/VideoFullWidth/VideoFullWidth.css';

package/src/themes/dark.ts

@@ -1,3 +0,0 @@
-// Pre-built dark theme export  
-export { baseDarkTheme as darkTheme } from '../theme/baseThemeValues';
-export { createDarkTheme } from '../utils/theme.css';

package/src/themes/index.ts

@@ -1,5 +0,0 @@
-// Theme exports for consuming applications
-export * from './light';
-export * from './dark';
-export { themeContract } from '../theme/contract.css';
-export { createLightTheme, createDarkTheme, type ThemeOverrides } from '../utils/theme.css';

package/src/themes/light.ts

@@ -1,3 +0,0 @@
-// Pre-built light theme export
-export { baseLightTheme as lightTheme } from '../theme/baseThemeValues';
-export { createLightTheme } from '../utils/theme.css';