ymy-components 0.1.0 → 0.1.2

package/dist/theme/index.d.ts

@@ -1,4 +1,4 @@
-export type { ColorPalette, ColorThemeDefinition } from './palettes';
-export { defaultTheme } from './palettes';
+export type { ModeColorPalette } from './palettes';
+export { lightPalette, darkPalette } from './palettes';
 export { buildTheme, theme, hexToRgb } from './theme.builder';
 export type { ThemeType } from './theme.builder';

package/dist/theme/palettes/dark.palette.d.ts

@@ -0,0 +1,2 @@
+import { ModeColorPalette } from './types';
+export declare const darkPalette: ModeColorPalette;

package/dist/theme/palettes/index.d.ts

@@ -1,2 +1,3 @@
-export type { ColorPalette, ColorThemeDefinition } from './types';
-export { defaultTheme } from './default.palette';
+export type { ModeColorPalette } from './types';
+export { lightPalette } from './light.palette';
+export { darkPalette } from './dark.palette';

package/dist/theme/palettes/light.palette.d.ts

@@ -0,0 +1,2 @@
+import { ModeColorPalette } from './types';
+export declare const lightPalette: ModeColorPalette;

package/dist/theme/palettes/types.d.ts

@@ -1,49 +1,74 @@
-/** Shape of every color palette — slot names are role-based, not color-based */
-export interface ColorPalette {
-    teal50: string;
-    teal100: string;
-    teal200: string;
-    teal400: string;
-    teal600: string;
-    teal800: string;
-    teal900: string;
-    orange50: string;
-    orange100: string;
-    orange300: string;
-    orange400: string;
-    orange500: string;
-    green50: string;
-    green100: string;
-    green200: string;
-    green400: string;
-    green500: string;
-    green600: string;
-    green800: string;
-    red400: string;
-    red600: string;
-    white: string;
-    gray50: string;
-    gray100: string;
-    gray200: string;
-    gray300: string;
-    gray400: string;
-    gray500: string;
-    gray600: string;
-    gray700: string;
-    gray800: string;
-    gray900: string;
-    black: string;
-}
-/** Full definition for a color theme */
-export interface ColorThemeDefinition {
-    palette: ColorPalette;
-    /** Theme-specific dark mode overrides for colors not derivable from palette slots */
-    darkOverrides: {
-        secondaryContainer: string;
-        surface: string;
-        surfaceVariant: string;
-        surfaceContainer: string;
-        surfaceContainerHigh: string;
-        background: string;
-    };
+/** Per-mode color palette: every design token as a ready-to-use value */
+export interface ModeColorPalette {
+    primary: string;
+    onPrimary: string;
+    primaryContainer: string;
+    onPrimaryContainer: string;
+    primaryDark: string;
+    primaryDarker: string;
+    secondary: string;
+    onSecondary: string;
+    secondaryContainer: string;
+    onSecondaryContainer: string;
+    secondaryLight: string;
+    success: string;
+    onSuccess: string;
+    successContainer: string;
+    onSuccessContainer: string;
+    successSurface: string;
+    successDark: string;
+    successMuted: string;
+    error: string;
+    onError: string;
+    errorMuted: string;
+    surface: string;
+    onSurface: string;
+    surfaceVariant: string;
+    onSurfaceVariant: string;
+    surfaceContainer: string;
+    surfaceContainerHigh: string;
+    background: string;
+    onBackground: string;
+    outline: string;
+    outlineVariant: string;
+    shadow: string;
+    shadowLight: string;
+    shadowLighter: string;
+    shadowSubtle: string;
+    shadowFaint: string;
+    scrim: string;
+    scrimLight: string;
+    ripple: string;
+    whiteHigh: string;
+    whiteMedium: string;
+    whiteLow: string;
+    whiteHover: string;
+    keyboardSurface: string;
+    keyCharacter: string;
+    keyCharacterText: string;
+    keyDefault: string;
+    keyDefaultText: string;
+    keyWrong: string;
+    keyWrongMuted: string;
+    keyCorrect: string;
+    keyCorrectMuted: string;
+    keyAccentText: string;
+    keyDisabled: string;
+    keyDisabledText: string;
+    toggleTrackOn: string;
+    toggleTrackOff: string;
+    toggleThumbOn: string;
+    toggleThumbOff: string;
+    toggleHoverOn: string;
+    toggleHoverOff: string;
+    toggleFocusOn: string;
+    toggleFocusOff: string;
+    textShadowDark: string;
+    textShadow1: string;
+    textShadow2: string;
+    textShadow3: string;
+    primaryRgb: string;
+    backgroundRgb: string;
+    surfaceRgb: string;
+    primaryDarkerRgb: string;
 }

package/dist/theme/theme.builder.d.ts

@@ -1,17 +1,4 @@
-/**
- * Bold minimal color system
- *
- * Inspired by saturated single-color backgrounds with high-contrast text.
- * Light mode: sky blue splash, warm white cards, amber accents for contrast.
- * Dark mode: near-black with subtle green tint, soft green accents.
- *
- * Contrast targets (WCAG AA):
- *   - primary / onPrimary: >= 4.5:1 (normal text)
- *   - background / onBackground: >= 3:1 (large text — loading screen is 48-56px bold)
- *   - keyCharacter / keyCharacterText: >= 4.5:1 (normal text)
- *   - keyDefault / keyDefaultText: >= 4.5:1 (normal text)
- *   - error / onError: >= 4.5:1 (normal text)
- */
+import { ModeColorPalette } from './palettes/types';
 /** Convert a hex color (#rrggbb) to an "r, g, b" string for rgba() usage */
 export declare function hexToRgb(hex: string): string;
 /** Build a theme object for the given mode */
@@ -20,15 +7,6 @@ export declare function buildTheme(mode: 'light' | 'dark'): {
         readonly appStandardPadding: "1rem";
     };
     readonly colors: {
-        readonly primaryRgb: string;
-        readonly backgroundRgb: string;
-        readonly surfaceRgb: string;
-        readonly primaryDarkerRgb: string;
-        readonly primaryLight: string;
-        readonly backgroundHex: string;
-        readonly bottomNavBarBackgroundRgb: string;
-        readonly settingsBackgroundRgb: string;
-        readonly text: string;
         readonly primary: string;
         readonly onPrimary: string;
         readonly primaryContainer: string;
@@ -93,11 +71,23 @@ export declare function buildTheme(mode: 'light' | 'dark'): {
         readonly toggleFocusOn: string;
         readonly toggleFocusOff: string;
         readonly textShadowDark: string;
+        readonly textShadow1: string;
+        readonly textShadow2: string;
+        readonly textShadow3: string;
+        readonly primaryRgb: string;
+        readonly backgroundRgb: string;
+        readonly surfaceRgb: string;
+        readonly primaryDarkerRgb: string;
+        readonly primaryLight: string;
+        readonly backgroundHex: string;
+        readonly bottomNavBarBackgroundRgb: string;
+        readonly settingsBackgroundRgb: string;
+        readonly text: string;
     };
     readonly styling: {
         readonly borderRadiusPixel: number;
     };
-    readonly palette: import('./palettes').ColorPalette;
+    readonly palette: ModeColorPalette;
 };
 /** Default light theme (for backwards compatibility and tests) */
 export declare const theme: {
@@ -105,15 +95,6 @@ export declare const theme: {
         readonly appStandardPadding: "1rem";
     };
     readonly colors: {
-        readonly primaryRgb: string;
-        readonly backgroundRgb: string;
-        readonly surfaceRgb: string;
-        readonly primaryDarkerRgb: string;
-        readonly primaryLight: string;
-        readonly backgroundHex: string;
-        readonly bottomNavBarBackgroundRgb: string;
-        readonly settingsBackgroundRgb: string;
-        readonly text: string;
         readonly primary: string;
         readonly onPrimary: string;
         readonly primaryContainer: string;
@@ -178,11 +159,23 @@ export declare const theme: {
         readonly toggleFocusOn: string;
         readonly toggleFocusOff: string;
         readonly textShadowDark: string;
+        readonly textShadow1: string;
+        readonly textShadow2: string;
+        readonly textShadow3: string;
+        readonly primaryRgb: string;
+        readonly backgroundRgb: string;
+        readonly surfaceRgb: string;
+        readonly primaryDarkerRgb: string;
+        readonly primaryLight: string;
+        readonly backgroundHex: string;
+        readonly bottomNavBarBackgroundRgb: string;
+        readonly settingsBackgroundRgb: string;
+        readonly text: string;
     };
     readonly styling: {
         readonly borderRadiusPixel: number;
     };
-    readonly palette: import('./palettes').ColorPalette;
+    readonly palette: ModeColorPalette;
 };
 /** Type export for use in styled.d.ts augmentations */
 export type ThemeType = ReturnType<typeof buildTheme>;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "ymy-components",
 	"private": false,
-	"version": "0.1.0",
+	"version": "0.1.2",
 	"type": "module",
 	"main": "./dist/index.cjs",
 	"module": "./dist/index.js",

package/dist/theme/palettes/default.palette.d.ts

@@ -1,2 +0,0 @@
-import { ColorThemeDefinition } from './types';
-export declare const defaultTheme: ColorThemeDefinition;