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

diff --git a/src/components/atoms/lists/list.stories.tsx b/src/components/atoms/lists/list.stories.tsx
deleted file mode 100644
index c4f3c3b..0000000
--- a/src/components/atoms/lists/list.stories.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { List, type ListItem } from './list';
-
-/**
- * List - Storybook Meta
- */
-export default {
-  title: 'Atoms/Typography/Lists',
-  component: List,
-  args: {
-    kind: 'unordered',
-  },
-  argTypes: {
-    className: {
-      control: {
-        type: 'text',
-      },
-      description: 'Set additional classnames to the list wrapper',
-      table: {
-        category: 'Styles',
-      },
-      type: {
-        name: 'string',
-        required: false,
-      },
-    },
-    items: {
-      control: {
-        type: null,
-      },
-      description: 'The list items.',
-      type: {
-        name: 'object',
-        required: true,
-        value: {},
-      },
-    },
-    itemsClassName: {
-      control: {
-        type: 'text',
-      },
-      description: 'Set additional classnames to the list items.',
-      table: {
-        category: 'Styles',
-      },
-      type: {
-        name: 'string',
-        required: false,
-      },
-    },
-    kind: {
-      control: {
-        type: 'select',
-      },
-      description: 'The list kind: flex, ordered or unordered.',
-      options: ['flex', 'ordered', 'unordered'],
-      table: {
-        category: 'Options',
-        defaultValue: { summary: 'unordered' },
-      },
-      type: {
-        name: 'string',
-        required: false,
-      },
-    },
-  },
-} as ComponentMeta<typeof List>;
-
-const Template: ComponentStory<typeof List> = (args) => <List {...args} />;
-
-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' },
-];
-
-/**
- * List Stories - Flex list
- */
-export const Flex = Template.bind({});
-Flex.args = {
-  items,
-  kind: 'flex',
-};
-
-/**
- * List Stories - Ordered list
- */
-export const Ordered = Template.bind({});
-Ordered.args = {
-  items,
-  kind: 'ordered',
-};
-
-/**
- * List Stories - Unordered list
- */
-export const Unordered = Template.bind({});
-Unordered.args = {
-  items,
-};