aaf23fa33f
Re-scoped from @lilith/ui-theme to @cocotte/ui-theme. In-set cross-package deps re-pointed to @cocotte; out-of-set @lilith deps preserved (same Verdaccio). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
35 lines
No EOL
1.3 KiB
TypeScript
35 lines
No EOL
1.3 KiB
TypeScript
/**
|
|
* Scrollbar Styling Utilities
|
|
*
|
|
* Theme-aware scrollbar styles for consistent appearance across the platform.
|
|
* Supports both WebKit (Chrome, Edge, Safari) and Firefox (scrollbar-width).
|
|
*
|
|
* Usage as a CSS mixin in styled-components:
|
|
* const ScrollableDiv = styled.div`
|
|
* overflow-y: auto;
|
|
* ${scrollbarStyles}
|
|
* `
|
|
*
|
|
* Usage as global styles:
|
|
* <GlobalScrollbarStyles />
|
|
*/
|
|
import { css } from 'styled-components';
|
|
interface ScrollbarOptions {
|
|
/** Scrollbar width in pixels. Default: 8 */
|
|
width?: number;
|
|
/** Scrollbar thumb border-radius in pixels. Default: 4 */
|
|
radius?: number;
|
|
/** Whether to hide scrollbar until hover. Default: false */
|
|
autoHide?: boolean;
|
|
}
|
|
/**
|
|
* CSS mixin for themed scrollbar styles.
|
|
* Apply to any scrollable container.
|
|
*/
|
|
export declare const scrollbarStyles: (options?: ScrollbarOptions) => ReturnType<typeof css>;
|
|
/** Thin scrollbar variant (6px) for sidebars and panels. */
|
|
export declare const thinScrollbarStyles: import("styled-components").RuleSet<object>;
|
|
/** Global scrollbar styles. Mount once at app root alongside ThemeProvider. */
|
|
export declare const GlobalScrollbarStyles: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
|
|
export {};
|
|
//# sourceMappingURL=scrollbar.d.ts.map
|