omnidesign 1.0.0

package/tokens/themes/spring.json

@@ -0,0 +1,143 @@
+{
+  "theme": {
+    "$type": "theme",
+    "$value": "spring",
+    "$description": "Light mint with soft pink - fresh and playful"
+  },
+  "color": {
+    "text": {
+      "default": {
+        "$type": "color",
+        "$value": "#1F2937",
+        "$description": "Primary text on light surfaces - dark gray"
+      },
+      "muted": {
+        "$type": "color",
+        "$value": "#6B7280",
+        "$description": "Secondary text - gray"
+      },
+      "inverted": {
+        "$type": "color",
+        "$value": "#F0FDFA",
+        "$description": "Text color for dark surfaces - mint white"
+      },
+      "link": {
+        "$type": "color",
+        "$value": "#0D9488",
+        "$description": "Link text color - mint teal"
+      },
+      "link.hover": {
+        "$type": "color",
+        "$value": "#0F766E",
+        "$description": "Link text color on hover - deeper mint teal"
+      }
+    },
+    "surface": {
+      "default": {
+        "$type": "color",
+        "$value": "#F0FDFA",
+        "$description": "Default surface background - light mint white"
+      },
+      "raised": {
+        "$type": "color",
+        "$value": "#ECFDF5",
+        "$description": "Elevated surface background - very light mint"
+      },
+      "sunken": {
+        "$type": "color",
+        "$value": "#E6F7F2",
+        "$description": "Depressed surface background - light mint for inputs"
+      },
+      "overlay": {
+        "$type": "color",
+        "$value": "rgba(31, 41, 55, 0.5)",
+        "$description": "Overlay background for modals - semi-transparent dark"
+      }
+    },
+    "border": {
+      "default": {
+        "$type": "color",
+        "$value": "#CCFBF1",
+        "$description": "Default border color - light mint gray"
+      },
+      "subtle": {
+        "$type": "color",
+        "$value": "#ECFDF5",
+        "$description": "Subtle border for dividers - very faint mint"
+      },
+      "strong": {
+        "$type": "color",
+        "$value": "#99F6E4",
+        "$description": "Stronger border for emphasis - mint"
+      }
+    },
+    "interactive": {
+      "primary": {
+        "$type": "color",
+        "$value": "#14B8A6",
+        "$description": "Primary interactive element color - mint teal"
+      },
+      "primary.hover": {
+        "$type": "color",
+        "$value": "#0D9488",
+        "$description": "Primary interactive color on hover - deeper mint teal"
+      },
+      "secondary": {
+        "$type": "color",
+        "$value": "#F472B6",
+        "$description": "Secondary interactive element color - soft pink"
+      }
+    },
+    "focus": {
+      "ring": {
+        "$type": "color",
+        "$value": "#5EEAD4",
+        "$description": "Focus ring outline color - mint glow"
+      }
+    },
+    "status": {
+      "success": {
+        "$type": "color",
+        "$value": "#059669",
+        "$description": "Success state color - emerald"
+      },
+      "warning": {
+        "$type": "color",
+        "$value": "#D97706",
+        "$description": "Warning state color - amber"
+      },
+      "error": {
+        "$type": "color",
+        "$value": "#DB2777",
+        "$description": "Error state color - pink"
+      },
+      "info": {
+        "$type": "color",
+        "$value": "#0D9488",
+        "$description": "Info state color - mint teal"
+      }
+    }
+  },
+  "shadow": {
+    "card": {
+      "$type": "shadow",
+      "$value": "0 4px 6px -1px rgba(31, 41, 55, 0.05), 0 2px 4px -2px rgba(31, 41, 55, 0.03)",
+      "$description": "Card elevation shadow - soft shadow"
+    },
+    "dropdown": {
+      "$type": "shadow",
+      "$value": "0 10px 15px -3px rgba(31, 41, 55, 0.08), 0 4px 6px -4px rgba(31, 41, 55, 0.05)",
+      "$description": "Dropdown menu elevation shadow - medium shadow"
+    },
+    "modal": {
+      "$type": "shadow",
+      "$value": "0 20px 25px -5px rgba(31, 41, 55, 0.1), 0 8px 10px -6px rgba(31, 41, 55, 0.08)",
+      "$description": "Modal dialog elevation shadow - prominent shadow"
+    },
+    "focus": {
+      "$type": "shadow",
+      "$value": "0 0 0 3px rgba(20, 184, 166, 0.3)",
+      "$description": "Focus ring glow shadow - mint glow ring"
+    }
+  }
+}

package/tokens/themes/starry-night.json

