@gadagi/design-system 1.0.5 → 1.0.6

package/dist/tokens/colors.d.ts

@@ -0,0 +1,114 @@
+export declare const colors: {
+    readonly primary: {
+        readonly 50: "#f0f0ff";
+        readonly 100: "#e6e6ff";
+        readonly 200: "#ccc9ff";
+        readonly 300: "#b3acff";
+        readonly 400: "#998fff";
+        readonly 500: "#4a3fb5";
+        readonly 600: "#4235a3";
+        readonly 700: "#3a2c91";
+        readonly 800: "#32247f";
+        readonly 900: "#2a1f5f";
+    };
+    readonly neutral: {
+        readonly 50: "#f8fafc";
+        readonly 100: "#ebedef";
+        readonly 200: "#e2e8f0";
+        readonly 300: "#cbd5e1";
+        readonly 400: "#94a3b8";
+        readonly 500: "#64748b";
+        readonly 600: "#4b5463";
+        readonly 700: "#374151";
+        readonly 800: "#1e293b";
+        readonly 900: "#0f172a";
+    };
+    readonly success: {
+        readonly 50: "#f0fdf4";
+        readonly 100: "#dcfce7";
+        readonly 200: "#bbf7d0";
+        readonly 300: "#86efac";
+        readonly 400: "#4ade80";
+        readonly 500: "#2fb855";
+        readonly 600: "#16a34a";
+        readonly 700: "#15803d";
+        readonly 800: "#166534";
+        readonly 900: "#14532d";
+    };
+    readonly warning: {
+        readonly 50: "#fffbeb";
+        readonly 100: "#fef3c7";
+        readonly 200: "#fde68a";
+        readonly 300: "#fcd34d";
+        readonly 400: "#fbbf24";
+        readonly 500: "#e6a110";
+        readonly 600: "#d97706";
+        readonly 700: "#b45309";
+        readonly 800: "#92400e";
+        readonly 900: "#78350f";
+    };
+    readonly danger: {
+        readonly 50: "#fef2f2";
+        readonly 100: "#fee2e2";
+        readonly 200: "#fecaca";
+        readonly 300: "#fca5a5";
+        readonly 400: "#f87171";
+        readonly 500: "#dc4c4c";
+        readonly 600: "#dc2626";
+        readonly 700: "#b91c1c";
+        readonly 800: "#991b1b";
+        readonly 900: "#7f1d1d";
+    };
+    readonly info: {
+        readonly 50: "#eff6ff";
+        readonly 100: "#dbeafe";
+        readonly 200: "#bfdbfe";
+        readonly 300: "#93c5fd";
+        readonly 400: "#60a5fa";
+        readonly 500: "#2d7fd8";
+        readonly 600: "#2563eb";
+        readonly 700: "#1d4ed8";
+        readonly 800: "#1e40af";
+        readonly 900: "#1e3a8a";
+    };
+    readonly light: "#ebedef";
+    readonly dark: "#4b5463";
+};
+export declare const darkColors: {
+    readonly primary: {
+        readonly 50: "#1a1a2e";
+        readonly 100: "#252542";
+        readonly 500: "#7c71e6";
+        readonly 600: "#8b82eb";
+        readonly 700: "#9a93f0";
+        readonly 900: "#b8b3f5";
+    };
+    readonly neutral: {
+        readonly 50: "#0f172a";
+        readonly 100: "#1e293b";
+        readonly 200: "#334155";
+        readonly 400: "#64748b";
+        readonly 600: "#cbd5e1";
+        readonly 800: "#f1f5f9";
+        readonly 900: "#f8fafc";
+    };
+    readonly success: {
+        readonly 500: "#4ade80";
+        readonly 100: "#14532d";
+    };
+    readonly warning: {
+        readonly 500: "#fbbf24";
+        readonly 100: "#713f12";
+    };
+    readonly danger: {
+        readonly 500: "#f87171";
+        readonly 100: "#7f1d1d";
+    };
+    readonly info: {
+        readonly 500: "#60a5fa";
+        readonly 100: "#1e3a8a";
+    };
+    readonly light: "#f8fafc";
+    readonly dark: "#0f172a";
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/tokens/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ET,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCb,CAAC"}

package/dist/tokens/colors.js

@@ -0,0 +1,115 @@
+export const colors = {
+    primary: {
+        50: '#f0f0ff',
+        100: '#e6e6ff',
+        200: '#ccc9ff',
+        300: '#b3acff',
+        400: '#998fff',
+        500: '#4a3fb5', // WCAG compliant version of #5447c7
+        600: '#4235a3',
+        700: '#3a2c91',
+        800: '#32247f',
+        900: '#2a1f5f',
+    },
+    neutral: {
+        50: '#f8fafc',
+        100: '#ebedef', // Your lightColor
+        200: '#e2e8f0',
+        300: '#cbd5e1',
+        400: '#94a3b8',
+        500: '#64748b',
+        600: '#4b5463', // Your darkColor
+        700: '#374151',
+        800: '#1e293b',
+        900: '#0f172a',
+    },
+    success: {
+        50: '#f0fdf4',
+        100: '#dcfce7',
+        200: '#bbf7d0',
+        300: '#86efac',
+        400: '#4ade80',
+        500: '#2fb855', // WCAG compliant version of #36cd69
+        600: '#16a34a',
+        700: '#15803d',
+        800: '#166534',
+        900: '#14532d',
+    },
+    warning: {
+        50: '#fffbeb',
+        100: '#fef3c7',
+        200: '#fde68a',
+        300: '#fcd34d',
+        400: '#fbbf24',
+        500: '#e6a110', // WCAG compliant version of #f9b115
+        600: '#d97706',
+        700: '#b45309',
+        800: '#92400e',
+        900: '#78350f',
+    },
+    danger: {
+        50: '#fef2f2',
+        100: '#fee2e2',
+        200: '#fecaca',
+        300: '#fca5a5',
+        400: '#f87171',
+        500: '#dc4c4c', // WCAG compliant version of #e55353
+        600: '#dc2626',
+        700: '#b91c1c',
+        800: '#991b1b',
+        900: '#7f1d1d',
+    },
+    info: {
+        50: '#eff6ff',
+        100: '#dbeafe',
+        200: '#bfdbfe',
+        300: '#93c5fd',
+        400: '#60a5fa',
+        500: '#2d7fd8', // WCAG compliant version of #3090f1
+        600: '#2563eb',
+        700: '#1d4ed8',
+        800: '#1e40af',
+        900: '#1e3a8a',
+    },
+    light: '#ebedef', // Your lightColor
+    dark: '#4b5463', // Your darkColor
+};
+// Dark Theme Tokens - High contrast versions for dark backgrounds
+export const darkColors = {
+    primary: {
+        50: '#1a1a2e',
+        100: '#252542',
+        500: '#7c71e6', // Lighter purple for dark backgrounds
+        600: '#8b82eb',
+        700: '#9a93f0',
+        900: '#b8b3f5',
+    },
+    neutral: {
+        50: '#0f172a',
+        100: '#1e293b',
+        200: '#334155',
+        400: '#64748b',
+        600: '#cbd5e1', // Light gray for dark text
+        800: '#f1f5f9',
+        900: '#f8fafc',
+    },
+    success: {
+        500: '#4ade80', // Bright green for dark backgrounds
+        100: '#14532d',
+    },
+    warning: {
+        500: '#fbbf24', // Bright amber for dark backgrounds
+        100: '#713f12',
+    },
+    danger: {
+        500: '#f87171', // Bright red for dark backgrounds
+        100: '#7f1d1d',
+    },
+    info: {
+        500: '#60a5fa', // Bright blue for dark backgrounds
+        100: '#1e3a8a',
+    },
+    light: '#f8fafc', // Light text color for dark theme
+    dark: '#0f172a', // Dark background color
+};
+//# sourceMappingURL=colors.js.map

package/dist/tokens/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"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"}

