lutaml 0.10.19 → 0.11.2

data/templates/static_site/assets/styles/00-variables.css

@@ -1,144 +0,0 @@
-/* LutaML UML Browser — Branded Design System */
-
-:root {
-  /* Primary — LutaML Blue (#5b9cd4) */
-  --color-primary: #5b9cd4;
-  --color-primary-light: #7db5e2;
-  --color-primary-dark: #26489e;
-  --color-primary-alpha: rgba(91, 156, 212, 0.12);
-
-  /* Accent — Golden Yellow (#dbab3e) */
-  --color-accent: #dbab3e;
-  --color-accent-light: #f0ca6e;
-  --color-accent-alpha: rgba(219, 171, 62, 0.12);
-
-  /* Semantic */
-  --color-teal: #60c3a7;
-  --color-teal-alpha: rgba(96, 195, 167, 0.12);
-  --color-orange: #ea5624;
-  --color-orange-alpha: rgba(234, 86, 36, 0.12);
-  --color-red: #b31f24;
-  --color-red-alpha: rgba(179, 31, 36, 0.12);
-  --color-green: #7cc242;
-  --color-green-alpha: rgba(124, 194, 66, 0.12);
-
-  /* Backgrounds — Warm Stones */
-  --bg-primary: #FAFAF9;
-  --bg-secondary: #F5F5F4;
-  --bg-elevated: #FFFFFF;
-  --bg-overlay: rgba(28, 25, 23, 0.5);
-  --bg-hover: rgba(28, 25, 23, 0.04);
-  --bg-active: rgba(28, 25, 23, 0.06);
-
-  /* Text — Warm Grays */
-  --text-primary: #1C1917;
-  --text-secondary: #57534E;
-  --text-muted: #A8A29E;
-
-  /* Borders */
-  --border-light: #E7E5E4;
-  --border-medium: #D6D3D1;
-  --border-focus: #5b9cd4;
-
-  /* Badge Colors */
-  --badge-class: #26489e;
-  --badge-class-bg: rgba(38, 72, 158, 0.12);
-  --badge-enum: #dbab3e;
-  --badge-enum-bg: rgba(219, 171, 62, 0.15);
-  --badge-datatype: #60c3a7;
-  --badge-datatype-bg: rgba(96, 195, 167, 0.15);
-  --badge-interface: #5b9cd4;
-  --badge-interface-bg: rgba(91, 156, 212, 0.12);
-  --badge-package: #ea5624;
-  --badge-package-bg: rgba(234, 86, 36, 0.12);
-  --badge-diagram: #7cc242;
-  --badge-diagram-bg: rgba(124, 194, 66, 0.12);
-  --badge-abstract: #b31f24;
-  --badge-abstract-bg: rgba(179, 31, 36, 0.12);
-
-  /* Shadows */
-  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);
-  --shadow-md: 0 4px 6px -1px rgba(28, 25, 23, 0.07), 0 2px 4px -1px rgba(28, 25, 23, 0.04);
-  --shadow-lg: 0 10px 15px -3px rgba(28, 25, 23, 0.08), 0 4px 6px -2px rgba(28, 25, 23, 0.04);
-
-  /* Typography */
-  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  --font-mono: 'JetBrains Mono', 'SF Mono', Monaco, 'Consolas', monospace;
-
-  /* Type Scale */
-  --text-xs: 0.75rem;
-  --text-sm: 0.875rem;
-  --text-base: 1rem;
-  --text-lg: 1.125rem;
-  --text-xl: 1.25rem;
-  --text-2xl: 1.5rem;
-  --text-3xl: 1.875rem;
-
-  /* Line Heights */
-  --leading-tight: 1.25;
-  --leading-normal: 1.5;
-  --leading-relaxed: 1.75;
-
-  /* Spacing */
-  --space-1: 0.25rem;
-  --space-2: 0.5rem;
-  --space-3: 0.75rem;
-  --space-4: 1rem;
-  --space-5: 1.25rem;
-  --space-6: 1.5rem;
-  --space-8: 2rem;
-  --space-10: 2.5rem;
-  --space-12: 3rem;
-
-  /* Border Radius */
-  --radius-sm: 0.25rem;
-  --radius-md: 0.375rem;
-  --radius-lg: 0.5rem;
-  --radius-xl: 0.75rem;
-
-  /* Transitions */
-  --transition-fast: 100ms ease;
-  --transition-normal: 150ms ease;
-  --transition-slow: 200ms ease-out;
-
-  /* Layout */
-  --sidebar-width: 280px;
-  --header-height: 56px;
-
-  /* Z-index */
-  --z-sidebar: 10;
-  --z-header: 20;
-  --z-search-overlay: 100;
-  --z-modal: 200;
-}
-
-/* Dark Mode */
-#app.dark {
-  --bg-primary: #1a1a24;
-  --bg-secondary: #232736;
-  --bg-elevated: #2d3344;
-  --bg-overlay: rgba(0, 0, 0, 0.7);
-  --bg-hover: rgba(255, 255, 255, 0.06);
-  --bg-active: rgba(255, 255, 255, 0.10);
-
-  --text-primary: #e8edf4;
-  --text-secondary: #a8b4c8;
-  --text-muted: #6b7a8f;
-
-  --border-light: #3a4256;
-  --border-medium: #4a5572;
-  --border-focus: #5b9cd4;
-
-  --badge-class-bg: rgba(91, 156, 212, 0.2);
-  --badge-class: #5b9cd4;
-  --badge-enum-bg: rgba(219, 171, 62, 0.2);
-  --badge-datatype-bg: rgba(96, 195, 167, 0.2);
-  --badge-interface-bg: rgba(91, 156, 212, 0.2);
-  --badge-package-bg: rgba(234, 86, 36, 0.2);
-  --badge-diagram-bg: rgba(124, 194, 66, 0.2);
-  --badge-abstract-bg: rgba(179, 31, 36, 0.2);
-
-  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
-  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
-  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
-}

