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, 8 deletions

diff --git a/src/components/molecules/layout/page-header.tsx b/src/components/molecules/layout/page-header.tsx
index 92650c5..b727cc1 100644
--- a/src/components/molecules/layout/page-header.tsx
+++ b/src/components/molecules/layout/page-header.tsx
@@ -56,14 +56,7 @@ export const PageHeader: FC<PageHeaderProps> = ({
           {title}
         </Heading>
         {meta ? (
-          <Meta
-            className={styles.meta}
-            data={meta}
-            // eslint-disable-next-line react/jsx-no-literals -- Layout allowed
-            itemsLayout="inline"
-            // eslint-disable-next-line react/jsx-no-literals -- Layout allowed
-            layout="column"
-          />
+          <Meta className={styles.meta} data={meta} isInline spacing="xs" />
         ) : null}
         {intro ? getIntro() : null}
       </div>