package/dist/tokens/index.d.ts

@@ -0,0 +1,4 @@
+export { colors } from './colors';
+export { spacing } from './spacing';
+export { typography } from './typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/{src/tokens/index.ts → dist/tokens/index.js}

@@ -1,3 +1,4 @@
-export { colors } from './colors';
+export { colors } from './colors';
 export { spacing } from './spacing';
-export { typography } from './typography';
+export { typography } from './typography';
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/tokens/spacing.d.ts

@@ -0,0 +1,14 @@
+export declare const spacing: {
+    readonly 0: "0";
+    readonly 1: "0.25rem";
+    readonly 2: "0.5rem";
+    readonly 3: "0.75rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 8: "2rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 16: "4rem";
+};
+//# sourceMappingURL=spacing.d.ts.map

package/dist/tokens/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAC"}

package/dist/tokens/spacing.js

@@ -0,0 +1,14 @@
+export const spacing = {
+    0: '0',
+    1: '0.25rem',
+    2: '0.5rem',
+    3: '0.75rem',
+    4: '1rem',
+    5: '1.25rem',
+    6: '1.5rem',
+    8: '2rem',
+    10: '2.5rem',
+    12: '3rem',
+    16: '4rem',
+};
+//# sourceMappingURL=spacing.js.map

