{
  "subject": "typography",
  "title": "Typography",
  "docs": "https://test-apps.eurodata.de/a/eurodata-ui/docs/theming/typography/",
  "usage": "https://test-apps.eurodata.de/a/eurodata-ui/docs/theming/typography/usage/",
  "use": [],
  "notFor": [],
  "rules": [
    {
      "id": "typography/level-from-structure",
      "rule": "Choose the heading level from the structure and the look from the design system, independently. Never use a heading element to make a text smaller."
    },
    {
      "id": "typography/three-heading-levels",
      "rule": "Never use `<h4>`, `<h5>` or `<h6>`.",
      "check": "error",
      "covered": true
    },
    {
      "id": "typography/no-class-for-the-level-look",
      "rule": "Leave the class off a heading whose level already gives the right look.",
      "check": "error",
      "covered": true
    },
    {
      "id": "typography/no-false-heading",
      "rule": "Never render a figure, a label or a subtitle as a heading element."
    },
    {
      "id": "typography/three-titles",
      "rule": "Never use the heading sizes outside the three titles — `4xl`, `3xl`, `m`, `s`, `xs`, `2xs` — as titles of your own.",
      "check": "warning"
    },
    {
      "id": "typography/breadcrumb-page-title",
      "rule": "Never add a Page Title when a [Breadcrumb](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/breadcrumb) in the `title` or `inline-title` variant already renders one — Breadcrumb's [`breadcrumb/title-variant`](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/breadcrumb/usage#rule-breadcrumb-title-variant).",
      "check": "error"
    },
    {
      "id": "typography/text-styles-through-classes",
      "rule": "Set a text size through a class — `ed-body-*`, `ed-caption-*` or one of the three titles — and the design system's text styles through theirs: `ed-form-control-label`, `ed-color-text-outdated`, `ed-form-control-hint`, `ed-form-control-placeholder`.",
      "check": "error"
    },
    {
      "id": "typography/body-default",
      "rule": "Keep body and UI text at the body default, `ed-body-m` — other `ed-body-*` sizes only where a pattern or component asks for them.",
      "check": "warning"
    },
    {
      "id": "typography/line-height",
      "rule": "Set titles, UI and component text at `--ed-line-height-normal`, and longer reading text — descriptions, explanatory paragraphs — at `--ed-line-height-expanded`.",
      "check": "error"
    },
    {
      "id": "typography/title-that-does-not-fit",
      "rule": "Use `ed-text-truncate` and keep the full text reachable, or change the layout, when a title does not fit — never shrink a title to make it fit.",
      "check": "warning"
    },
    {
      "id": "typography/component-typography",
      "rule": "Never restyle the typography a component or pattern defines for itself.",
      "check": "error"
    }
  ]
}