@salesmind-ai/design-system 0.3.10 → 0.3.12

package/dist/{AppearanceProvider-C36a8-eb.d.cts → AppearanceProvider-B_o-H39e.d.cts}

@@ -28,6 +28,19 @@ interface AppearanceContextValue extends AppearanceSettings {
 /** Detect system color scheme preference */
 /** Convert hex color to RGB triplet string (e.g., "255, 45, 138") */
 declare function hexToRgb(hex: string): string;
+/**
+ * Compute relative luminance of an RGB triplet using the WCAG 2.1 formula.
+ * Returns a value between 0 (black) and 1 (white).
+ * @see https://www.w3.org/TR/WCAG21/#dfn-relative-luminance
+ */
+declare function relativeLuminance(r: number, g: number, b: number): number;
+/**
+ * Determine whether text on an accent-colored background should be black or white.
+ * Returns "0, 0, 0" for light accents and "255, 255, 255" for dark accents.
+ * Uses WCAG 2.1 relative luminance with a 0.179 threshold (equivalent to ~4.5:1
+ * contrast ratio against white).
+ */
+declare function accentForegroundRgb(hex: string): string;
 /** Check if user prefers reduced motion */
 declare function prefersReducedMotion(): boolean;
 interface AppearanceProviderProps {
@@ -42,4 +55,4 @@ declare function AppearanceProvider({ initialSettings, disablePersistence, child
 declare function useAppearance(): AppearanceContextValue;
 declare function initializeAppearance(settings?: Partial<AppearanceSettings>): void;
 
-export { type AppearanceContextValue as A, type Brand as B, type Density as D, type NavPlacement as N, type Radius as R, type Theme as T, AppearanceProvider as a, type AppearanceProviderProps as b, type AppearanceSettings as c, hexToRgb as h, initializeAppearance as i, prefersReducedMotion as p, useAppearance as u };
+export { type AppearanceContextValue as A, type Brand as B, type Density as D, type NavPlacement as N, type Radius as R, type Theme as T, AppearanceProvider as a, type AppearanceProviderProps as b, type AppearanceSettings as c, accentForegroundRgb as d, hexToRgb as h, initializeAppearance as i, prefersReducedMotion as p, relativeLuminance as r, useAppearance as u };

package/dist/{AppearanceProvider-C36a8-eb.d.ts → AppearanceProvider-B_o-H39e.d.ts}

@@ -28,6 +28,19 @@ interface AppearanceContextValue extends AppearanceSettings {
 /** Detect system color scheme preference */
 /** Convert hex color to RGB triplet string (e.g., "255, 45, 138") */
 declare function hexToRgb(hex: string): string;
+/**
+ * Compute relative luminance of an RGB triplet using the WCAG 2.1 formula.
+ * Returns a value between 0 (black) and 1 (white).
+ * @see https://www.w3.org/TR/WCAG21/#dfn-relative-luminance
+ */
+declare function relativeLuminance(r: number, g: number, b: number): number;
+/**
+ * Determine whether text on an accent-colored background should be black or white.
+ * Returns "0, 0, 0" for light accents and "255, 255, 255" for dark accents.
+ * Uses WCAG 2.1 relative luminance with a 0.179 threshold (equivalent to ~4.5:1
+ * contrast ratio against white).
+ */
+declare function accentForegroundRgb(hex: string): string;
 /** Check if user prefers reduced motion */
 declare function prefersReducedMotion(): boolean;
 interface AppearanceProviderProps {
@@ -42,4 +55,4 @@ declare function AppearanceProvider({ initialSettings, disablePersistence, child
 declare function useAppearance(): AppearanceContextValue;
 declare function initializeAppearance(settings?: Partial<AppearanceSettings>): void;
 
-export { type AppearanceContextValue as A, type Brand as B, type Density as D, type NavPlacement as N, type Radius as R, type Theme as T, AppearanceProvider as a, type AppearanceProviderProps as b, type AppearanceSettings as c, hexToRgb as h, initializeAppearance as i, prefersReducedMotion as p, useAppearance as u };
+export { type AppearanceContextValue as A, type Brand as B, type Density as D, type NavPlacement as N, type Radius as R, type Theme as T, AppearanceProvider as a, type AppearanceProviderProps as b, type AppearanceSettings as c, accentForegroundRgb as d, hexToRgb as h, initializeAppearance as i, prefersReducedMotion as p, relativeLuminance as r, useAppearance as u };

package/dist/admin/index.css

@@ -1804,7 +1804,7 @@
 .ds-signup__flag-display {
   display: flex;
   align-items: center;
-  gap: 6px;
+  gap: var(--space-2);
   padding: var(--space-3) var(--space-3) var(--space-3) var(--space-4);
   height: 100%;
   background: transparent;
@@ -1813,7 +1813,7 @@
   pointer-events: none;
 }
 .ds-signup__flag-icon {
-  font-size: 18px;
+  font-size: var(--font-size-lg);
   line-height: 1;
 }
 .ds-signup__phone-input-native {
@@ -2262,7 +2262,7 @@
   font-weight: var(--font-weight-medium);
   cursor: pointer;
   transition: color var(--transition-glass);
-  margin-left: 3px;
+  margin-left: var(--space-1);
 }
 .ds-forgot__link:hover:not(:disabled) {
   text-decoration: underline;