package/dist/tokens/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,CAAC,EAAI,GAAG;IACR,CAAC,EAAI,SAAS;IACd,CAAC,EAAI,QAAQ;IACb,CAAC,EAAI,SAAS;IACd,CAAC,EAAI,MAAM;IACX,CAAC,EAAI,SAAS;IACd,CAAC,EAAI,QAAQ;IACb,CAAC,EAAI,MAAM;IACX,EAAE,EAAG,QAAQ;IACb,EAAE,EAAG,MAAM;IACX,EAAE,EAAG,MAAM;CACH,CAAC"}

package/dist/tokens/typography.d.ts

@@ -0,0 +1,22 @@
+export declare const typography: {
+    readonly fontFamily: {
+        readonly sans: "\"Inter\", -apple-system, BlinkMacSystemFont, sans-serif";
+        readonly mono: "\"JetBrains Mono\", \"Fira Code\", monospace";
+    };
+    readonly fontSize: {
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly base: "1rem";
+        readonly lg: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly '2xl': "1.5rem";
+        readonly '3xl': "1.875rem";
+    };
+    readonly fontWeight: {
+        readonly normal: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+        readonly bold: 700;
+    };
+};
+//# sourceMappingURL=typography.d.ts.map

package/dist/tokens/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;CAoBb,CAAC"}

package/dist/tokens/typography.js

@@ -0,0 +1,22 @@
+export const typography = {
+    fontFamily: {
+        sans: '"Inter", -apple-system, BlinkMacSystemFont, sans-serif',
+        mono: '"JetBrains Mono", "Fira Code", monospace',
+    },
+    fontSize: {
+        xs: '0.75rem',
+        sm: '0.875rem',
+        base: '1rem',
+        lg: '1.125rem',
+        xl: '1.25rem',
+        '2xl': '1.5rem',
+        '3xl': '1.875rem',
+    },
+    fontWeight: {
+        normal: 400,
+        medium: 500,
+        semibold: 600,
+        bold: 700,
+    },
+};
+//# sourceMappingURL=typography.js.map

package/dist/tokens/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,UAAU,EAAE;QACV,IAAI,EAAG,wDAAwD;QAC/D,IAAI,EAAG,0CAA0C;KAClD;IACD,QAAQ,EAAE;QACR,EAAE,EAAI,SAAS;QACf,EAAE,EAAI,UAAU;QAChB,IAAI,EAAE,MAAM;QACZ,EAAE,EAAI,UAAU;QAChB,EAAE,EAAI,SAAS;QACf,KAAK,EAAC,QAAQ;QACd,KAAK,EAAC,UAAU;KACjB;IACD,UAAU,EAAE;QACV,MAAM,EAAG,GAAG;QACZ,MAAM,EAAG,GAAG;QACZ,QAAQ,EAAC,GAAG;QACZ,IAAI,EAAK,GAAG;KACb;CACO,CAAC"}

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@gadagi/design-system",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Design system for gadagi micro-frontends",
-  "main": "src/index.ts",
-  "module": "src/index.ts",
-  "types": "src/index.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "default": "./src/index.ts"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     }
   },
