refactor(components): rewrite List component

* change `items` prop to children
* replace `kind` prop with `isHierarchical`, `isOrdered` & `isInline` props
* add `hideMarker` prop
* add `spacing` prop to control item spacing
* move lists styles to Sass placeholders to avoid repeats because of
headless WordPress

1 files changed, 0 insertions, 27 deletions

diff --git a/src/components/atoms/lists/list.test.tsx b/src/components/atoms/lists/list.test.tsx
deleted file mode 100644
index 89de922..0000000
--- a/src/components/atoms/lists/list.test.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { describe, expect, it } from '@jest/globals';
-import { render, screen } from '../../../../tests/utils';
-import { List, type ListItem } from './list';
-
-const items: ListItem[] = [
-  { id: 'item-1', value: 'Item 1' },
-  { id: 'item-2', value: 'Item 2' },
-  {
-    child: [
-      { id: 'nested-item-1', value: 'Nested item 1' },
-      { id: 'nested-item-2', value: 'Nested item 2' },
-    ],
-    id: 'item-3',
-    value: 'Item 3',
-  },
-  { id: 'item-4', value: 'Item 4' },
-];
-
-describe('List', () => {
-  it('renders a nested unordered list', () => {
-    render(<List items={items} />);
-    const listItems = screen.getAllByRole('list');
-    listItems.forEach((listItem) =>
-      expect(listItem).toHaveClass('list--unordered')
-    );
-  });
-});