@activecollab/components
Version:
ActiveCollab Components
41 lines • 2.34 kB
TypeScript
/** The default `code` mark: a quiet inline chip that keeps the line intact. */
export declare const StyledCode: import("styled-components").StyledComponent<"code", any, {}, never>;
/** The default `link` mark: an inline text link inside flowing content. */
export declare const StyledLink: import("styled-components").StyledComponent<"a", any, {}, never>;
/**
* The default `code-block`: quiet preformatted content. It stays a bare
* `<pre><code>` on purpose — article surfaces inject a Copy button onto
* every `<pre>` they render.
*/
export declare const StyledCodeBlock: import("styled-components").StyledComponent<"pre", any, {}, never>;
/**
* The default `table` block wrapper: Table ships page-level chrome (outer
* margins) that flowing content does not want — the PortableText Stack owns
* the vertical rhythm here.
*/
export declare const StyledTableBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
/** The default `divider` block: a themed horizontal rule. */
export declare const StyledDivider: import("styled-components").StyledComponent<"hr", any, {}, never>;
/**
* The default `list` block; rendered as ul or ol through the `as` prop, and
* tagged `data-portable-list` so the depth rules below scope to design-system
* lists — a stray `<ul>`/`<ol>` from an injected renderer is left untouched.
*
* Nesting works structurally: each level is its own StyledList inside a parent
* `<li>`, so it re-applies its own `padding-left` (indentation compounds) and,
* for ordered levels, restarts numbering. A nested list carries no vertical
* margin, so it hugs the item it belongs to.
*
* Both bullet and numbered levels change their marker by nesting depth, so
* levels stay distinct even where the two interleave:
* bullets disc → circle → square → (disc)
* numbers decimal → lower-alpha → lower-roman → (upper-alpha)
* Depth is counted from the list ancestors themselves (not per-tag), so an
* intervening `<ol>` never throws off a `<ul>`'s depth and vice-versa. The
* rules are ordered shallow-to-deep; a deeper rule is more specific, so it
* wins the cascade for the levels it applies to.
*/
export declare const StyledList: import("styled-components").StyledComponent<"ul", any, {
$ordered: boolean;
}, never>;
//# sourceMappingURL=Styles.d.ts.map