@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.7 → 0.2.9

package/dist/themes/themes/stan-design.js

@@ -0,0 +1,518 @@
+import { MultiThemeConfig } from '../types';
+
+/**
+ * Stan Design Base Theme
+ * Modern, professional design with Clash Display font
+ */
+export const stanDesignTheme= {
+  fonts,
+      fallbacks, 'system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif'],
+      weights, 400, 500, 600, 700],
+      display,
+      source,
+        files}
+      },
+      sizes,
+        sm,
+        md,
+        lg,
+        xl,
+        '2xl',
+        '3xl',
+        '4xl',
+        '5xl',
+        '6xl'},
+      lineHeights,
+        normal,
+        relaxed,
+        loose},
+      letterSpacing,
+        normal,
+        wide,
+        wider,
+        widest}
+    },
+    secondary,
+      fallbacks, 'system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif'],
+      weights, 400, 500, 600, 700],
+      display,
+      source,
+        files}
+      },
+      sizes,
+        sm,
+        md,
+        lg,
+        xl,
+        '2xl',
+        '3xl',
+        '4xl',
+        '5xl',
+        '6xl'},
+      lineHeights,
+        normal,
+        relaxed,
+        loose},
+      letterSpacing,
+        normal,
+        wide,
+        wider,
+        widest}
+    },
+    display, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
+      weights, 500, 600, 700],
+      sizes,
+        sm,
+        md,
+        lg,
+        xl,
+        '2xl',
+        '3xl',
+        '4xl',
+        '5xl',
+        '6xl'},
+      lineHeights,
+        normal,
+        relaxed,
+        loose},
+      letterSpacing,
+        normal,
+        wide,
+        wider,
+        widest}
+    },
+    body, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
+      weights, 400, 500],
+      sizes,
+        sm,
+        md,
+        lg,
+        xl,
+        '2xl',
+        '3xl',
+        '4xl',
+        '5xl',
+        '6xl'},
+      lineHeights,
+        normal,
+        relaxed,
+        loose},
+      letterSpacing,
+        normal,
+        wide,
+        wider,
+        widest}
+    },
+    mono, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace',
+      weights, 500, 600],
+      sizes,
+        sm,
+        md,
+        lg,
+        xl,
+        '2xl',
+        '3xl',
+        '4xl',
+        '5xl',
+        '6xl'},
+      lineHeights,
+        normal,
+        relaxed,
+        loose},
+      letterSpacing,
+        normal,
+        wide,
+        wider,
+        widest}
+    }
+  },
+  colors,
+      100,
+      200,
+      300,
+      400,
+      500, // Updated to match original poker project
+      600,
+      700,
+      800,
+      900,
+      // RGB versions for rgba() usage
+      '500-rgb', 99, 235',
+      '600-rgb', 78, 216',
+      '700-rgb', 64, 175'
+    },
+    secondary,
+      100,
+      200,
+      300,
+      400,
+      500,
+      600,
+      700,
+      800,
+      900},
+    semantic, // Updated to match original poker project
+      warning,
+      error,
+      errorDark, // Darker red for destructive hover states
+      info, // Updated to match original poker project
+      // RGB versions for rgba() usage
+      successRgb, 150, 105',
+      warningRgb, 158, 11',
+      errorRgb, 68, 68',
+      errorDarkRgb, 38, 38',
+      infoRgb, 99, 235',
+      // Additional RGB versions referenced in CSS
+      'success-rgb', 150, 105',
+      'warning-rgb', 158, 11',
+      'error-rgb', 68, 68',
+      'error-dark-rgb', 38, 38',
+      'info-rgb', 99, 235'
+    },
+    neutral,
+      100,
+      200,
+      300,
+      400,
+      500,
+      600,
+      700,
+      800,
+      900},
+    surface,
+      surface, // Updated to match original poker project
+      border, // Updated to match original poker project
+      divider},
+    text, // Updated to match original poker project
+      secondary, // Updated to match original poker project
+      muted, // Updated to match original poker project
+      inverse,
+      onPrimary,
+      onSecondary,
+      onSurface},
+    interactive, // Updated to match original poker project
+      active, // Updated to match original poker project
+      focus, // Updated to match original poker project
+      disabled},
+    // Additional colors referenced in CSS
+    accent,
+    'bg-primary',
+    'bg-secondary', // Updated to match original poker project
+    'surface-bg', // Updated to match original poker project
+    // Additional missing CSS variables
+    'primary-hover', // Updated to match original poker project
+    'primary-active', // Updated to match original poker project
+    'accent-rgb', 102, 241',
+    'border', // Updated to match original poker project
+    // Border semantic variables
+    'border-transparent',
+    // Text colors referenced in CSS
+    'text-primary', // Updated to match original poker project
+    'text-secondary'},
+  navigation,
+    style,
+    behavior,
+    responsive,
+    animations,
+        normal,
+        slow,
+        instant},
+      easing,
+        ease,
+        easeIn,
+        easeOut,
+        easeInOut,
+        bounce, -0.55, 0.265, 1.55)',
+        elastic, 0.885, 0.32, 1.275)'
+      },
+      stagger,
+        delay,
+        direction},
+      transitions,
+        exit,
+        move,
+        resize}
+    },
+    spacing,
+      item,
+      group,
+      divider,
+      icon,
+      text,
+      padding,
+        vertical,
+        top,
+        right,
+        bottom,
+        left},
+      margin,
+        vertical,
+        top,
+        right,
+        bottom,
+        left}
+    },
+    colors,
+        secondary, // Updated to match original poker project
+        tertiary, // Updated to match original poker project
+        light,
+        dark,
+        contrast},
+      text, // Updated to match original poker project
+        secondary, // Updated to match original poker project
+        tertiary, // Updated to match original poker project
+        light, // Updated to match original poker project
+        dark,
+        contrast},
+      border, // Updated to match original poker project
+        secondary, // Updated to match original poker project
+        tertiary, // Updated to match original poker project
+        light, // Updated to match original poker project
+        dark,
+        contrast},
+      accent, // Updated to match original poker project
+        secondary,
+        tertiary,
+        light,
+        dark, // Updated to match original poker project
+        contrast},
+      hover, // Updated to match original poker project
+        secondary, // Updated to match original poker project
+        tertiary, // Updated to match original poker project
+        light,
+        dark,
+        contrast},
+      active, // Updated to match original poker project
+        secondary,
+        tertiary,
+        light,
+        dark, // Updated to match original poker project
+        contrast},
+      disabled, // Updated to match original poker project
+        secondary, // Updated to match original poker project
+        tertiary, // Updated to match original poker project
+        light, // Updated to match original poker project
+        dark,
+        contrast},
+      focus, // Updated to match original poker project
+        secondary,
+        tertiary,
+        light,
+        dark, // Updated to match original poker project
+        contrast}
+    },
+    typography, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
+      fontSize,
+        sm,
+        base,
+        lg,
+        xl,
+        '2xl'},
+      fontWeight,
+        normal,
+        medium,
+        semibold,
+        bold},
+      lineHeight,
+        normal,
+        relaxed,
+        loose},
+      letterSpacing,
+        normal,
+        wide,
+        wider}
+    },
+    breakpoints,
+      tablet,
+      desktop,
+      wide,
+      ultra}
+  },
+  spacing,
+      sm,
+      md,
+      lg,
+      xl,
+      '2xl',
+      '3xl',
+      '4xl',
+      '5xl',
+      '6xl'},
+    component,
+        margin,
+        gap},
+      input,
+        margin,
+        gap},
+      card,
+        margin,
+        gap}
+    },
+    layout,
+      section,
+      container,
+      grid}
+  },
+  shadows)',
+    md), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
+    lg), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
+    xl), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
+    '2xl')',
+    inner)',
+    none},
+  transitions,
+      normal,
+      slow},
+    easing,
+      ease,
+      easeIn,
+      easeOut,
+      easeInOut},
+    properties,
+      transform,
+      opacity,
+      shadow}
+  },
+  borderRadius,
+    sm,
+    md,
+    lg,
+    xl,
+    '2xl',
+    full},
+  borderWidth,
+    thin,
+    normal,
+    focus,
+    thick,
+    extraThick},
+  animation,
+      normal,
+      slow},
+    easing,
+      ease,
+      easeIn,
+      easeOut,
+      easeInOut},
+    transforms,
+      offsetY,
+      scale}
+  },
+  accessibility,
+      offset,
+      color)'
+    },
+    outline},
+    highContrast,
+      outlineWidth},
+    disabled,
+      opacity}
+  },
+  print,
+    textColor,
+    textSecondaryColor,
+    backgroundColor},
+  containerQuery,
+    medium,
+    large},
+  container,
+      medium,
+      large,
+      xl,
+      full}
+  },
+  shimmer,
+    color, 255, 255, 0.2)'
+  },
+  meta,
+    description, professional design system with Clash Display typography and comprehensive theming',
+    author,
+    version,
+    category,
+    tags, 'professional', 'typography', 'clash-display', 'comprehensive'],
+    preview,
+    createdAt,
+    updatedAt},
+  
+  // NEW,
+          100,
+          200,
+          300,
+          400,
+          500,
+          600,
+          700,
+          800,
+          900,
+          // RGB versions for rgba() usage
+          '500-rgb', 165, 250',
+          '600-rgb', 197, 253',
+          '700-rgb', 219, 254'
+        },
+        secondary,
+          100,
+          200,
+          300,
+          400,
+          500,
+          600,
+          700,
+          800,
+          900},
+        semantic,
+          warning,
+          error,
+          info,
+          // RGB versions for rgba() usage
+          successRgb, 185, 129',
+          warningRgb, 191, 36',
+          errorRgb, 113, 113',
+          infoRgb, 165, 250',
+          // Additional RGB versions referenced in CSS
+          'success-rgb', 185, 129',
+          'warning-rgb', 191, 36',
+          'error-rgb', 113, 113',
+          'info-rgb', 165, 250'
+        },
+        neutral,
+          100,
+          200,
+          300,
+          400,
+          500,
+          600,
+          700,
+          800,
+          900},
+        surface,
+          surface,
+          border,
+          divider},
+        text,
+          secondary,
+          muted,
+          inverse,
+          onPrimary,
+          onSecondary,
+          onSurface},
+        interactive,
+          active,
+          focus,
+          disabled},
+        // Additional colors referenced in CSS
+        accent,
+        'bg-primary',
+        'bg-secondary',
+        'surface-bg',
+        // Additional missing CSS variables
+        'primary-hover',
+        'primary-active',
+        'accent-rgb', 92, 246',
+        'border',
+        // Text colors referenced in CSS
+        'text-primary',
+        'text-secondary'},
+      
+      }
+  }
+};