@rakeyshgidwani/roger-ui-bank-theme-harvey 0.3.3 → 0.6.0

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 All notable changes to the harvey theme package will be documented in this file.
 
-## [0.3.3] - 2025-10-13
+## [0.6.0] - 2025-12-26
 
 ### Added
 - Initial release of harvey theme package

package/dist/styles.css

@@ -1,5 +1,5 @@
 /* Complete Theme CSS Bundle - harvey */
-/* Generated on 2025-10-13T12:28:50.645Z */
+/* Generated on 2025-12-26T05:48:22.517Z */
 
 /* ===== COMPONENT STYLES (Navigation & UI Components) ===== */
 
@@ -4195,6 +4195,7 @@ code {
 /* */
 /* */
 /* */
+/* */
 }
 @layer components{
 /* Base Components */

package/dist/themes/seedColors.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Theme Seed Colors Type Definition
+ *
+ * This defines the minimal set of colors needed to generate a complete theme.
+ * From these 7-9 seed colors, all other colors (50-900 scales, surface, text,
+ * interactive states) are automatically derived.
+ */
+/**
+ * Light mode seed colors - the minimal input needed
+ */
+export interface LightModeSeedColors {
+    /** Primary brand color (base 500 value) - e.g., '#A3485A' */
+    primary: string;
+    /** Secondary brand color (base 500 value) - e.g., '#D9BA71' */
+    secondary: string;
+    /** Neutral gray color (base 500 value) - e.g., '#999999' */
+    neutral?: string;
+    /** Success color - e.g., '#1E824C' */
+    success: string;
+    /** Warning color - e.g., '#E6A23C' */
+    warning: string;
+    /** Error color - e.g., '#D93025' */
+    error: string;
+    /** Info color - e.g., '#007BCE' */
+    info: string;
+}
+/**
+ * Dark mode seed colors - overrides for dark mode
+ */
+export interface DarkModeSeedColors {
+    /** Dark mode background color - e.g., '#1B0D0D' */
+    background: string;
+    /** Dark mode primary text color - e.g., '#F5DAA7' */
+    textPrimary: string;
+}
+/**
+ * Theme metadata
+ */
+export interface ThemeSeedMetadata {
+    /** Theme name (kebab-case) - e.g., 'jeremy' */
+    name: string;
+    /** Theme display name - e.g., 'Jeremy Theme' */
+    displayName?: string;
+    /** Theme description */
+    description?: string;
+    /** Theme author */
+    author?: string;
+    /** Theme category */
+    category?: 'brand' | 'creative' | 'custom' | 'accessibility';
+    /** Theme tags for searchability */
+    tags?: string[];
+}
+/**
+ * Complete theme seed configuration
+ */
+export interface ThemeSeedConfig {
+    /** Theme metadata */
+    meta: ThemeSeedMetadata;
+    /** Light mode seed colors (required) */
+    light: LightModeSeedColors;
+    /** Dark mode seed colors (optional - will use inverted light colors if not provided) */
+    dark?: DarkModeSeedColors;
+}
+/**
+ * Example seed configuration:
+ *
+ * ```typescript
+ * const jeremySeeds: ThemeSeedConfig = {
+ *   meta: {
+ *     name: 'jeremy',
+ *     displayName: 'Jeremy Theme',
+ *     description: 'A warm burgundy and gold theme',
+ *     author: 'Design Team',
+ *     category: 'creative',
+ *     tags: ['warm', 'burgundy', 'gold']
+ *   },
+ *   light: {
+ *     primary: '#A3485A',
+ *     secondary: '#D9BA71',
+ *     neutral: '#999999',
+ *     success: '#1E824C',
+ *     warning: '#E6A23C',
+ *     error: '#D93025',
+ *     info: '#007BCE'
+ *   },
+ *   dark: {
+ *     background: '#1B0D0D',
+ *     textPrimary: '#F5DAA7'
+ *   }
+ * };
+ * ```
+ */
+//# sourceMappingURL=seedColors.d.ts.map

package/dist/themes/seedColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seedColors.d.ts","sourceRoot":"","sources":["../../src/themes/seedColors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAC;IAEhB,+DAA+D;IAC/D,SAAS,EAAE,MAAM,CAAC;IAElB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAEhB,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAEhB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IAEd,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IAEnB,qDAAqD;IACrD,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IAEb,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,eAAe,CAAC;IAE7D,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,qBAAqB;IACrB,IAAI,EAAE,iBAAiB,CAAC;IAExB,wCAAwC;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAE3B,wFAAwF;IACxF,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG"}

package/dist/themes/seedColors.esm.js

@@ -0,0 +1,37 @@
+/**
+ * Theme Seed Colors Type Definition
+ *
+ * This defines the minimal set of colors needed to generate a complete theme.
+ * From these 7-9 seed colors, all other colors (50-900 scales, surface, text,
+ * interactive states) are automatically derived.
+ */
+export {};
+/**
+ * Example seed configuration:
+ *
+ * ```typescript
+ * const jeremySeeds: ThemeSeedConfig = {
+ *   meta: {
+ *     name: 'jeremy',
+ *     displayName: 'Jeremy Theme',
+ *     description: 'A warm burgundy and gold theme',
+ *     author: 'Design Team',
+ *     category: 'creative',
+ *     tags: ['warm', 'burgundy', 'gold']
+ *   },
+ *   light: {
+ *     primary: '#A3485A',
+ *     secondary: '#D9BA71',
+ *     neutral: '#999999',
+ *     success: '#1E824C',
+ *     warning: '#E6A23C',
+ *     error: '#D93025',
+ *     info: '#007BCE'
+ *   },
+ *   dark: {
+ *     background: '#1B0D0D',
+ *     textPrimary: '#F5DAA7'
+ *   }
+ * };
+ * ```
+ */

package/dist/themes/seedColors.js

@@ -0,0 +1,37 @@
+/**
+ * Theme Seed Colors Type Definition
+ *
+ * This defines the minimal set of colors needed to generate a complete theme.
+ * From these 7-9 seed colors, all other colors (50-900 scales, surface, text,
+ * interactive states) are automatically derived.
+ */
+export {};
+/**
+ * Example seed configuration:
+ *
+ * ```typescript
+ * const jeremySeeds: ThemeSeedConfig = {
+ *   meta: {
+ *     name: 'jeremy',
+ *     displayName: 'Jeremy Theme',
+ *     description: 'A warm burgundy and gold theme',
+ *     author: 'Design Team',
+ *     category: 'creative',
+ *     tags: ['warm', 'burgundy', 'gold']
+ *   },
+ *   light: {
+ *     primary: '#A3485A',
+ *     secondary: '#D9BA71',
+ *     neutral: '#999999',
+ *     success: '#1E824C',
+ *     warning: '#E6A23C',
+ *     error: '#D93025',
+ *     info: '#007BCE'
+ *   },
+ *   dark: {
+ *     background: '#1B0D0D',
+ *     textPrimary: '#F5DAA7'
+ *   }
+ * };
+ * ```
+ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rakeyshgidwani/roger-ui-bank-theme-harvey",
-  "version": "0.3.3",
+  "version": "0.6.0",
   "description": "Roger UI harvey theme - Complete design system with components, styles, and utilities",
   "keywords": [
     "design-system",

package/src/themes/seedColors.ts

@@ -0,0 +1,111 @@
+/**
+ * Theme Seed Colors Type Definition
+ *
+ * This defines the minimal set of colors needed to generate a complete theme.
+ * From these 7-9 seed colors, all other colors (50-900 scales, surface, text,
+ * interactive states) are automatically derived.
+ */
+
+/**
+ * Light mode seed colors - the minimal input needed
+ */
+export interface LightModeSeedColors {
+  /** Primary brand color (base 500 value) - e.g., '#A3485A' */
+  primary: string;
+
+  /** Secondary brand color (base 500 value) - e.g., '#D9BA71' */
+  secondary: string;
+
+  /** Neutral gray color (base 500 value) - e.g., '#999999' */
+  neutral?: string;
+
+  /** Success color - e.g., '#1E824C' */
+  success: string;
+
+  /** Warning color - e.g., '#E6A23C' */
+  warning: string;
+
+  /** Error color - e.g., '#D93025' */
+  error: string;
+
+  /** Info color - e.g., '#007BCE' */
+  info: string;
+}
+
+/**
+ * Dark mode seed colors - overrides for dark mode
+ */
+export interface DarkModeSeedColors {
+  /** Dark mode background color - e.g., '#1B0D0D' */
+  background: string;
+
+  /** Dark mode primary text color - e.g., '#F5DAA7' */
+  textPrimary: string;
+}
+
+/**
+ * Theme metadata
+ */
+export interface ThemeSeedMetadata {
+  /** Theme name (kebab-case) - e.g., 'jeremy' */
+  name: string;
+
+  /** Theme display name - e.g., 'Jeremy Theme' */
+  displayName?: string;
+
+  /** Theme description */
+  description?: string;
+
+  /** Theme author */
+  author?: string;
+
+  /** Theme category */
+  category?: 'brand' | 'creative' | 'custom' | 'accessibility';
+
+  /** Theme tags for searchability */
+  tags?: string[];
+}
+
+/**
+ * Complete theme seed configuration
+ */
+export interface ThemeSeedConfig {
+  /** Theme metadata */
+  meta: ThemeSeedMetadata;
+
+  /** Light mode seed colors (required) */
+  light: LightModeSeedColors;
+
+  /** Dark mode seed colors (optional - will use inverted light colors if not provided) */
+  dark?: DarkModeSeedColors;
+}
+
+/**
+ * Example seed configuration:
+ *
+ * ```typescript
+ * const jeremySeeds: ThemeSeedConfig = {
+ *   meta: {
+ *     name: 'jeremy',
+ *     displayName: 'Jeremy Theme',
+ *     description: 'A warm burgundy and gold theme',
+ *     author: 'Design Team',
+ *     category: 'creative',
+ *     tags: ['warm', 'burgundy', 'gold']
+ *   },
+ *   light: {
+ *     primary: '#A3485A',
+ *     secondary: '#D9BA71',
+ *     neutral: '#999999',
+ *     success: '#1E824C',
+ *     warning: '#E6A23C',
+ *     error: '#D93025',
+ *     info: '#007BCE'
+ *   },
+ *   dark: {
+ *     background: '#1B0D0D',
+ *     textPrimary: '#F5DAA7'
+ *   }
+ * };
+ * ```
+ */