@activecollab/components
Version:
ActiveCollab Components
49 lines • 2.73 kB
TypeScript
import { StackedCardRowDirection, StackedCardRowRole } from "./constants";
import { StackedCardResizeAxis } from "./resizePolicy";
export declare const StyledStackedCardStack: import("styled-components").StyledComponent<"div", any, {}, never>;
interface IStyledRowProps {
$role: StackedCardRowRole;
$bleed?: boolean;
$direction: StackedCardRowDirection;
$background?: string;
}
export declare const StyledStackedCardRow: import("styled-components").StyledComponent<"div", any, IStyledRowProps, never>;
/**
* The media box reserves its height with `aspect-ratio` so the image (or the
* skeleton standing in for it) never reflows the card when it arrives.
*/
export declare const StyledStackedCardCoverMedia: import("styled-components").StyledComponent<"div", any, {
$aspectRatio: string;
}, never>;
export declare const StyledStackedCardCoverFill: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledStackedCardCoverCenter: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledStackedCardCoverTopRight: import("styled-components").StyledComponent<"div", any, {}, never>;
/**
* Collapsed cover — the media box gives way to a thin strip. The strip IS the
* expand affordance: the whole bar is a button and a chevron hint is revealed
* on hover or focus. It reserves no height of its own; the caller's
* `collapsedStrip` (an ~8px colour bar, a favicon + domain row) sets how tall
* it reads.
*/
export declare const StyledStackedCardCollapsedStrip: import("styled-components").StyledComponent<"button", any, {}, never>;
export declare const StyledStackedCardStripExpand: import("styled-components").StyledComponent<"span", any, {}, never>;
/** Centered media control (a play button). The caller drops the glyph inside. */
export declare const StyledStackedCardPlayBadge: import("styled-components").StyledComponent<"span", any, {}, never>;
/** Top-right cover-management button (collapse, remove …). */
export declare const StyledStackedCardCoverButton: import("styled-components").StyledComponent<"button", any, {}, never>;
export declare const StyledStackedCardResizeHandle: import("styled-components").StyledComponent<"span", any, {
$axis: StackedCardResizeAxis;
}, never>;
export interface IStyledStackedCardProps {
$selected?: boolean;
$disabled?: boolean;
$pending?: boolean;
$isDragSource?: boolean;
$isDragPreview?: boolean;
$entered?: boolean;
$forceHover?: boolean;
$priorityColor?: string;
}
export declare const StyledStackedCard: import("styled-components").StyledComponent<"div", any, IStyledStackedCardProps, never>;
export {};
//# sourceMappingURL=Styles.d.ts.map