oh-my-design-cli 0.1.2 → 1.0.0

package/dist/templates/templates/partials/layout.hbs

@@ -1,30 +0,0 @@
-## 5. Layout Principles
-
-### Spacing Scale
-
-Base unit: **{{spacing.baseUnit}}px**
-
-| Index | Value | Usage |
-|-------|-------|-------|
-{{#each spacing.scale}}
-| {{@index}} | {{this}}px | {{spacingUsage @index}} |
-{{/each}}
-
-### Section Gap
-
-`{{spacing.sectionGap}}` — vertical space between major page sections.
-
-### Component Padding
-
-| Size | Value |
-|------|-------|
-| Small | `{{spacing.componentPadding.sm}}` |
-| Medium | `{{spacing.componentPadding.md}}` |
-| Large | `{{spacing.componentPadding.lg}}` |
-
-### Grid
-
-- Use a **12-column grid** for page-level layout
-- Gutter width: `{{spacing.baseUnit}}px` × 4 = {{multiply spacing.baseUnit 4}}px
-- Maximum content width: 1280px
-- Side margins collapse to `{{spacing.componentPadding.md}}` on mobile

package/dist/templates/templates/partials/responsive.hbs

@@ -1,25 +0,0 @@
-## 8. Responsive Behavior
-
-### Breakpoints
-
-| Name | Width | Usage |
-|------|-------|-------|
-| `sm` | 640px | Mobile landscape |
-| `md` | 768px | Tablets |
-| `lg` | 1024px | Small laptops |
-| `xl` | 1280px | Desktops |
-| `2xl` | 1536px | Large screens |
-
-### Touch Targets
-
-- Minimum interactive element size: **44×44px** (WCAG 2.5.8)
-- Minimum spacing between touch targets: **8px**
-
-### Responsive Rules
-
-- **Typography**: Scale down `h1` by 1 step below `md` breakpoint
-- **Spacing**: Reduce section gaps by ~30% below `md`
-- **Layout**: Switch from multi-column to single-column below `md`
-- **Navigation**: Collapse to hamburger menu below `lg`
-- **Tables**: Use horizontal scroll or card layout below `md`
-- **Modals**: Full-screen on mobile, centered overlay on desktop

package/dist/templates/templates/partials/shadcn-tokens.hbs

@@ -1,64 +0,0 @@
-## 10. shadcn/ui Theme
-
-Copy this CSS block into your `globals.css` to apply this design system to shadcn/ui components.
-
-```css
-@layer base {
-  :root {
-    --background: {{hsl colors.background}};
-    --foreground: {{hsl colors.foreground}};
-    --card: {{hsl colors.card.base}};
-    --card-foreground: {{hsl colors.card.foreground}};
-    --popover: {{hsl colors.popover.base}};
-    --popover-foreground: {{hsl colors.popover.foreground}};
-    --primary: {{hsl colors.primary.base}};
-    --primary-foreground: {{hsl colors.primary.foreground}};
-    --secondary: {{hsl colors.secondary.base}};
-    --secondary-foreground: {{hsl colors.secondary.foreground}};
-    --muted: {{hsl colors.muted.base}};
-    --muted-foreground: {{hsl colors.muted.foreground}};
-    --accent: {{hsl colors.accent.base}};
-    --accent-foreground: {{hsl colors.accent.foreground}};
-    --destructive: {{hsl colors.destructive.base}};
-    --destructive-foreground: {{hsl colors.destructive.foreground}};
-    --border: {{hsl colors.border}};
-    --input: {{hsl colors.input}};
-    --ring: {{hsl colors.ring}};
-    --radius: {{radius.md}};
-    --chart-1: {{hsl (chartColor colors.chart 0)}};
-    --chart-2: {{hsl (chartColor colors.chart 1)}};
-    --chart-3: {{hsl (chartColor colors.chart 2)}};
-    --chart-4: {{hsl (chartColor colors.chart 3)}};
-    --chart-5: {{hsl (chartColor colors.chart 4)}};
-  }
-{{#if darkColors}}
-
-  .dark {
-    --background: {{hsl darkColors.background}};
-    --foreground: {{hsl darkColors.foreground}};
-    --card: {{hsl darkColors.card.base}};
-    --card-foreground: {{hsl darkColors.card.foreground}};
-    --popover: {{hsl darkColors.popover.base}};
-    --popover-foreground: {{hsl darkColors.popover.foreground}};
-    --primary: {{hsl darkColors.primary.base}};
-    --primary-foreground: {{hsl darkColors.primary.foreground}};
-    --secondary: {{hsl darkColors.secondary.base}};
-    --secondary-foreground: {{hsl darkColors.secondary.foreground}};
-    --muted: {{hsl darkColors.muted.base}};
-    --muted-foreground: {{hsl darkColors.muted.foreground}};
-    --accent: {{hsl darkColors.accent.base}};
-    --accent-foreground: {{hsl darkColors.accent.foreground}};
-    --destructive: {{hsl darkColors.destructive.base}};
-    --destructive-foreground: {{hsl darkColors.destructive.foreground}};
-    --border: {{hsl darkColors.border}};
-    --input: {{hsl darkColors.input}};
-    --ring: {{hsl darkColors.ring}};
-    --chart-1: {{hsl (chartColor darkColors.chart 0)}};
-    --chart-2: {{hsl (chartColor darkColors.chart 1)}};
-    --chart-3: {{hsl (chartColor darkColors.chart 2)}};
-    --chart-4: {{hsl (chartColor darkColors.chart 3)}};
-    --chart-5: {{hsl (chartColor darkColors.chart 4)}};
-  }
-{{/if}}
-}
-```

package/dist/templates/templates/partials/typography.hbs

@@ -1,43 +0,0 @@
-## 3. Typography Rules
-
-### Font Families
-
-| Role | Stack |
-|------|-------|
-| Sans / Body | `{{typography.fontFamily.sans}}` |
-| Monospace | `{{typography.fontFamily.mono}}` |
-| Headings | `{{typography.fontFamily.heading}}` |
-
-### Type Scale
-
-| Token | Size | Usage |
-|-------|------|-------|
-| `xs` | {{typography.scale.xs}} | Captions, helper text |
-| `sm` | {{typography.scale.sm}} | Secondary text, labels |
-| `base` | {{typography.scale.base}} | Body text |
-| `lg` | {{typography.scale.lg}} | Lead paragraphs, emphasized body |
-| `xl` | {{typography.scale.xl}} | H4, card titles |
-| `2xl` | {{lookup typography.scale "2xl"}} | H3, section titles |
-| `3xl` | {{lookup typography.scale "3xl"}} | H2, page subtitles |
-| `4xl` | {{lookup typography.scale "4xl"}} | H1, page titles, hero headings |
-
-### Font Weights
-
-| Token | Value | Usage |
-|-------|-------|-------|
-| Normal | {{typography.weight.normal}} | Body text |
-| Medium | {{typography.weight.medium}} | Labels, navigation items |
-| Semibold | {{typography.weight.semibold}} | Subheadings, button text |
-| Bold | {{typography.weight.bold}} | Headings, strong emphasis |
-
-### Line Heights
-
-- **Tight** ({{typography.lineHeight.tight}}): Headings, display text
-- **Normal** ({{typography.lineHeight.normal}}): Body text, paragraphs
-- **Relaxed** ({{typography.lineHeight.relaxed}}): Long-form content, readability-critical text
-
-### Letter Spacing
-
-- **Tight** (`{{typography.letterSpacing.tight}}`): Large headings
-- **Normal** (`{{typography.letterSpacing.normal}}`): Body text
-- **Wide** (`{{typography.letterSpacing.wide}}`): Uppercase labels, small caps

package/dist/templates/templates/partials/visual-theme.hbs

@@ -1,26 +0,0 @@
-## 1. Visual Theme & Atmosphere
-
-{{#if (eq preferences.mood "clean")}}
-This design system prioritizes **clarity and precision**. Every element serves a functional purpose with clean lines, ample whitespace, and a professional tone. The visual language communicates trust and competence through restraint.
-{{/if}}
-{{#if (eq preferences.mood "warm")}}
-This design system balances **professionalism with approachability**. Soft edges, warm neutral tones, and generous spacing create an inviting atmosphere. The visual language feels human and accessible without sacrificing clarity.
-{{/if}}
-{{#if (eq preferences.mood "bold")}}
-This design system is **confident and energetic**. Strong contrast, decisive typography, and vibrant accents create a sense of momentum. The visual language commands attention while maintaining functional clarity.
-{{/if}}
-{{#if (eq preferences.mood "minimal")}}
-This design system embraces **quiet sophistication**. Stripped to essentials, it relies on typography, whitespace, and subtle tonal shifts to create hierarchy. The visual language is restrained, letting content take center stage.
-{{/if}}
-{{#if (eq preferences.mood "playful")}}
-This design system is **creative and expressive**. Rounded forms, vibrant colors, and layered depth create a sense of delight. The visual language encourages exploration while maintaining usability.
-{{/if}}
-{{#if (eq preferences.mood "dark")}}
-This design system is built for **focused, immersive experiences**. High contrast on dark surfaces, precise typography, and minimal decoration create a technical aesthetic. The visual language communicates expertise and efficiency.
-{{/if}}
-
-- **Mood**: {{preferences.mood}}
-- **Typography style**: {{preferences.typography}}
-- **Density**: {{preferences.density}}
-- **Corner style**: {{preferences.roundness}}
-- **Depth approach**: {{preferences.depth}}