Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 38 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,37 @@
# Lambda Curry Medusa Forms
<div align="center">

![Lambda Curry Logo](https://lambdacurry.dev/favicon.ico)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is great, but let's also apply some Lambda Curry branding to our https://lambda-curry.github.io/medusa-forms/pr-6/?path=/docs/0-1-hello-world-start-here--docs page as well


# Welcome to Medusa Forms by Lambda Curry!

**Digital products made easy**

*Controlled form components for Medusa Admin and Medusa UI applications*

[![Storybook](https://img.shields.io/badge/Storybook-FF4785?style=for-the-badge&logo=storybook&logoColor=white)](https://lambda-curry.github.io/medusa-forms/?path=/docs/0-1-hello-world-start-here--docs)
[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
[![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)](https://reactjs.org/)

---

*Built with expertise by [Lambda Curry](https://lambdacurry.dev) - your trusted Medusa development partners*

</div>

## 🚀 About This Library

A controlled form components library for Medusa Admin and Medusa UI applications.

Checkout our [Storybook Documentation](https://lambda-curry.github.io/medusa-forms/?path=/docs/0-1-hello-world-start-here--docs) to see the components in action and get started.

## Features
## Features

- **Controlled Components**: All form components are controlled and work seamlessly with react-hook-form
- **Medusa UI Integration**: Built specifically for Medusa Admin and Medusa UI design system
- **TypeScript Support**: Full TypeScript support with proper type definitions
- **Storybook Documentation**: Comprehensive documentation and examples

## Components
## 📦 Components

- `ControlledInput` - Text input with validation
- `ControlledTextArea` - Multi-line text input
Expand All @@ -20,7 +40,7 @@ Checkout our [Storybook Documentation](https://lambda-curry.github.io/medusa-for
- `ControlledDatePicker` - Date selection
- `ControlledCurrencyInput` - Currency input with formatting

## Getting Started
## 🏁 Getting Started

Step 1: Install dependencies

Expand All @@ -31,10 +51,10 @@ yarn install
Step 2: Start Storybook

```bash
yarn storybook
yarn dev
```

## Development
## 🔧 Development

### PR Previews

Expand Down Expand Up @@ -83,3 +103,15 @@ The PR preview is deployed to the `gh-pages` branch in a directory structure lik
/pr-preview/pr-[PR_NUMBER]/
```

---

<div align="center">

**Need help with your Medusa project?**

Lambda Curry specializes in Medusa development and can help you build amazing e-commerce experiences.

[Contact Lambda Curry](https://lambdacurry.dev/#contact-us) | [View Our Work](https://lambdacurry.dev)

</div>

7 changes: 7 additions & 0 deletions apps/docs/.storybook/manager.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
import { addons } from '@storybook/manager-api';
import theme from './theme';

addons.setConfig({
theme,
});

5 changes: 5 additions & 0 deletions apps/docs/.storybook/preview.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import type { Preview } from '@storybook/react-vite';
import '../src/main.css';
import theme from './theme';

const preview: Preview = {
parameters: {
Expand All @@ -9,6 +10,9 @@ const preview: Preview = {
date: /Date$/i,
},
},
docs: {
theme,
},
options: {
storySort: {
method: 'alphabetical',
Expand All @@ -18,3 +22,4 @@ const preview: Preview = {
};

export default preview;

37 changes: 37 additions & 0 deletions apps/docs/.storybook/theme.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
import { create } from '@storybook/theming/create';

export default create({
base: 'light',

// Brand
brandTitle: 'Medusa Forms by Lambda Curry',
brandUrl: 'https://lambdacurry.dev',
brandImage: 'https://lambdacurry.dev/favicon.ico',
brandTarget: '_blank',

// Colors
colorPrimary: '#6366f1', // Lambda Curry brand color
colorSecondary: '#6366f1',

// UI
appBg: '#ffffff',
appContentBg: '#ffffff',
appBorderColor: '#e2e8f0',
appBorderRadius: 8,

// Text colors
textColor: '#1f2937',
textInverseColor: '#ffffff',

// Toolbar default and active colors
barTextColor: '#6b7280',
barSelectedColor: '#6366f1',
barBg: '#f8fafc',

// Form colors
inputBg: '#ffffff',
inputBorder: '#d1d5db',
inputTextColor: '#1f2937',
inputBorderRadius: 6,
});

20 changes: 19 additions & 1 deletion apps/docs/src/0.1 Hello World (start here).mdx
Original file line number Diff line number Diff line change
@@ -1,4 +1,11 @@
# Welcome to Medusa Forms! 🎯
<div style={{ textAlign: 'center', marginBottom: '2rem' }}>
<img src="https://lambdacurry.dev/favicon.ico" alt="Lambda Curry Logo" style={{ width: '48px', height: '48px', marginBottom: '1rem' }} />

# Welcome to Medusa Forms by Lambda Curry!

<div style={{ fontSize: '1.2rem', fontWeight: 'bold', color: '#6366f1' }}>Digital products made easy</div>
<div style={{ fontSize: '1rem', color: '#6b7280', marginTop: '0.5rem' }}>Built with expertise by <a href="https://lambdacurry.dev" style={{ color: '#6366f1', textDecoration: 'none' }}>Lambda Curry</a> - your trusted Medusa development partners</div>
</div>

**Controlled form components designed specifically for Medusa Admin and Medusa UI**

Expand Down Expand Up @@ -137,4 +144,15 @@ Check out our **Form Integration Examples** story to see complete working forms

---

<div style={{ textAlign: 'center', marginTop: '3rem', padding: '1.5rem', backgroundColor: '#f8fafc', borderRadius: '8px', border: '1px solid #e2e8f0' }}>
<div style={{ fontSize: '1.1rem', fontWeight: 'bold', marginBottom: '0.5rem' }}>Need help with your Medusa project?</div>
<div style={{ color: '#6b7280', marginBottom: '1rem' }}>Lambda Curry specializes in Medusa development and can help you build amazing e-commerce experiences.</div>
<div>
<a href="https://lambdacurry.dev/#contact-us" style={{ color: '#6366f1', textDecoration: 'none', fontWeight: 'bold' }}>Contact Lambda Curry</a>
{' | '}
<a href="https://lambdacurry.dev" style={{ color: '#6366f1', textDecoration: 'none', fontWeight: 'bold' }}>View Our Work</a>
</div>
</div>

**Ready to build better forms?** Start exploring the components in the sidebar! 👈

85 changes: 0 additions & 85 deletions apps/docs/src/0.2 Writing Tests.mdx

This file was deleted.

Loading