@forwardimpact/pathway 0.21.0 → 0.23.0

package/src/css/pages/detail.css

@@ -1,119 +0,0 @@
-/**
- * Detail Page Styles
- *
- * Shared styles for entity detail pages.
- */
-
-@layer pages {
-  /* Expectation items */
-  .expectation-item {
-    background: var(--color-bg);
-    padding: var(--space-md);
-    border-radius: var(--radius-md);
-    border-left: 4px solid var(--color-primary);
-  }
-
-  .expectation-value {
-    font-weight: 500;
-  }
-
-  /* Question groups */
-  .question-group {
-    margin-bottom: var(--space-lg);
-    padding: var(--space-md);
-    background: var(--color-surface);
-    border-radius: var(--radius-md);
-    border: 1px solid var(--color-border);
-  }
-
-  .question-group-title {
-    font-weight: 600;
-    margin-bottom: var(--space-sm);
-    display: flex;
-    align-items: center;
-    gap: var(--space-sm);
-  }
-
-  .question-list {
-    margin-top: var(--space-md);
-  }
-
-  .question-text {
-    padding: var(--space-sm) 0;
-    color: var(--color-text-secondary);
-    margin: 0;
-  }
-
-  /* Links list */
-  .links-list {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-sm);
-  }
-
-  .links-list a {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--space-xs);
-  }
-
-  /* Tools table (for skill detail page) */
-  .tools-table {
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 0;
-    margin-top: var(--space-md);
-    border: 1px solid var(--color-border);
-    border-radius: var(--radius-lg);
-    overflow: hidden;
-    background: var(--color-surface);
-  }
-
-  /*
-   * Table cells: 60px row height = 16px padding-top + 28px content + 16px padding-bottom
-   * Matches list-item height for visual consistency
-   */
-  .tools-table th,
-  .tools-table td {
-    padding: var(--space-md) var(--space-lg);
-    text-align: left;
-    border-bottom: 1px solid var(--color-border);
-    height: 60px;
-  }
-
-  .tools-table th {
-    font-weight: 600;
-    font-size: var(--font-size-sm);
-    color: var(--color-text-secondary);
-    background: var(--color-bg);
-    text-transform: uppercase;
-    letter-spacing: 0.025em;
-  }
-
-  .tools-table th:first-child {
-    width: 260px;
-    white-space: nowrap;
-  }
-
-  .tools-table td:first-child {
-    white-space: nowrap;
-  }
-
-  .tools-table tbody tr:last-child td {
-    border-bottom: none;
-  }
-
-  .tools-table tbody tr:hover {
-    background: var(--color-bg);
-  }
-
-  /* See all link */
-  .see-all-link {
-    margin-top: var(--space-md);
-  }
-
-  .see-all-link a {
-    color: var(--color-primary);
-    font-size: var(--font-size-sm);
-  }
-}

package/src/css/reset.css