data/templates/static_site/assets/styles/01-reset.css

@@ -1,69 +0,0 @@
-/* Modern CSS Reset */
-
-*, *::before, *::after {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-html {
-  font-size: 16px;
-  -webkit-text-size-adjust: 100%;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-body {
-  min-height: 100vh;
-  font-family: var(--font-sans);
-  font-size: var(--text-base);
-  line-height: var(--leading-normal);
-  color: var(--text-primary);
-  background-color: var(--bg-primary);
-}
-
-ul, ol { list-style: none; }
-
-img, picture, video, canvas, svg {
-  display: block;
-  max-width: 100%;
-}
-
-input, button, textarea, select {
-  font: inherit;
-  color: inherit;
-}
-
-button {
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-family: inherit;
-  font-size: inherit;
-}
-
-a {
-  color: var(--color-primary);
-  text-decoration: none;
-  transition: color var(--transition-fast);
-}
-
-a:hover {
-  color: var(--color-primary-dark);
-  text-decoration: underline;
-}
-
-p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-  }
-}

data/templates/static_site/assets/styles/02-base.css

@@ -1,144 +0,0 @@
-/* Typography */
-
-h1, h2, h3, h4, h5, h6 {
-  font-weight: 600;
-  line-height: var(--leading-tight);
-  color: var(--text-primary);
-}
-
-h1 { font-size: var(--text-2xl); }
-h2 { font-size: var(--text-xl); }
-h3 { font-size: var(--text-lg); }
-h4 { font-size: var(--text-base); color: var(--text-secondary); }
-
-code, pre {
-  font-family: var(--font-mono);
-  font-size: 0.9em;
-}
-
-code {
-  background: var(--bg-secondary);
-  padding: 0.125em 0.375em;
-  border-radius: var(--radius-sm);
-}
-
-pre {
-  background: var(--bg-secondary);
-  padding: var(--space-4);
-  border-radius: var(--radius-md);
-  overflow-x: auto;
-}
-
-pre code {
-  background: none;
-  padding: 0;
-}
-
-kbd {
-  display: inline-block;
-  padding: 2px 5px;
-  font-family: var(--font-mono);
-  font-size: 10px;
-  background: var(--bg-elevated);
-  border: 1px solid var(--border-medium);
-  border-radius: var(--radius-sm);
-}
-
-mark {
-  background: var(--color-accent-alpha);
-  color: var(--color-accent);
-  padding: 0 2px;
-  border-radius: 2px;
-}
-
-/* Scrollbars */
-::-webkit-scrollbar { width: 8px; height: 8px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: var(--border-medium); border-radius: 4px; }
-::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }
-
-/* Animations */
-@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
-@keyframes slideIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }
-@keyframes slideUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
-
-/* Buttons */
-.btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-2);
-  padding: var(--space-2) var(--space-4);
-  font-size: var(--text-sm);
-  font-weight: 500;
-  border-radius: var(--radius-md);
-  transition: all var(--transition-fast);
-}
-
-.btn-primary {
-  background: var(--color-primary);
-  color: white;
-}
-
-.btn-primary:hover {
-  background: var(--color-primary-dark);
-}
-
-.btn-secondary {
-  background: var(--bg-secondary);
-  color: var(--text-primary);
-  border: 1px solid var(--border-medium);
-}
-
-.btn-secondary:hover {
-  background: var(--bg-hover);
-}
-
-.btn-ghost {
-  color: var(--text-secondary);
-}
-
-.btn-ghost:hover {
-  background: var(--bg-hover);
-  color: var(--text-primary);
-}
-
-/* Input */
-.input {
-  width: 100%;
-  padding: var(--space-2) var(--space-3);
-  font-size: var(--text-sm);
-  background: var(--bg-elevated);
-  border: 1px solid var(--border-light);
-  border-radius: var(--radius-md);
-  color: var(--text-primary);
-  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
-}
-
-.input:focus {
-  outline: none;
-  border-color: var(--border-focus);
-  box-shadow: 0 0 0 3px var(--color-primary-alpha);
-}
-
-.input::placeholder { color: var(--text-muted); }
-
-/* Badge */
-.badge {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.125rem 0.5rem;
-  font-size: var(--text-xs);
-  font-weight: 500;
-  border-radius: var(--radius-sm);
-  text-transform: uppercase;
-  letter-spacing: 0.025em;
-}
-
-/* Cards */
-.card {
-  background: var(--bg-elevated);
-  border: 1px solid var(--border-light);
-  border-radius: var(--radius-lg);
-  box-shadow: var(--shadow-sm);
-}