-  "files": ["src"],
+  "files": ["dist"],
   "scripts": {
     "build": "tsc && echo 'export * from \"./src/index\";' > dist/adi-design-system/index.js",
     "dev": "tsc --watch"

package/src/components/Badge/Badge.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { colors, spacing, typography } from '../../tokens';
-
-type BadgeVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';
-
-interface BadgeProps {
-  children: React.ReactNode;
-  variant?: BadgeVariant;
-}
-
-const badgeColors: Record<BadgeVariant, { bg: string; text: string }> = {
-  default: { bg: colors.neutral[100],  text: colors.neutral[600] },
-  success: { bg: colors.success[100],  text: '#15803d' },
-  warning: { bg: colors.warning[100],  text: '#92400e' },
-  danger:  { bg: colors.danger[100],   text: '#b91c1c' },
-  info:    { bg: colors.primary[100],  text: colors.primary[700] },
-};
-
-export const Badge: React.FC<BadgeProps> = ({ children, variant = 'default' }) => {
-  const { bg, text } = badgeColors[variant];
-  return (
-    <span
-      style={{
-        display: 'inline-flex',
-        alignItems: 'center',
-        padding: `${spacing[0]} ${spacing[2]}`,
-        borderRadius: '9999px',
-        fontSize: typography.fontSize.xs,
-        fontWeight: typography.fontWeight.medium,
-        background: bg,
-        color: text,
-      }}
-    >
-      {children}
-    </span>
-  );
-};

package/src/components/Badge/index.ts

@@ -1 +0,0 @@
-export { Badge } from './Badge';

package/src/components/Button/Button.tsx

@@ -1,59 +0,0 @@
-import React, { ButtonHTMLAttributes } from 'react';
-import { colors, spacing, typography } from '../../tokens';
-
-type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
-type ButtonSize    = 'sm' | 'md' | 'lg';
-
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-  variant?: ButtonVariant;
-  size?: ButtonSize;
-  loading?: boolean;
-  fullWidth?: boolean;
-}
-
-const sizeStyles: Record<ButtonSize, React.CSSProperties> = {
-  sm: { padding: `${spacing[1]} ${spacing[3]}`, fontSize: typography.fontSize.sm },
-  md: { padding: `${spacing[2]} ${spacing[4]}`, fontSize: typography.fontSize.base },
-  lg: { padding: `${spacing[3]} ${spacing[6]}`, fontSize: typography.fontSize.lg },
-};
-
-const variantStyles: Record<ButtonVariant, React.CSSProperties> = {
-  primary:   { background: colors.primary[600], color: '#fff', border: 'none' },
-  secondary: { background: 'transparent', color: colors.primary[600], border: `1px solid ${colors.primary[600]}` },
-  danger:    { background: colors.danger[500], color: '#fff', border: 'none' },
-  ghost:     { background: 'transparent', color: colors.neutral[600], border: 'none' },
-};
-
-export const Button: React.FC<ButtonProps> = ({
-  variant = 'primary',
-  size = 'md',
-  loading = false,
-  fullWidth = false,
-  children,
-  disabled,
-  style,
-  ...rest
-}) => {
-  const baseStyle: React.CSSProperties = {
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: spacing[2],
-    borderRadius: '6px',
-    fontWeight: typography.fontWeight.medium,
-    fontFamily: typography.fontFamily.sans,
-    cursor: disabled || loading ? 'not-allowed' : 'pointer',
-    opacity: disabled || loading ? 0.6 : 1,
-    width: fullWidth ? '100%' : undefined,
-    transition: 'opacity 0.15s, transform 0.1s',
-    ...sizeStyles[size],
-    ...variantStyles[variant],
-    ...style,
-  };
-
-  return (
-    <button style={baseStyle} disabled={disabled || loading} {...rest}>
-      {loading ? 'Loading...' : children}
-    </button>
-  );
-};