@@ -1,50 +0,0 @@
-/**
- * CSS Reset
- *
- * Browser normalization and box-sizing reset.
- * This layer provides a consistent baseline across browsers.
- */
-
-@layer reset {
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
-  html {
-    font-size: 16px;
-    scroll-behavior: smooth;
-  }
-
-  body {
-    margin: 0;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin: 0;
-    line-height: 1;
-    font-weight: 600;
-  }
-
-  p {
-    margin: 0;
-  }
-
-  ul,
-  ol {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  table {
-    width: 100%;
-    border-collapse: collapse;
-  }
-}

package/src/css/tokens.css

@@ -1,162 +0,0 @@
-/**
- * Design Tokens
- *
- * Single source of truth for colors, spacing, typography, and other
- * design decisions.
- */
-
-@layer tokens {
-  :root {
-    /* --------------------------------------------------------------------------
-     Colors - Primary
-     -------------------------------------------------------------------------- */
-    --color-primary: #3b82f6;
-    --color-primary-dark: #2563eb;
-    --color-primary-light: #93c5fd;
-
-    /* --------------------------------------------------------------------------
-     Colors - Skill Types
-     -------------------------------------------------------------------------- */
-    --color-primary-skill: #ef4444;
-    --color-primary-skill-light: #fecaca;
-    --color-secondary: #f59e0b;
-    --color-secondary-light: #fde68a;
-    --color-broad: #10b981;
-    --color-broad-light: #a7f3d0;
-
-    /* --------------------------------------------------------------------------
-     Colors - Skill Levels (1-5)
-     -------------------------------------------------------------------------- */
-    --color-level-1: #fecaca;
-    --color-level-2: #fde68a;
-    --color-level-3: #bbf7d0;
-    --color-level-4: #a5f3fc;
-    --color-level-5: #c4b5fd;
-
-    /* --------------------------------------------------------------------------
-     Colors - Behaviour Maturities (1-5)
-     -------------------------------------------------------------------------- */
-    --color-maturity-1: #fecaca;
-    --color-maturity-2: #fde68a;
-    --color-maturity-3: #bbf7d0;
-    --color-maturity-4: #a5f3fc;
-    --color-maturity-5: #c4b5fd;
-
-    /* --------------------------------------------------------------------------
-     Colors - Capabilities (text) - matches data/capabilities/*.yaml IDs
-     -------------------------------------------------------------------------- */
-    --color-cap-ai: #7c3aed; /* violet */
-    --color-cap-business: #b45309; /* amber */
-    --color-cap-data: #0f766e; /* teal */
-    --color-cap-delivery: #dc2626; /* red */
-    --color-cap-documentation: #15803d; /* green */
-    --color-cap-ml: #9333ea; /* purple */
-    --color-cap-people: #be185d; /* pink */
-    --color-cap-process: #c2410c; /* orange */
-    --color-cap-product: #4f46e5; /* indigo */
-    --color-cap-reliability: #0891b2; /* cyan */
-    --color-cap-scale: #1d4ed8; /* blue */
-
-    /* --------------------------------------------------------------------------
-     Colors - Capabilities (backgrounds)
-     -------------------------------------------------------------------------- */
-    --color-cap-ai-light: #ede9fe; /* violet */
-    --color-cap-business-light: #fef3c7; /* amber */
-    --color-cap-data-light: #ccfbf1; /* teal */
-    --color-cap-delivery-light: #fecaca; /* red */
-    --color-cap-documentation-light: #dcfce7; /* green */
-    --color-cap-ml-light: #f3e8ff; /* purple */
-    --color-cap-people-light: #fce7f3; /* pink */
-    --color-cap-process-light: #ffedd5; /* orange */
-    --color-cap-product-light: #e0e7ff; /* indigo */
-    --color-cap-reliability-light: #cffafe; /* cyan */
-    --color-cap-scale-light: #dbeafe; /* blue */
-
-    /* --------------------------------------------------------------------------
-     Colors - Neutrals
-     -------------------------------------------------------------------------- */
-    --color-bg: #f8fafc;
-    --color-bg-secondary: #f1f5f9;
-    --color-surface: #ffffff;
-    --color-border: #e2e8f0;
-    --color-text: #1e293b;
-    --color-text-muted: #64748b;
-    --color-text-secondary: #475569;
-    --color-text-light: #94a3b8;
-
-    /* --------------------------------------------------------------------------
-     Colors - Status
-     -------------------------------------------------------------------------- */
-    --color-success: #10b981;
-    --color-warning: #f59e0b;
-    --color-error: #ef4444;
-    --color-info: #3b82f6;
-
-    /* --------------------------------------------------------------------------
-     Colors - Graph Nodes (entity types)
-     -------------------------------------------------------------------------- */
-    --color-node-driver: #4caf50;
-    --color-node-skill: #2196f3;
-    --color-node-behaviour: #9c27b0;
-    --color-node-discipline: #ff9800;
-    --color-node-track: #00bcd4;
-
-    /* --------------------------------------------------------------------------
-     Spacing
-     -------------------------------------------------------------------------- */
-    --space-xs: 0.25rem;
-    --space-sm: 0.5rem;
-    --space-md: 1rem;
-    --space-lg: 1.5rem;
-    --space-xl: 2rem;
-    --space-2xl: 3rem;
-
-    /* --------------------------------------------------------------------------
-     Border Radius
-     -------------------------------------------------------------------------- */
-    --radius-sm: 0.25rem;
-    --radius-md: 0.5rem;
-    --radius-lg: 0.75rem;
-    --radius-xl: 1rem;
-
-    /* --------------------------------------------------------------------------
-     Shadows
-     -------------------------------------------------------------------------- */
-    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-    --shadow-md:
-      0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-    --shadow-lg:
-      0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-
-    /* --------------------------------------------------------------------------
-     Typography
-     -------------------------------------------------------------------------- */
-    --font-family:
-      system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-      sans-serif;
-    --font-family-mono:
-      "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo,
-      Consolas, monospace;
-    --font-size-xs: 0.75rem;
-    --font-size-sm: 0.875rem;
-    --font-size-base: 1rem;
-    --font-size-lg: 1.125rem;
-    --font-size-xl: 1.25rem;
-    --font-size-2xl: 1.5rem;
-    --font-size-3xl: 2rem;
-
-    /* --------------------------------------------------------------------------
-     Layout
-     -------------------------------------------------------------------------- */
-    --max-width: 1400px;
-    --drawer-width: 240px;
-    --top-bar-height: 48px;
-
-    /*
-   * Responsive breakpoints (used in @media queries):
-   * - 1280px: Tablet/laptop - layout stacking
-   * - 768px: Mobile - drawer overlays instead of pushing content
-   * - 640px: Mobile - full-width buttons, simplified layouts
-   */
-  }
-}

package/src/css/views/handout.css

@@ -1,30 +0,0 @@
-/**
- * Handout View Styles
- *
- * Handout-specific styles that override slide view.
- */
-
-@layer handout {
-  .handout-view {
-    padding: var(--space-lg);
-  }
-
-  .handout-view .detail-page {
-    margin-bottom: var(--space-xl);
-    padding-bottom: var(--space-xl);
-    border-bottom: 3px solid var(--color-border);
-  }
-
-  .handout-view .detail-page:last-child {
-    border-bottom: none;
-    margin-bottom: 0;
-    padding-bottom: 0;
-  }
-
-  .handout-section-title {
-    font-size: var(--font-size-xl);
-    margin-bottom: var(--space-lg);
-    padding-bottom: var(--space-sm);
-    border-bottom: 2px solid var(--color-primary);
-  }
-}