@saas-ui/react 3.0.0-next.2 → 3.0.0-next.20

package/dist/theme/semantic-tokens/colors.d.ts

@@ -0,0 +1,1292 @@
+export declare const semanticColors: {
+    presence: {
+        online: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        offline: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        busy: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        dnd: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        away: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    status: {
+        success: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        error: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        warning: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        info: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    sidebar: {
+        bg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        border: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        accent: {
+            bg: {
+                value: {
+                    _light: string;
+                    _dark: string;
+                };
+            };
+            fg: {
+                value: {
+                    _light: string;
+                    _dark: string;
+                };
+            };
+        };
+    };
+    bg: {
+        DEFAULT: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        inverted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        panel: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        overlay: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        backdrop: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        error: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        warning: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        success: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        info: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    fg: {
+        DEFAULT: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        inverted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        error: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        warning: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        success: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        info: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    border: {
+        DEFAULT: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        inverted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        error: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        warning: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        success: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        info: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    accent: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    neutral: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    slate: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    gray: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    zinc: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    stone: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    red: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    orange: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    amber: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    yellow: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    lime: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    green: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    emerald: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    teal: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    cyan: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    sky: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    blue: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    indigo: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    violet: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    purple: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    fuchsia: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    pink: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+    rose: {
+        contrast: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        fg: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        muted: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        subtle: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        emphasized: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        solid: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        focusRing: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
+};