@happyvertical/smrt-ui 0.30.0

package/dist/theme/tokens.d.ts

@@ -0,0 +1,309 @@
+/**
+ * Material 3 Design Tokens
+ *
+ * Based on Material Design 3 color system with semantic tokens
+ * for consistent theming across components.
+ *
+ * NOTE: this is the simple/legacy `src/theme/` ThemeProvider. The canonical
+ * full token surface (spacing + typography included) lives in the preset
+ * system under `src/themes/` (Material/Glass/Studio + css-generator.ts). The
+ * additive Material-3 aliases (issue #1431) are imported from the shared
+ * preset tokens so both providers stay in lock-step where their categories
+ * overlap.
+ */
+/**
+ * Color scheme type
+ */
+export type ColorScheme = 'light' | 'dark' | 'system';
+/**
+ * Theme configuration
+ */
+export interface ThemeConfig {
+    /** Color scheme preference */
+    colorScheme: ColorScheme;
+    /** Primary color (hex) */
+    primaryColor?: string;
+    /** Border radius scale */
+    borderRadius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    /** Custom CSS variables to override */
+    overrides?: Record<string, string>;
+}
+/**
+ * Default theme configuration
+ */
+export declare const defaultThemeConfig: ThemeConfig;
+/**
+ * Material 3 color palette
+ * Light theme semantic colors
+ */
+export declare const lightColors: {
+    primary: string;
+    onPrimary: string;
+    primaryContainer: string;
+    onPrimaryContainer: string;
+    secondary: string;
+    onSecondary: string;
+    secondaryContainer: string;
+    onSecondaryContainer: string;
+    tertiary: string;
+    onTertiary: string;
+    tertiaryContainer: string;
+    onTertiaryContainer: string;
+    error: string;
+    onError: string;
+    errorContainer: string;
+    onErrorContainer: string;
+    warning: string;
+    onWarning: string;
+    warningContainer: string;
+    onWarningContainer: string;
+    success: string;
+    onSuccess: string;
+    successContainer: string;
+    onSuccessContainer: string;
+    surface: string;
+    onSurface: string;
+    surfaceVariant: string;
+    onSurfaceVariant: string;
+    surfaceContainer: string;
+    surfaceContainerLow: string;
+    surfaceContainerHigh: string;
+    surfaceContainerHighest: string;
+    surfaceContainerLowest: string;
+    surfaceDim: string;
+    surfaceBright: string;
+    outline: string;
+    outlineVariant: string;
+    background: string;
+    onBackground: string;
+    inverseSurface: string;
+    inverseOnSurface: string;
+    inversePrimary: string;
+    shadow: string;
+    scrim: string;
+};
+/**
+ * Material 3 color palette
+ * Dark theme semantic colors
+ */
+export declare const darkColors: {
+    primary: string;
+    onPrimary: string;
+    primaryContainer: string;
+    onPrimaryContainer: string;
+    secondary: string;
+    onSecondary: string;
+    secondaryContainer: string;
+    onSecondaryContainer: string;
+    tertiary: string;
+    onTertiary: string;
+    tertiaryContainer: string;
+    onTertiaryContainer: string;
+    error: string;
+    onError: string;
+    errorContainer: string;
+    onErrorContainer: string;
+    warning: string;
+    onWarning: string;
+    warningContainer: string;
+    onWarningContainer: string;
+    success: string;
+    onSuccess: string;
+    successContainer: string;
+    onSuccessContainer: string;
+    surface: string;
+    onSurface: string;
+    surfaceVariant: string;
+    onSurfaceVariant: string;
+    surfaceContainer: string;
+    surfaceContainerLow: string;
+    surfaceContainerHigh: string;
+    surfaceContainerHighest: string;
+    surfaceContainerLowest: string;
+    surfaceDim: string;
+    surfaceBright: string;
+    outline: string;
+    outlineVariant: string;
+    background: string;
+    onBackground: string;
+    inverseSurface: string;
+    inverseOnSurface: string;
+    inversePrimary: string;
+    shadow: string;
+    scrim: string;
+};
+/**
+ * Typography scale
+ */
+export declare const typography: {
+    displayLarge: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    displayMedium: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    displaySmall: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    headlineLarge: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    headlineMedium: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    headlineSmall: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    titleLarge: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    titleMedium: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    titleSmall: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    bodyLarge: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    bodyMedium: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    bodySmall: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    labelLarge: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    labelMedium: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+    labelSmall: {
+        size: string;
+        lineHeight: string;
+        weight: string;
+        tracking: string;
+    };
+};
+/**
+ * Spacing scale (in rem)
+ */
+export declare const spacing: {
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+};
+/**
+ * Border radius scale
+ */
+export declare const borderRadius: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    full: string;
+};
+/**
+ * Shadow elevation scale (Material 3 style)
+ */
+export declare const elevation: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+/**
+ * Transition durations
+ */
+export declare const duration: {
+    instant: string;
+    fast: string;
+    normal: string;
+    slow: string;
+    slower: string;
+};
+/**
+ * Transition easings (Material 3 style)
+ */
+export declare const easing: {
+    standard: string;
+    standardDecelerate: string;
+    standardAccelerate: string;
+    emphasized: string;
+    emphasizedDecelerate: string;
+    emphasizedAccelerate: string;
+};
+/**
+ * Generate CSS custom properties from colors
+ */
+export declare function generateColorVariables(colors: typeof lightColors): Record<string, string>;
+/**
+ * Generate all CSS custom properties for a theme
+ */
+export declare function generateThemeVariables(isDark: boolean): Record<string, string>;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/theme/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAWH;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,8BAA8B;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACpD,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAIhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoGtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;CASxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC;AAEF;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,OAAO,WAAW,GACzB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAOxB;AAwCD;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,OAAO,GACd,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA6DxB"}