data/templates/static_site/assets/styles/03-layout.css

@@ -1,121 +0,0 @@
-/* Layout — LutaML Branded */
-
-#app {
-  display: flex;
-  height: 100vh;
-  overflow: hidden;
-}
-
-/* Main column (header + content) */
-.main-content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-/* Header */
-.app-header {
-  height: var(--header-height);
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  padding: 0 var(--space-4);
-  background: var(--bg-elevated);
-  border-bottom: 1px solid var(--border-light);
-  gap: var(--space-4);
-  z-index: var(--z-header);
-}
-
-.header-left {
-  display: flex;
-  align-items: center;
-  gap: var(--space-3);
-}
-
-.header-center {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  max-width: 480px;
-  margin: 0 auto;
-}
-
-.header-right {
-  display: flex;
-  align-items: center;
-  gap: var(--space-1);
-}
-
-/* Sidebar */
-.sidebar {
-  width: var(--sidebar-width);
-  flex-shrink: 0;
-  background: var(--bg-secondary);
-  border-right: 1px solid var(--border-light);
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  z-index: var(--z-sidebar);
-}
-
-.sidebar.collapsed {
-  width: 0;
-}
-
-.sidebar-content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  min-width: var(--sidebar-width);
-}
-
-/* Content area */
-.content-area {
-  flex: 1;
-  overflow: auto;
-  padding: var(--space-6);
-  background: var(--bg-primary);
-}
-
-/* Responsive */
-@media (max-width: 1023px) {
-  .sidebar {
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    box-shadow: var(--shadow-lg);
-  }
-
-  .sidebar.collapsed {
-    width: 0;
-    overflow: hidden;
-  }
-
-  .sidebar-toggle {
-    display: flex !important;
-  }
-
-  .header-center {
-    max-width: none;
-  }
-}
-
-@media (max-width: 767px) {
-  :root {
-    --sidebar-width: 280px;
-    --header-height: 48px;
-  }
-
-  .content-area {
-    padding: var(--space-4);
-  }
-}
-
-@media (min-width: 1280px) {
-  :root {
-    --sidebar-width: 320px;
-  }
-}