@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.6 → 0.2.8

package/dist/themes/types.esm.js

@@ -0,0 +1,446 @@
+// Multi-Theme System Type Definitions
+// This file defines the core interfaces for theme configuration
+
+export interface MultiThemeConfig {
+  fonts;
+  colors;
+  navigation;
+  spacing;
+  shadows;
+  transitions;
+  borderRadius;
+  borderWidth;
+  animation;
+  accessibility;
+  print;
+  containerQuery;
+  container;
+  shimmer;
+  meta;
+  extends?; // Optional property for theme inheritance
+  
+  // NEW)
+  modes?;
+    };
+    dark?;
+    };
+  };
+}
+
+export interface FontThemeConfig {
+  primary;
+  secondary;
+  display;
+  body;
+  mono;
+}
+
+export interface FontConfig {
+  family;
+  weights];
+  sizes;
+  lineHeights;
+  letterSpacing;
+  fallbacks?]; // Font fallback stack
+  display?; // Font loading strategy
+  source?; // Font source configuration
+  features?; // Advanced font features
+}
+
+export interface FontSource {
+  type;
+  url?; // For custom fonts
+  files?; // For custom font files
+}
+
+export interface FontFiles {
+  woff2?;
+  woff?;
+  ttf?;
+  eot?;
+  svg?;
+}
+
+export interface FontFeatures {
+  ligatures?;
+  kerning?;
+  variant?;
+  stretch?;
+  styleSet?;
+}
+
+export interface FontSizeScale {
+  xs;
+  sm;
+  md;
+  lg;
+  xl;
+  '2xl';
+  '3xl';
+  '4xl';
+  '5xl';
+  '6xl';
+}
+
+export interface LineHeightScale {
+  tight;
+  normal;
+  relaxed;
+  loose;
+}
+
+export interface LetterSpacingScale {
+  tight;
+  normal;
+  wide;
+  wider;
+  widest;
+}
+
+export interface ColorThemeConfig {
+  primary;
+  secondary;
+  semantic;
+  neutral;
+  surface;
+  text;
+  interactive;
+  // Additional color properties referenced in CSS
+  accent?;
+  'bg-primary'?;
+  'bg-secondary'?;
+  'surface-bg'?;
+  'primary-hover'?;
+  'primary-active'?;
+  'accent-rgb'?;
+  border?;
+  'border-transparent'?;
+  'text-primary'?;
+  'text-secondary'?;
+}
+
+export interface ColorScale {
+  50;
+  100;
+  200;
+  300;
+  400;
+  500;
+  600;
+  700;
+  800;
+  900;
+  // Additional color variations
+  light?;    // Lighter than 50
+  dark?;     // Darker than 900
+  contrast?; // High contrast version
+  // RGB versions for rgba() usage
+  '500-rgb'?;
+  '600-rgb'?;
+  '700-rgb'?;
+}
+
+export interface ColorAccessibility {
+  aa;       // WCAG AA compliance
+  aaa;      // WCAG AAA compliance
+  contrastRatio; // Actual contrast ratio
+  recommended]; // Recommended improvements
+}
+
+export interface SemanticColors {
+  success;
+  warning;
+  error;
+  info;
+  // Enhanced semantic colors with accessibility
+  successLight?;
+  successDark?;
+  warningLight?;
+  warningDark?;
+  errorLight?;
+  errorDark?;
+  infoLight?;
+  infoDark?;
+  // RGB versions for rgba() usage
+  successRgb?;
+  warningRgb?;
+  errorRgb?;
+  errorDarkRgb?;
+  infoRgb?;
+  // Additional RGB versions referenced in CSS
+  'success-rgb'?;
+  'warning-rgb'?;
+  'error-rgb'?;
+  'error-dark-rgb'?;
+  'info-rgb'?;
+}
+
+export interface NeutralColors {
+  50;
+  100;
+  200;
+  300;
+  400;
+  500;
+  600;
+  700;
+  800;
+  900;
+}
+
+export interface SurfaceColors {
+  background;
+  surface;
+  border;
+  divider;
+}
+
+export interface TextColors {
+  primary;
+  secondary;
+  muted;
+  inverse;
+  onPrimary;
+  onSecondary;
+  onSurface;
+}
+
+export interface InteractiveColors {
+  hover;
+  active;
+  focus;
+  disabled;
+  // Enhanced interactive states
+  hoverLight?;
+  hoverDark?;
+  activeLight?;
+  activeDark?;
+  focusRing?;
+  focusRingOffset?;
+}
+
+// Color generation and utility interfaces
+export interface ColorGenerationConfig {
+  baseColor;
+  hueShift?;
+  saturationAdjust?;
+  lightnessAdjust?;
+  generateShades?;
+  generateTints?;
+  generateContrast?;
+}
+
+export interface ColorPalette {
+  name;
+  description;
+  colors;
+  accessibility;
+  usage];
+  tags];
+}
+
+
+
+
+
+
+
+export interface SpacingThemeConfig {
+  scale;
+  component;
+  layout;
+}
+
+export interface SpacingScale {
+  xs;
+  sm;
+  md;
+  lg;
+  xl;
+  '2xl';
+  '3xl';
+  '4xl';
+  '5xl';
+  '6xl';
+}
+
+export interface ComponentSpacing {
+  button;
+    margin;
+    gap;
+  };
+  input;
+    margin;
+    gap;
+  };
+  card;
+    margin;
+    gap;
+  };
+}
+
+export interface LayoutSpacing {
+  page;
+  section;
+  container;
+  grid;
+}
+
+export interface ShadowThemeConfig {
+  sm;
+  md;
+  lg;
+  xl;
+  '2xl';
+  inner;
+  none;
+}
+
+export interface TransitionThemeConfig {
+  duration;
+  easing;
+  properties;
+}
+
+export interface BorderRadiusThemeConfig {
+  none;
+  sm;
+  md;
+  lg;
+  xl;
+  '2xl';
+  full;
+}
+
+export interface BorderWidthThemeConfig {
+  none;
+  thin;
+  normal;
+  focus;
+  thick;
+  extraThick;
+}
+
+export interface AnimationThemeConfig {
+  duration;
+    normal;
+    slow;
+  };
+  easing;
+    ease;
+    easeIn;
+    easeOut;
+    easeInOut;
+  };
+  transforms;
+    offsetY;
+    scale;
+  };
+}
+
+export interface AccessibilityThemeConfig {
+  focusRing;
+    offset;
+    color;
+  };
+  outline;
+  };
+  highContrast;
+    outlineWidth;
+  };
+  disabled;
+    opacity;
+  };
+}
+
+export interface PrintThemeConfig {
+  borderColor;
+  textColor;
+  textSecondaryColor;
+  backgroundColor;
+}
+
+export interface ContainerQueryThemeConfig {
+  small;
+  medium;
+  large;
+}
+
+export interface ContainerThemeConfig {
+  width;
+    medium;
+    large;
+    xl;
+    full;
+  };
+}
+
+export interface ShimmerThemeConfig {
+  alpha;
+  color;
+}
+
+export interface TransitionDuration {
+  fast;
+  normal;
+  slow;
+}
+
+export interface TransitionEasing {
+  linear;
+  ease;
+  easeIn;
+  easeOut;
+  easeInOut;
+}
+
+export interface TransitionProperties {
+  colors;
+  transform;
+  opacity;
+  shadow;
+}
+
+export interface ThemeMetadata {
+  name;
+  description;
+  author;
+  version;
+  category;
+  tags];
+  preview; // URL to preview image
+  createdAt;
+  updatedAt;
+}
+
+// Theme validation types
+export interface ThemeValidationResult {
+  isValid;
+  errors];
+  warnings];
+}
+
+export interface ThemeValidationError {
+  path;
+  message;
+  severity;
+}
+
+export interface ThemeValidationWarning {
+  path;
+  message;
+  severity;
+}
+
+// Theme inheritance types
+export interface ThemeInheritance {
+  extends?; // Theme name to extend
+  overrides; // Properties to override
+  additions; // Properties to add
+}
+
+// Complete theme with inheritance
+export interface CompleteThemeConfig extends MultiThemeConfig {
+  inheritance?;
+  validation;
+}