lmc-eu / spirit-design-system / 6047520236

97%

push

github

Docs(web-twig): Introduce `DocsSection` and `DocsBox` components

- New components: `DocsSection`, `DocsBox`.
- CSS class `docs-FormFieldGrid` has been dropped.

`DocsSection` displays title and automatically provides proper spacing to its content.

Before:

```html
<section class="docs-Section">
    <h2 class="docs-Heading">
      Basic Usage
      <span class="Tag Tag--warning Tag--medium Tag--subtle">Visual demo only</span>
    </h2>
    <div class="docs-FormFieldGrid">
        <div class="docs-Box">…</div>
    </div>
</section>
```

After:

```twig
<DocsSection title="Basic Usage" tag="Visual demo only">
    <DocsBox>…</DocsBox>
</DocsSection>
```

407 of 723 branches covered (0.0%)

Branch coverage included in aggregate %.

2629 of 3589 relevant lines covered (73.25%)

18.94 hits per line