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, 15 insertions, 2 deletions

diff --git a/src/components/molecules/layout/meta.module.scss b/src/components/molecules/layout/meta.module.scss
index f572b65..26faac3 100644
--- a/src/components/molecules/layout/meta.module.scss
+++ b/src/components/molecules/layout/meta.module.scss
@@ -1,3 +1,16 @@
-.value {
-  word-break: break-all;
+.list {
+  .description:not(:first-of-type) {
+    &::before {
+      display: inline;
+      float: left;
+      content: "/";
+      margin-right: var(--itemSpacing);
+    }
+  }
+
+  &--stack {
+    .term {
+      flex: 0 0 100%;
+    }
+  }
 }