@@ -0,0 +1,143 @@
+{
+  "theme": {
+    "$type": "theme",
+    "$value": "starry-night",
+    "$description": "Cold blue and deep violet theme for enterprise SPAs with dark mode focus"
+  },
+  "color": {
+    "text": {
+      "default": {
+        "$type": "color",
+        "$value": "#F1F5F9",
+        "$description": "Primary text on dark surfaces - near white"
+      },
+      "muted": {
+        "$type": "color",
+        "$value": "#94A3B8",
+        "$description": "Secondary text - medium gray for less important content"
+      },
+      "inverted": {
+        "$type": "color",
+        "$value": "#0F172A",
+        "$description": "Text color for light surfaces - dark blue-gray"
+      },
+      "link": {
+        "$type": "color",
+        "$value": "#60A5FA",
+        "$description": "Link text color - cold blue accent"
+      },
+      "link.hover": {
+        "$type": "color",
+        "$value": "#93C5FD",
+        "$description": "Link text color on hover - brighter cold blue"
+      }
+    },
+    "surface": {
+      "default": {
+        "$type": "color",
+        "$value": "#0F172A",
+        "$description": "Default surface background - very dark blue-gray (near black)"
+      },
+      "raised": {
+        "$type": "color",
+        "$value": "#1E293B",
+        "$description": "Elevated surface background - slightly lighter dark surface for cards"
+      },
+      "sunken": {
+        "$type": "color",
+        "$value": "#020617",
+        "$description": "Depressed surface background - even darker for inputs and wells"
+      },
+      "overlay": {
+        "$type": "color",
+        "$value": "rgba(15, 23, 42, 0.8)",
+        "$description": "Overlay background for modals and backdrops - semi-transparent dark"
+      }
+    },
+    "border": {
+      "default": {
+        "$type": "color",
+        "$value": "#334155",
+        "$description": "Default border color - subtle blue-gray"
+      },
+      "subtle": {
+        "$type": "color",
+        "$value": "#1E293B",
+        "$description": "Subtle border for dividers - very faint"
+      },
+      "strong": {
+        "$type": "color",
+        "$value": "#475569",
+        "$description": "Stronger border for emphasis - visible but not harsh"
+      }
+    },
+    "interactive": {
+      "primary": {
+        "$type": "color",
+        "$value": "#2563EB",
+        "$description": "Primary interactive element color - cold blue"
+      },
+      "primary.hover": {
+        "$type": "color",
+        "$value": "#3B82F6",
+        "$description": "Primary interactive color on hover - lighter cold blue"
+      },
+      "secondary": {
+        "$type": "color",
+        "$value": "#6D28D9",
+        "$description": "Secondary interactive element color - deep violet accent"
+      }
+    },
+    "focus": {
+      "ring": {
+        "$type": "color",
+        "$value": "#7C3AED",
+        "$description": "Focus ring outline color - purple glow for starry accent"
+      }
+    },
+    "status": {
+      "success": {
+        "$type": "color",
+        "$value": "#2DD4BF",
+        "$description": "Success state color - teal-green adjusted for dark theme"
+      },
+      "warning": {
+        "$type": "color",
+        "$value": "#FBBF24",
+        "$description": "Warning state color - amber adjusted for dark theme"
+      },
+      "error": {
+        "$type": "color",
+        "$value": "#F87171",
+        "$description": "Error state color - coral-red adjusted for dark theme"
+      },
+      "info": {
+        "$type": "color",
+        "$value": "#60A5FA",
+        "$description": "Info state color - light blue"
+      }
+    }
+  },
+  "shadow": {
+    "card": {
+      "$type": "shadow",
+      "$value": "0 4px 6px -1px rgba(37, 99, 235, 0.1), 0 2px 4px -2px rgba(37, 99, 235, 0.1)",
+      "$description": "Card elevation shadow - subtle blue-tinted shadow"
+    },
+    "dropdown": {
+      "$type": "shadow",
+      "$value": "0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -4px rgba(0, 0, 0, 0.2)",
+      "$description": "Dropdown menu elevation shadow - deeper shadow for dark theme"
+    },
+    "modal": {
+      "$type": "shadow",
+      "$value": "0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3)",
+      "$description": "Modal dialog elevation shadow - most prominent for dark theme"
+    },
+    "focus": {
+      "$type": "shadow",
+      "$value": "0 0 0 3px rgba(109, 40, 217, 0.5)",
+      "$description": "Focus ring glow shadow - purple glow ring for starry feel"
+    }
+  }
+}

package/tokens/themes/sunset.json

