` cannot take\nslotted rows). `rc-table` is the frame: the shared column grid, scrolling with edge fades, sticky header / first\ncolumn, skeleton rows while `loading`, an optional `rc-table-toolbar` above, an `empty` slot when there are no rows, and the\nswitch to a list layout when the table is narrow.\n\n```html\n\n \n \n Revenue\n \n \n \n £1,204.00\n \n\n```\n\nThis is the basic table: it never sorts, filters or pages anything (rule 14). It emits `rc-sort` (from a sortable\nheader; bubbles to the table) and the product replaces the rows. Only one header shows a sort at a time: the header\nsorted most recently (by a click, or by the product setting its `sort`) shows its sort and the others draw as\nunsorted, without the table writing anything onto them. For a table that sorts, filters, hides columns, selects\nrows and pages by itself, wrap it in an `rc-data-table`.\n\nColumn widths: with no `columns` attribute every column is `minmax(96px, auto)`, sized by its content and stretched to fill the table (set `--rc-table-col-min` to change\nthe 96px). Give `columns` any CSS `grid-template-columns` value for exact control, e.g.\n`columns=\"minmax(200px,auto) repeat(3,minmax(90px,auto))\"`. Tracks never exceed the table's width, so columns that fit never scroll; fixed columns keep their size (cell padding shrinks to nothing at 24px or less). When the columns' minimum widths do not fit, the table scrolls sideways\nand a soft fade shows which edge has more. With `sticky-first-column`, once the table has scrolled away from its\nstart the first column draws a shadow and a hairline on its trailing edge, so the columns sliding under it read as\npassing beneath it (in light and dark).\n\nList layout: when the table is narrower than 560px (a container query, not the viewport) the header row is hidden\nand every row becomes a stacked item. Each column's `list-slot` (on its header) picks where it goes: `title`\n(first line, left; the first column by default), `end` (first line, right) or `meta` (own line under the title,\nwith the column label in front; the default for the other columns) or `hidden`. Sort controls are not shown in\nthe list layout; offer sorting in an `rc-table-toolbar` if the product needs it there.\n\nStacking: the frame isolates its own stacking (`isolation: isolate`), so the sticky header, sticky column and edge\nfades (z-index 1 to 3) never compete with the page around the table.\n\nAccessibility: `role=\"table\"` (set `label` for its accessible name), headers are `columnheader` with `aria-sort`,\nrows `row`, cells `cell`; `aria-busy` while `loading`. Rows scroll with the table; with `sticky-header` give the\ntable a `max-height` so the header has something to stick to.",
"name": "RcTable",
"cssProperties": [
{
"description": "minimum width of a default column (default `96px`)",
"name": "--rc-table-col-min"
},
{
"description": "header background (default none: the surface shows through)",
"name": "--rc-table-head-bg"
},
{
"description": "background behind sticky cells (default `--card`)",
"name": "--rc-table-bg"
},
{
"description": "the trailing edge of the sticky first column once scrolled (default a soft shadow plus a `--rc-border-strong` hairline)",
"name": "--rc-table-sticky-edge"
}
],
"cssParts": [
{
"description": "the scrolling frame",
"name": "frame"
},
{
"description": "the \"No results.\" line an `rc-data-table` shows when no row matches and there is no empty slot",
"name": "no-results"
}
],
"slots": [
{
"description": "an optional `rc-table-toolbar`, then one `rc-table-header`, one `rc-table-body`, an optional `rc-table-footer` (totals) and an optional `rc-table-caption` (always drawn last)",
"name": ""
},
{
"description": "shown in place of the body when the body has no rows and the table is not loading (a state-alternate slot; put an `rc-empty` in it). In an `rc-data-table` it also shows when no row matches, with \"No results.\" when empty",
"name": "empty"
}
],
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"type": {
"text": "string"
},
"default": "''",
"attribute": "label"
},
{
"kind": "field",
"name": "loading",
"privacy": "public",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "loading",
"reflects": true
},
{
"kind": "field",
"name": "loadingRows",
"privacy": "public",
"type": {
"text": "number"
},
"default": "5",
"attribute": "loading-rows"
},
{
"kind": "field",
"name": "stickyHeader",
"privacy": "public",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "sticky-header",
"reflects": true
},
{
"kind": "field",
"name": "stickyFirstColumn",
"privacy": "public",
"type": {
"text": "boolean"
},
"default": "false",
"attribute": "sticky-first-column",
"reflects": true
},
{
"kind": "field",
"name": "maxHeight",
"privacy": "public",
"type": {
"text": "string"
},
"default": "''",
"attribute": "max-height"
},
{
"kind": "field",
"name": "columns",
"privacy": "public",
"type": {
"text": "string"
},
"default": "''",
"attribute": "columns"
},
{
"kind": "field",
"name": "scrolledFromStart",
"type": {
"text": "boolean"
},
"description": "Whether the table has scrolled away from its start (the sticky first column then draws its edge).",
"readonly": true
}
],
"events": [
{
"description": "(from a header) `{ column, sort }`; the product sorts and replaces the rows",
"name": "rc-sort"
}
],
"attributes": [
{
"type": {
"text": "string"
},
"description": "accessible name of the table",
"name": "label",
"default": "''",
"fieldName": "label"
},
{
"type": {
"text": "boolean"
},
"description": "draw skeleton rows in place of the body",
"name": "loading",
"default": "false",
"fieldName": "loading"
},
{
"type": {
"text": "number"
},
"description": "how many skeleton rows to draw (default 5)",
"name": "loading-rows",
"default": "5",
"fieldName": "loadingRows"
},
{
"type": {
"text": "boolean"
},
"description": "keep the header row at the top while the body scrolls (needs `max-height`)",
"name": "sticky-header",
"default": "false",
"fieldName": "stickyHeader"
},
{
"type": {
"text": "boolean"
},
"description": "keep the first column in view while scrolling sideways (with an edge shadow once scrolled)",
"name": "sticky-first-column",
"default": "false",
"fieldName": "stickyFirstColumn"
},
{
"type": {
"text": "string"
},
"description": "height at which the table body starts scrolling (a bare number is px)",
"name": "max-height",
"default": "''",
"fieldName": "maxHeight"
},
{
"type": {
"text": "string"
},
"description": "CSS `grid-template-columns` for the shared column grid, one track per column",
"name": "columns",
"default": "''",
"fieldName": "columns"
}
],
"superclass": {
"name": "RcElement",
"module": "/src/core/rc-element.js"
},
"tagName": "rc-table",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "RcFacetOption",
"declaration": {
"name": "RcFacetOption",
"module": "./controller.js"
}
},
{
"kind": "js",
"name": "RcTableController",
"declaration": {
"name": "RcTableController",
"module": "./controller.js"
}
},
{
"kind": "js",
"name": "RcTable",
"declaration": {
"name": "RcTable",
"module": "src/elements/rc-table/rc-table.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/elements/rc-tabs/index.ts",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"module": "src/elements/rc-tabs/rc-tabs.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/elements/rc-tabs/rc-tabs.ts",
"declarations": [
{
"kind": "class",
"description": "Tabs: an `rc-tabs-list` strip of `rc-tabs-trigger` elements, and optional `rc-tabs-content` elements with the same `value` that\nswitch with the tabs. Without panels, listen to `rc-select` and drive the content yourself.\n\n```html\n\n \n Events\n Errors\n \n ...\n ...\n\n```\n\n`counts` declares that every tab shows a count: a tab without a `count` attribute then draws its own skeleton until\nyou supply one (a number you formatted yourself; the element never counts anything).\n\nThe elements never write into each other's light DOM (no `slot`, `id`, `tabindex` or `aria-*` on children):\neach tab and panel reads the selection from this element and sets its own semantics through ElementInternals, so\nthe markup a server or framework rendered stays exactly as it wrote it (Blazor enhanced navigation included).\n\nAccessibility: `rc-tabs-list` is the `tablist` (name it with its `label`); each `rc-tabs-trigger` is a `tab` with\n`aria-selected` and `aria-controls` pointing at its panel; each `rc-tabs-content` is a `tabpanel` named by its tab.\nRoving tabindex on the tabs themselves: only the selected tab is in the tab order. Left and Right Arrow move to the previous or next tab\nand select it, Home and End jump to the first or last, and Delete on a removable tab fires `rc-remove`. Tab moves on\ninto the selected panel (panels are focusable).\n\nReact: the tabs and panels set their own `tabindex` when they upgrade (the focused element has to be the tab\nitself), so on a server-rendered page React's development build may report a hydration notice for `tabindex` on\n`rc-tabs-trigger` / `rc-tabs-content`. It is expected and harmless: production builds do not check, and nothing changes at runtime.",
"name": "RcTabs",
"cssProperties": [
{
"description": "the line under a `line` strip (default a 1px border; `0` when the row around the tabs draws its own)",
"name": "--rc-tabs-rule"
},
{
"description": "the selected tab of the default strip (default `--card`; in dark a step lighter than the `--muted` track)",
"name": "--rc-tabs-active"
}
],
"slots": [
{
"description": "one `rc-tabs-list`, then `rc-tabs-content` elements",
"name": ""
}
],
"members": [
{
"kind": "field",
"name": "value",
"privacy": "public",
"type": {
"text": "string"
},
"description": "Value of the selected tab.",
"default": "''",
"attribute": "value",
"reflects": true
},
{
"kind": "field",
"name": "counts",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "Every tab shows a count; a tab without one draws a skeleton.",
"default": "false",
"attribute": "counts",
"reflects": true
},
{
"kind": "field",
"name": "selectedValue",
"type": {
"text": "string"
},
"description": "The value of the tab that is shown: `value` when it names a tab, otherwise the first tab. Falling back never\nwrites `value` onto the element (it must not spawn attributes the author did not write).",
"readonly": true
},
{
"kind": "method",
"name": "select",
"return": {
"type": {
"text": "void"
}
},
"parameters": [
{
"name": "value",
"type": {
"text": "string"
}
},
{
"name": "opts",
"default": "{}",
"type": {
"text": "{ focus?: boolean; silent?: boolean }"
}
}
],
"description": "Select a tab by value (what a click or an arrow key does)."
}
],
"events": [
{
"description": "a tab was selected by the user; `detail.value` is its value",
"name": "rc-select"
}
],
"attributes": [
{
"type": {
"text": "string"
},
"description": "Value of the selected tab.",
"name": "value",
"default": "''",
"fieldName": "value"
},
{
"type": {
"text": "boolean"
},
"description": "Every tab shows a count; a tab without one draws a skeleton.",
"name": "counts",
"default": "false",
"fieldName": "counts"
}
],
"superclass": {
"name": "RcElement",
"module": "/src/core/rc-element.js"
},
"tagName": "rc-tabs",
"customElement": true
},
{
"kind": "class",
"description": "The strip of an `rc-tabs`: holds the `rc-tabs-trigger` elements, scrolls sideways with a fading edge when they do not fit,\nand keeps the selected tab in view. It owns the keyboard: Left and Right Arrow, Home, End, and Delete on a\nremovable tab.\n\nDrawn as in the signed-off design: each tab is a 28px pill, the selected one on a grey fill, with its count in a\nsmall round pill; the strip sits on a hairline (`--rc-tabs-rule` on the rc-tabs).\n\nAccessibility: `role=\"tablist\"` through ElementInternals, named by `label`.",
"name": "RcTabsList",
"cssParts": [
{
"description": "the strip (with `line`, its bottom rule)",
"name": "bar"
},
{
"description": "the row of tabs (with `default`, the track)",
"name": "list"
}
],
"slots": [
{
"description": "`rc-tabs-trigger` elements",
"name": ""
}
],
"members": [
{
"kind": "field",
"name": "label",
"privacy": "public",
"type": {
"text": "string"
},
"description": "Accessible name of the tablist.",
"default": "''",
"attribute": "label"
},
{
"kind": "field",
"name": "variant",
"privacy": "public",
"type": {
"text": "'default' | 'line'"
},
"description": "default or line.",
"default": "'default'",
"attribute": "variant",
"reflects": true
},
{
"kind": "field",
"name": "rule",
"privacy": "public",
"type": {
"text": "'none'"
},
"default": "''",
"attribute": "rule",
"reflects": true
}
],
"attributes": [
{
"type": {
"text": "string"
},
"description": "Accessible name of the tablist.",
"name": "label",
"default": "''",
"fieldName": "label"
},
{
"type": {
"text": "'default' | 'line'"
},
"description": "default or line.",
"name": "variant",
"default": "'default'",
"fieldName": "variant"
},
{
"type": {
"text": "'none'"
},
"description": "with `line`, `none` drops the rule under the strip, when the row around the tabs draws its own (CSP-safe; `--rc-tabs-rule` does the same from a stylesheet)",
"name": "rule",
"default": "''",
"fieldName": "rule"
}
],
"superclass": {
"name": "RcElement",
"module": "/src/core/rc-element.js"
},
"tagName": "rc-tabs-list",
"customElement": true
},
{
"kind": "class",
"description": "One tab of an `rc-tabs-list`. The label is its children (text or inline markup).\n`count` is a figure shown beside the label; pass it already formatted. `loading` draws a skeleton in its place,\nand so does a missing `count` when the rc-tabs has `counts`.\nA `removable` tab shows a close button and fires `rc-remove` (on click, or Delete while focused); it does not\nremove itself, so you decide (remove the tab and its panel, or ask first).\n\nThe selected tab matches `:state(selected)` (`rc-tabs-trigger:state(selected)` from outside).\n\nAccessibility: `role=\"tab\"`, `aria-selected` and `aria-controls` (its panel) through ElementInternals. The focused\nelement must be the tab itself, so the tab keeps its own roving `tabindex` on its host (0 when selected, -1\notherwise; written only inside an `rc-tabs`) and puts it back if a page morph removes it. The close button is for\npointer users (hidden from assistive technology); keyboard users press Delete.\n\nReact: on a server-rendered page, React's development build may report a hydration notice for `tabindex` on\n`rc-tabs-trigger`. It is expected and harmless: the tab adds its own `tabindex` when it upgrades, before React hydrates, and\nReact only warns in development (production does not check, and nothing changes at runtime). The attribute stays\non the tab because the focused element has to carry the `tab` role; focusing an element inside the tab instead\nwould break the tab pattern for screen readers.",
"name": "RcTabsTrigger",
"cssParts": [
{
"description": "the label",
"name": "label"
},
{
"description": "the count pill",
"name": "count"
},
{
"description": "the close button",
"name": "remove"
}
],
"slots": [
{
"description": "the tab label",
"name": ""
}
],
"members": [
{
"kind": "field",
"name": "value",
"privacy": "public",
"type": {
"text": "string"
},
"description": "Identifier of the tab.",
"default": "''",
"attribute": "value",
"reflects": true
},
{
"kind": "field",
"name": "count",
"privacy": "public",
"type": {
"text": "string"
},
"description": "Figure beside the label.",
"default": "''",
"attribute": "count"
},
{
"kind": "field",
"name": "loading",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "Skeleton instead of the count.",
"default": "false",
"attribute": "loading",
"reflects": true
},
{
"kind": "field",
"name": "removable",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "Show a close button.",
"default": "false",
"attribute": "removable",
"reflects": true
},
{
"kind": "field",
"name": "selected",
"type": {
"text": "boolean"
},
"description": "True while this is the selected tab of its rc-tabs (read from the rc-tabs; never an attribute).",
"readonly": true
}
],
"events": [
{
"description": "the user asked to remove the tab; `detail.value` is its value",
"name": "rc-remove"
}
],
"attributes": [
{
"type": {
"text": "string"
},
"description": "Identifier of the tab.",
"name": "value",
"default": "''",
"fieldName": "value"
},
{
"type": {
"text": "string"
},
"description": "Figure beside the label.",
"name": "count",
"default": "''",
"fieldName": "count"
},
{
"type": {
"text": "boolean"
},
"description": "Skeleton instead of the count.",
"name": "loading",
"default": "false",
"fieldName": "loading"
},
{
"type": {
"text": "boolean"
},
"description": "Show a close button.",
"name": "removable",
"default": "false",
"fieldName": "removable"
}
],
"superclass": {
"name": "RcElement",
"module": "/src/core/rc-element.js"
},
"tagName": "rc-tabs-trigger",
"customElement": true
},
{
"kind": "class",
"description": "The content of one tab, a direct child of `rc-tabs`. Shown only while its `value` is the selected tab.\nPut rc-* elements and inline phrasing inside. The shown panel matches `:state(selected)`.\n\nAccessibility: `role=\"tabpanel\"` named by its tab (`aria-labelledby` through ElementInternals); focusable\n(`tabindex=\"0\"` unless you set your own, written only inside an `rc-tabs` and put back if a page morph strips it) so\nkeyboard users can move from the strip into the content. As with `rc-tabs-trigger`, React's development build may report a\nharmless hydration notice for that `tabindex` on a server-rendered page.",
"name": "RcTabsContent",
"slots": [
{
"description": "the panel content",
"name": ""
}
],
"members": [
{
"kind": "field",
"name": "value",
"privacy": "public",
"type": {
"text": "string"
},
"description": "Value of the owning tab.",
"default": "''",
"attribute": "value",
"reflects": true
},
{
"kind": "field",
"name": "selected",
"type": {
"text": "boolean"
},
"description": "True while this panel's tab is selected (read from the rc-tabs; never an attribute).",
"readonly": true
}
],
"attributes": [
{
"type": {
"text": "string"
},
"description": "Value of the owning tab.",
"name": "value",
"default": "''",
"fieldName": "value"
}
],
"superclass": {
"name": "RcElement",
"module": "/src/core/rc-element.js"
},
"tagName": "rc-tabs-content",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "RcTabs",
"declaration": {
"name": "RcTabs",
"module": "src/elements/rc-tabs/rc-tabs.ts"
}
},
{
"kind": "js",
"name": "RcTabsList",
"declaration": {
"name": "RcTabsList",
"module": "src/elements/rc-tabs/rc-tabs.ts"
}
},
{
"kind": "js",
"name": "RcTabsTrigger",
"declaration": {
"name": "RcTabsTrigger",
"module": "src/elements/rc-tabs/rc-tabs.ts"
}
},
{
"kind": "js",
"name": "RcTabsContent",
"declaration": {
"name": "RcTabsContent",
"module": "src/elements/rc-tabs/rc-tabs.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/elements/rc-term/index.ts",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"module": "src/elements/rc-term/rc-term.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/elements/rc-term/rc-term.ts",
"declarations": [
{
"kind": "class",
"description": "A word or short phrase with a dotted underline whose definition (and an optional formula) appears on hover and\nkeyboard focus, and on tap. The word is the children; the definition and formula are short plain-text attributes,\nbecause they are shown in a popover inside the element, not in the flow where the children are.\n\n```html\n\n Click-through rate\n\n```\n\nInside, a real button carries `interestfor` and `commandfor` to a hint popover in the same shadow root, so the\ndefinition is a normal `rc-popover-content` with no page-level ids to manage.\n\nAccessibility: the term is one tab stop (a button), the definition is announced as its description\n(`aria-describedby`, in the same shadow root so the reference resolves), shown on focus as well as hover, and\ndismissed with Escape. Do not put links or buttons in the definition: it closes when the pointer leaves.",
"name": "RcTerm",
"cssProperties": [
{
"description": "underline colour (default the tertiary ink)",
"name": "--rc-term-underline"
}
],
"cssParts": [
{
"description": "the dotted-underline button",
"name": "term"
},
{
"description": "the definition popover",
"name": "popover"
},
{
"description": "the formula line",
"name": "formula"
}
],
"slots": [
{
"description": "the word or phrase",
"name": ""
}
],
"members": [
{
"kind": "field",
"name": "definition",
"privacy": "public",
"type": {
"text": "string"
},
"description": "Definition as plain text.",
"default": "''",
"attribute": "definition"
},
{
"kind": "field",
"name": "formula",
"privacy": "public",
"type": {
"text": "string"
},
"description": "Formula as plain text.",
"default": "''",
"attribute": "formula"
}
],
"attributes": [
{
"type": {
"text": "string"
},
"description": "Definition as plain text.",
"name": "definition",
"default": "''",
"fieldName": "definition"
},
{
"type": {
"text": "string"
},
"description": "Formula as plain text.",
"name": "formula",
"default": "''",
"fieldName": "formula"
}
],
"superclass": {
"name": "RcElement",
"module": "/src/core/rc-element.js"
},
"tagName": "rc-term",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "RcTerm",
"declaration": {
"name": "RcTerm",
"module": "src/elements/rc-term/rc-term.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/elements/rc-text/index.ts",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"module": "src/elements/rc-text/rc-text.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/elements/rc-text/rc-text.ts",
"declarations": [
{
"kind": "class",
"description": "Inline text with a tone, size and variant. By default it is inline (it flows in a sentence and is NOT a\ncontainer, so it never collapses); `block` makes it a paragraph, and `truncate` / `lines` clamp it.\nUse it instead of ``, `` and ``, because bare block tags pick up host CSS.\n\nPut plain text or inline markup (``, ``, ``) inside.\n\nAccessibility: no role. Tone is colour only, so never use tone as the only carrier of meaning (add words or an icon).\nClamped or truncated text keeps its full content in the DOM, so assistive technology reads all of it; add a\n`title` or an rc-tooltip if sighted users need the full text.",
"name": "RcText",
"cssProperties": [
{
"description": "weight for `strong` and for `lg` and larger (default 650)",
"name": "--rc-text-weight"
},
{
"description": "the reading measure of `measure` (default 740px)",
"name": "--rc-text-measure"
}
],
"cssParts": [
{
"description": "the text wrapper",
"name": "text"
}
],
"slots": [
{
"description": "the text",
"name": ""
}
],
"members": [
{
"kind": "field",
"name": "tone",
"privacy": "public",
"type": {
"text": "'secondary'|'tertiary'|'success'|'critical'|'warning'|'info'|'magic'|'accent'"
},
"description": "Text colour tone.",
"default": "''",
"attribute": "tone",
"reflects": true
},
{
"kind": "field",
"name": "variant",
"privacy": "public",
"type": {
"text": "'mono'|'numeric'"
},
"description": "`mono` or `numeric`.",
"default": "''",
"attribute": "variant",
"reflects": true
},
{
"kind": "field",
"name": "size",
"privacy": "public",
"type": {
"text": "'xs'|'sm'|'base'|'md'|'lg'|'xl'|'2xl'|'3xl'"
},
"description": "`xs`, `sm`, `base`, `md`, `lg`, `xl`, `2xl` or `3xl`.",
"default": "''",
"attribute": "size",
"reflects": true
},
{
"kind": "field",
"name": "strong",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "Semibold.",
"default": "false",
"attribute": "strong",
"reflects": true
},
{
"kind": "field",
"name": "block",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "Paragraph display.",
"default": "false",
"attribute": "block",
"reflects": true
},
{
"kind": "field",
"name": "truncate",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "Single line with ellipsis.",
"default": "false",
"attribute": "truncate",
"reflects": true
},
{
"kind": "field",
"name": "nowrap",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "One line, never wrapped, never clipped.",
"default": "false",
"attribute": "nowrap",
"reflects": true
},
{
"kind": "field",
"name": "emphasis",
"privacy": "public",
"type": {
"text": "'medium'|'semibold'"
},
"description": "`medium` (550) or `semibold` (600).",
"default": "''",
"attribute": "emphasis",
"reflects": true
},
{
"kind": "field",
"name": "measure",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "Cap at the reading measure.",
"default": "false",
"attribute": "measure",
"reflects": true
},
{
"kind": "field",
"name": "lines",
"privacy": "public",
"type": {
"text": "number | undefined"
},
"description": "Clamp to N lines.",
"attribute": "lines",
"reflects": true
},
{
"kind": "field",
"name": "minLines",
"privacy": "public",
"type": {
"text": "number | undefined"
},
"description": "Reserve at least N lines of height.",
"attribute": "min-lines",
"reflects": true
}
],
"attributes": [
{
"type": {
"text": "'secondary'|'tertiary'|'success'|'critical'|'warning'|'info'|'magic'|'accent'"
},
"description": "Text colour tone.",
"name": "tone",
"default": "''",
"fieldName": "tone"
},
{
"type": {
"text": "'mono'|'numeric'"
},
"description": "`mono` or `numeric`.",
"name": "variant",
"default": "''",
"fieldName": "variant"
},
{
"type": {
"text": "'xs'|'sm'|'base'|'md'|'lg'|'xl'|'2xl'|'3xl'"
},
"description": "`xs`, `sm`, `base`, `md`, `lg`, `xl`, `2xl` or `3xl`.",
"name": "size",
"default": "''",
"fieldName": "size"
},
{
"type": {
"text": "boolean"
},
"description": "Semibold.",
"name": "strong",
"default": "false",
"fieldName": "strong"
},
{
"type": {
"text": "boolean"
},
"description": "Paragraph display.",
"name": "block",
"default": "false",
"fieldName": "block"
},
{
"type": {
"text": "boolean"
},
"description": "Single line with ellipsis.",
"name": "truncate",
"default": "false",
"fieldName": "truncate"
},
{
"type": {
"text": "'medium'|'semibold'"
},
"description": "`medium` (550) or `semibold` (600).",
"name": "emphasis",
"default": "''",
"fieldName": "emphasis"
},
{
"type": {
"text": "boolean"
},
"description": "Cap at the reading measure.",
"name": "measure",
"default": "false",
"fieldName": "measure"
},
{
"type": {
"text": "boolean"
},
"description": "One line, never wrapped, never clipped.",
"name": "nowrap",
"default": "false",
"fieldName": "nowrap"
},
{
"type": {
"text": "number | undefined"
},
"description": "Clamp to N lines.",
"name": "lines",
"fieldName": "lines"
},
{
"type": {
"text": "number | undefined"
},
"description": "Reserve at least N lines of height.",
"name": "min-lines",
"fieldName": "minLines"
}
],
"superclass": {
"name": "RcElement",
"module": "/src/core/rc-element.js"
},
"tagName": "rc-text",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "RcText",
"declaration": {
"name": "RcText",
"module": "src/elements/rc-text/rc-text.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/elements/rc-textarea/index.ts",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"module": "src/elements/rc-textarea/rc-textarea.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/elements/rc-textarea/rc-textarea.ts",
"declarations": [
{
"kind": "class",
"description": "A multi-line text input, as a form-associated custom element. It renders a real `