refactor(components): rewrite DescriptionList component

* add a `spacing` prop
* replace `layout` prop with `isInline` prop
* remove `items` prop (and classNames props) in favor of new components:
Description, Group, Term
* remove `withSeparator` prop (CSS content is announced by screen readers
and Firefox/Safari have no support for alternative text so the consumer
should add itself an element with `aria-hidden` if it need a separator)

Be aware, Meta component and its consumers can be visually broken, they
should be refactored before using them in production.

1 files changed, 1 insertions, 10 deletions

diff --git a/src/components/organisms/layout/summary.tsx b/src/components/organisms/layout/summary.tsx
index 99f6c85..d66af75 100644
--- a/src/components/organisms/layout/summary.tsx
+++ b/src/components/organisms/layout/summary.tsx
@@ -135,16 +135,7 @@ export const Summary: FC<SummaryProps> = ({
         </ButtonLink>
       </div>
       <footer className={styles.footer}>
-        <Meta
-          className={styles.meta}
-          data={getMeta()}
-          groupClassName={styles.meta__item}
-          // eslint-disable-next-line react/jsx-no-literals -- Layout allowed
-          itemsLayout="stacked"
-          // eslint-disable-next-line react/jsx-no-literals -- Layout allowed
-          layout="column"
-          withSeparator={false}
-        />
+        <Meta className={styles.meta} data={getMeta()} spacing="xs" />
       </footer>
     </article>
   );