cmp-standards 2.8.1 → 3.1.0

package/dist/dashboard/tokens.js

@@ -0,0 +1,450 @@
+/**
+ * Design Token System for Dashboard
+ *
+ * Semantic design tokens for consistent theming across the dashboard.
+ * Supports dark mode by default with easy light mode extension.
+ *
+ * @version 2.9.0
+ */
+// =============================================================================
+// Core Color Palette
+// =============================================================================
+export const palette = {
+    // Slate (neutral)
+    slate: {
+        50: '#f8fafc',
+        100: '#f1f5f9',
+        200: '#e2e8f0',
+        300: '#cbd5e1',
+        400: '#94a3b8',
+        500: '#64748b',
+        600: '#475569',
+        700: '#334155',
+        800: '#1e293b',
+        900: '#0f172a',
+        950: '#020617',
+    },
+    // Blue (primary)
+    blue: {
+        50: '#eff6ff',
+        100: '#dbeafe',
+        200: '#bfdbfe',
+        300: '#93c5fd',
+        400: '#60a5fa',
+        500: '#3b82f6',
+        600: '#2563eb',
+        700: '#1d4ed8',
+        800: '#1e40af',
+        900: '#1e3a8a',
+    },
+    // Green (success)
+    green: {
+        50: '#f0fdf4',
+        100: '#dcfce7',
+        200: '#bbf7d0',
+        300: '#86efac',
+        400: '#4ade80',
+        500: '#22c55e',
+        600: '#16a34a',
+        700: '#15803d',
+        800: '#166534',
+        900: '#14532d',
+    },
+    // Red (error)
+    red: {
+        50: '#fef2f2',
+        100: '#fee2e2',
+        200: '#fecaca',
+        300: '#fca5a5',
+        400: '#f87171',
+        500: '#ef4444',
+        600: '#dc2626',
+        700: '#b91c1c',
+        800: '#991b1b',
+        900: '#7f1d1d',
+    },
+    // Orange (warning)
+    orange: {
+        50: '#fff7ed',
+        100: '#ffedd5',
+        200: '#fed7aa',
+        300: '#fdba74',
+        400: '#fb923c',
+        500: '#f97316',
+        600: '#ea580c',
+        700: '#c2410c',
+        800: '#9a3412',
+        900: '#7c2d12',
+    },
+    // Yellow (caution)
+    yellow: {
+        50: '#fefce8',
+        100: '#fef9c3',
+        200: '#fef08a',
+        300: '#fde047',
+        400: '#facc15',
+        500: '#eab308',
+        600: '#ca8a04',
+        700: '#a16207',
+        800: '#854d0e',
+        900: '#713f12',
+    },
+    // Purple (accent)
+    purple: {
+        50: '#faf5ff',
+        100: '#f3e8ff',
+        200: '#e9d5ff',
+        300: '#d8b4fe',
+        400: '#c084fc',
+        500: '#a855f7',
+        600: '#9333ea',
+        700: '#7e22ce',
+        800: '#6b21a8',
+        900: '#581c87',
+    },
+};
+// =============================================================================
+// Semantic Tokens (Dark Theme)
+// =============================================================================
+export const tokens = {
+    // Background colors
+    bg: {
+        base: palette.slate[900],
+        surface: palette.slate[800],
+        surfaceHover: palette.slate[700],
+        elevated: palette.slate[700],
+        muted: palette.slate[800],
+    },
+    // Text colors
+    text: {
+        primary: palette.slate[200],
+        secondary: palette.slate[400],
+        muted: palette.slate[500],
+        inverted: palette.slate[900],
+    },
+    // Border colors
+    border: {
+        default: palette.slate[700],
+        muted: palette.slate[800],
+        focus: palette.blue[500],
+    },
+    // Interactive states
+    interactive: {
+        primary: palette.blue[600],
+        primaryHover: palette.blue[500],
+        primaryActive: palette.blue[700],
+        secondary: palette.slate[700],
+        secondaryHover: palette.slate[600],
+        danger: palette.red[900],
+        dangerHover: palette.red[800],
+        success: palette.green[900],
+        successHover: palette.green[800],
+    },
+    // Status colors (backgrounds)
+    status: {
+        criticalBg: palette.red[800],
+        criticalText: palette.red[200],
+        highBg: palette.orange[800],
+        highText: palette.orange[200],
+        mediumBg: palette.yellow[800],
+        mediumText: palette.yellow[200],
+        lowBg: palette.green[800],
+        lowText: palette.green[200],
+    },
+    // Semantic accents
+    accent: {
+        memory: palette.blue[400],
+        pattern: palette.orange[400],
+        session: palette.purple[400],
+        alert: palette.red[400],
+    },
+    // Shadows
+    shadow: {
+        sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+        default: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
+        md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
+        lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
+    },
+    // Border radius
+    radius: {
+        sm: '0.25rem',
+        default: '0.5rem',
+        lg: '0.75rem',
+        full: '9999px',
+    },
+    // Spacing scale
+    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',
+    },
+    // Typography
+    font: {
+        sans: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+        mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, 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',
+    },
+    lineHeight: {
+        tight: '1.25',
+        normal: '1.5',
+        relaxed: '1.625',
+    },
+    // Transitions
+    transition: {
+        fast: '150ms ease',
+        default: '200ms ease',
+        slow: '300ms ease',
+    },
+    // Z-index scale
+    zIndex: {
+        dropdown: '1000',
+        sticky: '1020',
+        fixed: '1030',
+        modalBackdrop: '1040',
+        modal: '1050',
+        popover: '1060',
+        tooltip: '1070',
+    },
+};
+// =============================================================================
+// CSS Variable Generation
+// =============================================================================
+/**
+ * Generate CSS variables from tokens
+ */
+export function generateCSSVariables() {
+    const flattenTokens = (obj, prefix = '') => {
+        const vars = [];
+        for (const [key, value] of Object.entries(obj)) {
+            const varName = prefix ? `${prefix}-${key}` : key;
+            if (typeof value === 'object' && value !== null) {
+                vars.push(...flattenTokens(value, varName));
+            }
+            else {
+                vars.push(`--${varName}: ${value};`);
+            }
+        }
+        return vars;
+    };
+    const cssVars = flattenTokens(tokens);
+    return `:root {\n  ${cssVars.join('\n  ')}\n}`;
+}
+/**
+ * Generate component-specific CSS classes
+ */
+export function generateComponentStyles() {
+    return `
+/* Card Component */
+.card {
+  background: var(--bg-surface);
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-default);
+  transition: background var(--transition-default);
+}
+
+.card:hover {
+  background: var(--bg-surfaceHover);
+}
+
+/* Badge Component */
+.badge {
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--radius-sm);
+  font-size: var(--fontSize-xs);
+  font-weight: var(--fontWeight-medium);
+}
+
+.badge-critical {
+  background: var(--status-criticalBg);
+  color: var(--status-criticalText);
+}
+
+.badge-high {
+  background: var(--status-highBg);
+  color: var(--status-highText);
+}
+
+.badge-medium {
+  background: var(--status-mediumBg);
+  color: var(--status-mediumText);
+}
+
+.badge-low {
+  background: var(--status-lowBg);
+  color: var(--status-lowText);
+}
+
+/* Button Components */
+.btn {
+  padding: var(--spacing-2) var(--spacing-4);
+  border-radius: var(--radius-default);
+  font-weight: var(--fontWeight-medium);
+  transition: background var(--transition-fast);
+  cursor: pointer;
+  border: none;
+}
+
+.btn-primary {
+  background: var(--interactive-primary);
+  color: white;
+}
+
+.btn-primary:hover {
+  background: var(--interactive-primaryHover);
+}
+
+.btn-secondary {
+  background: var(--interactive-secondary);
+  color: var(--text-primary);
+}
+
+.btn-secondary:hover {
+  background: var(--interactive-secondaryHover);
+}
+
+.btn-danger {
+  background: var(--interactive-danger);
+  color: var(--status-criticalText);
+}
+
+.btn-danger:hover {
+  background: var(--interactive-dangerHover);
+}
+
+.btn-success {
+  background: var(--interactive-success);
+  color: var(--status-lowText);
+}
+
+.btn-success:hover {
+  background: var(--interactive-successHover);
+}
+
+/* Input Components */
+.input {
+  width: 100%;
+  padding: var(--spacing-2);
+  background: var(--bg-muted);
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-default);
+  color: var(--text-primary);
+  font-size: var(--fontSize-base);
+  transition: border-color var(--transition-fast);
+}
+
+.input:focus {
+  outline: none;
+  border-color: var(--border-focus);
+}
+
+/* Tab Component */
+.tab {
+  padding: var(--spacing-2) var(--spacing-4);
+  color: var(--text-secondary);
+  border-bottom: 2px solid transparent;
+  transition: color var(--transition-fast), border-color var(--transition-fast);
+  cursor: pointer;
+  background: none;
+  border-top: none;
+  border-left: none;
+  border-right: none;
+}
+
+.tab:hover {
+  color: var(--text-primary);
+}
+
+.tab-active {
+  color: var(--interactive-primary);
+  border-bottom-color: var(--interactive-primary);
+}
+
+/* Stat Card Gradient */
+.stat-card {
+  background: linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-base) 100%);
+}
+
+/* Scrollbar Styling */
+.scrollbar-thin::-webkit-scrollbar {
+  width: 6px;
+}
+
+.scrollbar-thin::-webkit-scrollbar-track {
+  background: var(--bg-surface);
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb {
+  background: var(--border-default);
+  border-radius: 3px;
+}
+
+/* Focus Visible */
+:focus-visible {
+  outline: 2px solid var(--border-focus);
+  outline-offset: 2px;
+}
+
+/* Screen Reader Only */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+`;
+}
+/**
+ * Generate complete dashboard CSS including tokens and components
+ */
+export function generateDashboardCSS() {
+    return `${generateCSSVariables()}
+
+/* Base Styles */
+body {
+  background: var(--bg-base);
+  color: var(--text-primary);
+  font-family: var(--font-sans);
+  line-height: var(--lineHeight-normal);
+}
+
+${generateComponentStyles()}`;
+}
+/**
+ * Get status badge class based on severity level
+ */
+export function getStatusClass(level) {
+    return `badge badge-${level}`;
+}
+/**
+ * Get accent color for a specific entity type
+ */
+export function getAccentColor(entity) {
+    return tokens.accent[entity];
+}
+//# sourceMappingURL=tokens.js.map

package/dist/dashboard/tokens.js.map

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

package/dist/dashboard/ui.d.ts

@@ -3,6 +3,9 @@
  *
  * Generates a self-contained React dashboard as HTML string.
  * No build step required - uses CDN for React.
+ * Uses semantic design tokens for consistent theming.
+ *
+ * @version 2.9.0
  */
 import type { DevSystem } from '../types/index.js';
 export declare function generateDashboardHTML(system: DevSystem): string;

package/dist/dashboard/ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/dashboard/ui.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAElD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CA0gB/D"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/dashboard/ui.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAyiB/D"}