UNPKG

@activecollab/components

Version:

ActiveCollab Components

41 lines 2.34 kB
/** 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