@@ -0,0 +1,143 @@
+{
+  "theme": {
+    "$type": "theme",
+    "$value": "sunset",
+    "$description": "Warm sunset gradient theme with vibrant orange and pink tones - energetic and modern like Lovable's Harvest"
+  },
+  "color": {
+    "text": {
+      "default": {
+        "$type": "color",
+        "$value": "#1A1A2E",
+        "$description": "Primary text - deep indigo for contrast on warm surfaces"
+      },
+      "muted": {
+        "$type": "color",
+        "$value": "#5C5C7A",
+        "$description": "Secondary text - muted purple-gray for less important content"
+      },
+      "inverted": {
+        "$type": "color",
+        "$value": "#FFF5EB",
+        "$description": "Text on light surfaces - cream with warm undertone"
+      },
+      "link": {
+        "$type": "color",
+        "$value": "#FF6B35",
+        "$description": "Link text - vibrant sunset orange"
+      },
+      "link.hover": {
+        "$type": "color",
+        "$value": "#FF8C61",
+        "$description": "Link on hover - brighter sunset coral"
+      }
+    },
+    "surface": {
+      "default": {
+        "$type": "color",
+        "$value": "#FFF5EB",
+        "$description": "Default surface - warm cream with sunset undertones"
+      },
+      "raised": {
+        "$type": "color",
+        "$value": "#FFFFFF",
+        "$description": "Elevated surface - pure white for cards and modals"
+      },
+      "sunken": {
+        "$type": "color",
+        "$value": "#FFE8D6",
+        "$description": "Depressed surface - softer peach for inputs"
+      },
+      "overlay": {
+        "$type": "color",
+        "$value": "rgba(255, 107, 53, 0.15)",
+        "$description": "Overlay - warm orange tinted backdrop"
+      }
+    },
+    "border": {
+      "default": {
+        "$type": "color",
+        "$value": "#FFB088",
+        "$description": "Default border - warm peach-orange"
+      },
+      "subtle": {
+        "$type": "color",
+        "$value": "#FFD4C2",
+        "$description": "Subtle border - very faint peach"
+      },
+      "strong": {
+        "$type": "color",
+        "$value": "#FF8C61",
+        "$description": "Strong border - visible sunset coral"
+      }
+    },
+    "interactive": {
+      "primary": {
+        "$type": "color",
+        "$value": "#FF6B35",
+        "$description": "Primary action - vibrant sunset orange"
+      },
+      "primary.hover": {
+        "$type": "color",
+        "$value": "#FF8C61",
+        "$description": "Primary hover - brighter coral orange"
+      },
+      "secondary": {
+        "$type": "color",
+        "$value": "#D63384",
+        "$description": "Secondary action - magenta-pink for contrast"
+      }
+    },
+    "focus": {
+      "ring": {
+        "$type": "color",
+        "$value": "#FF8C61",
+        "$description": "Focus ring - warm coral glow"
+      }
+    },
+    "status": {
+      "success": {
+        "$type": "color",
+        "$value": "#10B981",
+        "$description": "Success - emerald green with warmth"
+      },
+      "warning": {
+        "$type": "color",
+        "$value": "#F59E0B",
+        "$description": "Warning - amber orange"
+      },
+      "error": {
+        "$type": "color",
+        "$value": "#EF4444",
+        "$description": "Error - vibrant red"
+      },
+      "info": {
+        "$type": "color",
+        "$value": "#3B82F6",
+        "$description": "Info - bright blue"
+      }
+    }
+  },
+  "shadow": {
+    "card": {
+      "$type": "shadow",
+      "$value": "0 4px 6px -1px rgba(255, 107, 53, 0.12), 0 2px 4px -2px rgba(255, 107, 53, 0.08)",
+      "$description": "Card shadow - warm orange-tinted elevation"
+    },
+    "dropdown": {
+      "$type": "shadow",
+      "$value": "0 10px 15px -3px rgba(255, 107, 53, 0.15), 0 4px 6px -4px rgba(255, 107, 53, 0.1)",
+      "$description": "Dropdown shadow - sunset-tinted depth"
+    },
+    "modal": {
+      "$type": "shadow",
+      "$value": "0 20px 25px -5px rgba(255, 107, 53, 0.2), 0 8px 10px -6px rgba(255, 107, 53, 0.15)",
+      "$description": "Modal shadow - warm-tinted prominence"
+    },
+    "focus": {
+      "$type": "shadow",
+      "$value": "0 0 0 3px rgba(255, 140, 97, 0.4)",
+      "$description": "Focus glow - soft coral ring"
+    }
+  }
+}