fix(status-dashboard): inline ThemeInterface in styled.d.ts

Inline the theme type definition to avoid package resolution issues
between codebase (@ui/theme) and releases (@lilith/ui-theme).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Quinn Ftw 2025-12-27 22:28:24 -08:00
parent 10050519e5
commit 771328f4dd
2 changed files with 168 additions and 6 deletions

View file

@ -1,8 +1,8 @@
{
"major": 0,
"merges": 0,
"builds": 13,
"version": "0.0.13",
"builds": 14,
"version": "0.0.14",
"lastMerge": null,
"lastBuild": "2025-12-27T22:24:55-08:00"
"lastBuild": "2025-12-27T22:28:25-08:00"
}

View file

@ -1,13 +1,175 @@
/**
* Styled Components Type Augmentation
*
* Extends styled-components DefaultTheme with ThemeInterface from @ui/theme.
* This allows TypeScript to recognize theme properties in styled components.
* Extends styled-components DefaultTheme with theme properties.
* Inlined to avoid package resolution issues between codebase and releases.
*/
import 'styled-components';
import type { ThemeInterface } from '@ui/theme';
interface ThemeInterface {
colors: {
primary: string;
secondary: string;
accent: string;
background: {
primary: string;
secondary: string;
tertiary: string;
};
surface: string;
text: {
primary: string;
secondary: string;
tertiary: string;
muted: string;
};
border: string;
success: string;
warning: string;
error: string;
info: string;
hover: {
primary: string;
secondary: string;
surface: string;
};
active: {
primary: string;
secondary: string;
};
disabled: {
background: string;
text: string;
};
};
spacing: {
xxxs?: string;
xxs?: string;
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
xxl: string;
xxxl?: string;
xxxxl?: string;
xxxxxl?: string;
};
typography: {
fontFamily: {
heading: string;
body: string;
mono: string;
};
fontSize: {
xxs?: string;
xs: string;
sm: string;
md: string;
base: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
'4xl': string;
'5xl': string;
};
fontWeight: {
light: number;
normal: number;
medium: number;
semibold: number;
bold: number;
};
lineHeight: {
tight: number;
normal: number;
relaxed: number;
loose: number;
};
};
letterSpacing?: {
tight?: string;
normal?: string;
wide?: string;
};
borderWidth?: {
thin?: string;
medium?: string;
thick?: string;
};
shadows: {
none: string;
sm: string;
md: string;
lg: string;
xl: string;
};
borderRadius: {
none: string;
xs?: string;
sm: string;
md: string;
lg: string;
xl?: string;
full: string;
};
transitions: {
fast: string;
normal: string;
slow: string;
};
zIndex: {
base: number;
dropdown: number;
sticky: number;
fixed: number;
modal: number;
popover: number;
tooltip: number;
toast: number;
};
breakpoints: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
};
extensions?: {
cyberpunk?: {
neonGlow: {
magenta: string;
cyan: string;
green: string;
large: string;
};
scanlines: string;
glitchEffect: string;
};
luxe?: {
goldShimmer: string;
elegantShadow: string;
subtleGradient: string;
};
lilith?: {
crimsonGradient: string;
purpleGradient: string;
goldShimmer: string;
crimsonGlow: string;
purpleGlow: string;
goldGlow: string;
warmBackground: string;
darkVariant: {
background: string;
surface: string;
text: string;
};
};
};
}
declare module 'styled-components' {
export interface DefaultTheme extends ThemeInterface {}