chore: update TypeScript build info cache for Angular 20.3.3
This commit is contained in:
@@ -0,0 +1,189 @@
|
||||
@tailwind components;
|
||||
|
||||
@layer components {
|
||||
.bg-app {
|
||||
background-color: var(--bg-main);
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.bg-surface {
|
||||
background-color: var(--card);
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.bg-surface-elevated {
|
||||
background-color: var(--elevated);
|
||||
color: var(--text-main);
|
||||
box-shadow: var(--shadow-lg);
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.border-app {
|
||||
border-color: var(--border);
|
||||
}
|
||||
|
||||
.ring-app {
|
||||
--tw-ring-color: var(--ring);
|
||||
--tw-ring-offset-color: var(--bg-main);
|
||||
}
|
||||
|
||||
.btn {
|
||||
@apply inline-flex items-center justify-center gap-2 font-medium transition-colors duration-150 ease-in-out focus-visible:outline-none focus-visible:ring-2;
|
||||
min-height: 3.5rem;
|
||||
min-width: 3rem;
|
||||
padding-inline: 1.25rem;
|
||||
border-radius: var(--radius-xl);
|
||||
letter-spacing: 0.01em;
|
||||
--tw-ring-color: var(--ring);
|
||||
--tw-ring-offset-width: var(--focus-ring-offset);
|
||||
--tw-ring-offset-color: var(--bg-main);
|
||||
box-shadow: var(--shadow-md);
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
min-height: 3rem;
|
||||
padding-inline: 1rem;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
min-height: 4rem;
|
||||
padding-inline: 1.5rem;
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
@apply text-white;
|
||||
background-color: var(--brand);
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background-color: var(--brand-700);
|
||||
}
|
||||
|
||||
.btn-primary:active {
|
||||
background-color: var(--brand-800);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
color: var(--text-main);
|
||||
background-color: var(--bg-muted);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
background-color: color-mix(in srgb, var(--bg-muted) 85%, var(--brand) 15%);
|
||||
}
|
||||
|
||||
.btn-secondary:active {
|
||||
background-color: color-mix(in srgb, var(--bg-muted) 75%, var(--brand-700) 25%);
|
||||
}
|
||||
|
||||
.btn-ghost {
|
||||
color: var(--text-main);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn-ghost:hover {
|
||||
background-color: color-mix(in srgb, var(--bg-muted) 65%, transparent);
|
||||
}
|
||||
|
||||
.btn-ghost:active {
|
||||
background-color: color-mix(in srgb, var(--bg-muted) 80%, var(--brand) 20%);
|
||||
}
|
||||
|
||||
.btn-destructive {
|
||||
@apply text-white;
|
||||
background-color: var(--danger);
|
||||
}
|
||||
|
||||
.btn-destructive:hover {
|
||||
background-color: color-mix(in srgb, var(--danger) 90%, var(--danger) 10%);
|
||||
}
|
||||
|
||||
.btn-destructive:active {
|
||||
background-color: color-mix(in srgb, var(--danger) 85%, transparent);
|
||||
}
|
||||
|
||||
.btn:disabled,
|
||||
.btn[aria-disabled="true"] {
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-icon {
|
||||
min-width: 3rem;
|
||||
padding-inline: 0.75rem;
|
||||
}
|
||||
|
||||
.chip {
|
||||
@apply inline-flex items-center gap-2 rounded-full border border-app px-3 py-1 text-sm font-medium;
|
||||
min-height: 3rem;
|
||||
background-color: color-mix(in srgb, var(--bg-muted) 88%, transparent);
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.chip-selected {
|
||||
border-color: var(--accent);
|
||||
background-color: color-mix(in srgb, var(--accent) 25%, transparent);
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.badge {
|
||||
@apply inline-flex items-center rounded-full px-2.5 py-1 text-xs font-semibold uppercase tracking-wide;
|
||||
background-color: color-mix(in srgb, var(--bg-muted) 90%, transparent);
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.card {
|
||||
border-radius: var(--radius-xl);
|
||||
border: 1px solid var(--border);
|
||||
background-color: var(--card);
|
||||
box-shadow: var(--shadow-md);
|
||||
}
|
||||
|
||||
.panel {
|
||||
border-radius: var(--radius-lg);
|
||||
border: 1px solid var(--border);
|
||||
background-color: var(--card);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.input,
|
||||
.textarea,
|
||||
.select {
|
||||
@apply w-full rounded-xl border border-app bg-card px-4 py-2.5 text-sm text-text-main shadow-sm placeholder:text-muted focus-visible:outline-none focus-visible:ring-2;
|
||||
--tw-ring-color: var(--ring);
|
||||
--tw-ring-offset-width: var(--focus-ring-offset);
|
||||
--tw-ring-offset-color: var(--bg-main);
|
||||
}
|
||||
|
||||
.input:disabled,
|
||||
.textarea:disabled,
|
||||
.select:disabled {
|
||||
opacity: 0.65;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.kbd {
|
||||
@apply inline-flex items-center justify-center rounded-md border border-app px-2 py-1 text-[0.75rem] font-medium uppercase tracking-widest;
|
||||
background-color: color-mix(in srgb, var(--bg-muted) 75%, transparent);
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.shadow-subtle {
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.shadow-surface {
|
||||
box-shadow: var(--shadow-md);
|
||||
}
|
||||
|
||||
.shadow-elevated {
|
||||
box-shadow: var(--shadow-lg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
:root {
|
||||
--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
|
||||
--font-mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;
|
||||
--radius-sm: 0.5rem;
|
||||
--radius-md: 0.75rem;
|
||||
--radius-lg: 1rem;
|
||||
--radius-xl: 1.25rem;
|
||||
--radius-full: 9999px;
|
||||
--shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
|
||||
--shadow-md: 0 8px 24px rgba(15, 23, 42, 0.12);
|
||||
--shadow-lg: 0 20px 45px rgba(15, 23, 42, 0.16);
|
||||
--focus-ring-size: 2px;
|
||||
--focus-ring-offset: 2px;
|
||||
--focus-ring-style: 0 0 0 var(--focus-ring-size) var(--ring);
|
||||
--transition-base: 150ms ease;
|
||||
--transition-fast: 120ms ease;
|
||||
--transition-slow: 200ms ease;
|
||||
--container-max: 80rem;
|
||||
--container-gutter: clamp(1.5rem, 4vw, 2.75rem);
|
||||
}
|
||||
|
||||
:root[data-theme="light"] {
|
||||
color-scheme: light;
|
||||
--bg-main: #f7f7f7;
|
||||
--bg-muted: #eef0f2;
|
||||
--text-main: #111827;
|
||||
--text-muted: #6b7280;
|
||||
--border: #e5e7eb;
|
||||
--brand: #3a68d1;
|
||||
--brand-700: #2f56ab;
|
||||
--brand-800: #254487;
|
||||
--accent: #14b8a6;
|
||||
--success: #22c55e;
|
||||
--warning: #f59e0b;
|
||||
--danger: #ef4444;
|
||||
--info: #0ea5e9;
|
||||
--card: #ffffff;
|
||||
--elevated: #ffffff;
|
||||
--ring: #3a68d1;
|
||||
--shadow-color: rgba(15, 23, 42, 0.08);
|
||||
--scrollbar-thumb: rgba(148, 163, 184, 0.45);
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] {
|
||||
color-scheme: dark;
|
||||
--bg-main: #111827;
|
||||
--bg-muted: #1f2937;
|
||||
--text-main: #e5e7eb;
|
||||
--text-muted: #9ca3af;
|
||||
--border: #374151;
|
||||
--brand: #6f96e4;
|
||||
--brand-700: #5678b9;
|
||||
--brand-800: #415a8c;
|
||||
--accent: #2dd4bf;
|
||||
--success: #22c55e;
|
||||
--warning: #fbbf24;
|
||||
--danger: #f87171;
|
||||
--info: #38bdf8;
|
||||
--card: #0f172a;
|
||||
--elevated: #111827;
|
||||
--ring: #6f96e4;
|
||||
--shadow-color: rgba(15, 23, 42, 0.5);
|
||||
--scrollbar-thumb: rgba(75, 85, 99, 0.6);
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] body {
|
||||
background-color: var(--bg-main);
|
||||
}
|
||||
|
||||
:root[data-theme="light"] body {
|
||||
background-color: var(--bg-main);
|
||||
}
|
||||
Reference in New Issue
Block a user