package/src/components/Button/index.ts

@@ -1,2 +0,0 @@
-export { Button } from './Button';
-export type { } from './Button';

package/src/components/Input/Input.tsx

@@ -1,55 +0,0 @@
-import React, { InputHTMLAttributes } from 'react';
-import { colors, spacing, typography } from '../../tokens';
-
-interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
-  label?: string;
-  error?: string;
-  hint?: string;
-  fullWidth?: boolean;
-}
-
-export const Input: React.FC<InputProps> = ({
-  label,
-  error,
-  hint,
-  fullWidth = false,
-  id,
-  style,
-  ...rest
-}) => {
-  const inputId = id ?? label?.toLowerCase().replace(/\s+/g, '-');
-
-  const inputStyle: React.CSSProperties = {
-    display: 'block',
-    width: fullWidth ? '100%' : undefined,
-    padding: `${spacing[2]} ${spacing[3]}`,
-    fontSize: typography.fontSize.base,
-    fontFamily: typography.fontFamily.sans,
-    borderRadius: '6px',
-    border: `1px solid ${error ? colors.danger[500] : colors.neutral[200]}`,
-    outline: 'none',
-    background: '#fff',
-    color: colors.neutral[900],
-    ...style,
-  };
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: spacing[1] }}>
-      {label && (
-        <label
-          htmlFor={inputId}
-          style={{ fontSize: typography.fontSize.sm, fontWeight: typography.fontWeight.medium, color: colors.neutral[600] }}
-        >
-          {label}
-        </label>
-      )}
-      <input id={inputId} style={inputStyle} {...rest} />
-      {error && (
-        <span style={{ fontSize: typography.fontSize.xs, color: colors.danger[500] }}>{error}</span>
-      )}
-      {hint && !error && (
-        <span style={{ fontSize: typography.fontSize.xs, color: colors.neutral[400] }}>{hint}</span>
-      )}
-    </div>
-  );
-};

package/src/components/Input/index.ts

@@ -1 +0,0 @@
-export { Input } from './Input';

package/src/index.ts

@@ -1,6 +0,0 @@
-export { Button }        from './components/Button';
-export { Input }         from './components/Input';
-export { Badge }         from './components/Badge';
-export { ThemeProvider } from './theme/ThemeProvider';
-export { useTheme }      from './theme/useTheme';
-export * from './tokens';

package/src/theme/ThemeProvider.tsx

@@ -1,27 +0,0 @@
-import React, { createContext, useContext, useState, ReactNode } from 'react';
-import { ThemeContextValue, Theme } from './interfaces/theme.interface'
-
-const ThemeContext = createContext<ThemeContextValue>({
-  theme: 'system',
-  setTheme: () => {},
-});
-
-interface ThemeProviderProps {
-  children: ReactNode;
-  defaultTheme?: Theme;
-}
-
-export const ThemeProvider: React.FC<ThemeProviderProps> = ({
-  children,
-  defaultTheme = 'system',
-}) => {
-  const [theme, setTheme] = useState<Theme>(defaultTheme);
-
-  return (
-    <ThemeContext.Provider value={{ theme, setTheme }}>
-      <div data-theme={theme}>{children}</div>
-    </ThemeContext.Provider>
-  );
-};
-
-export const useTheme = (): ThemeContextValue => useContext(ThemeContext);

package/src/theme/interfaces/theme.interface.ts

@@ -1,6 +0,0 @@
-export type Theme = 'light' | 'dark' | 'system';
-
-export interface ThemeContextValue {
-  theme: Theme;
-  setTheme: (theme: Theme) => void;
-}

package/src/theme/useTheme.ts

@@ -1 +0,0 @@
-export { useTheme } from './ThemeProvider';