@activecollab/components
Version:
ActiveCollab Components
37 lines • 1.71 kB
TypeScript
/**
* StackedCard — shared constants and the class/token contract.
*
* Kept in their own module so `Styles.ts` can consume them without importing a
* component file (and creating a cycle).
*/
/** Reference width of a stacked card, from the concept. */
export declare const STACKED_CARD_WIDTH = 260;
/** Reference corner radius of a stacked card. */
export declare const STACKED_CARD_RADIUS = 8;
/**
* Default cover `aspect-ratio`. Covers reserve their height with a ratio (not a
* pixel height) so a late image never reflows the card, and so the skeleton
* that stands in for it occupies exactly the same box.
*/
export declare const STACKED_CARD_COVER_RATIO = "260 / 132";
/**
* Controls (a cover button, an entity "…" menu, the resize handle) are hidden
* until the card is hovered OR holds focus. Put this class on anything that
* should follow that reveal rule.
*/
export declare const STACKED_CARD_CONTROL_CLASS = "sc-control";
/**
* Marks a child of a `row`-direction `StackedCardRow` as fixed width: it keeps
* its own width while the remaining children share what is left.
*/
export declare const STACKED_CARD_FIXED_ATTR = "data-fixed";
/**
* Named row roles. The row is the layout increment: `title`/`footer` carry the
* system padding, `meta` is a tighter properties line, `cover` bleeds to the
* edge, and `custom` starts from the system padding for the caller to adjust.
*/
export type StackedCardRowRole = "cover" | "title" | "meta" | "footer" | "custom";
export type StackedCardRowDirection = "row" | "column";
/** Role → default padding. */
export declare const STACKED_CARD_ROLE_PADDING: Record<StackedCardRowRole, string>;
//# sourceMappingURL=constants.d.ts.map