Style: Add unordered and ordered list styling (#5957)

* feat: add story and initial css props

* feat: add font style property

* feat: ordered list story

* feat: change ordered lists text for a better visualization

* fix: style formatting and storybook list story

* fix: storybook duplicated story

* fix: storybook disposition

* style: fix color identation

* fix: remove unecessary story style

* fix: remove return statement

* feat: re-add container

* feat: remove listContainerStyle

* fix: add required styles

* feat: add font style property

* fix: rebase branch

Author: danielselga

components/__design__/list.stories.tsx

@@ -0,0 +1,27 @@
+import type { Meta as MetaObj, StoryObj } from '@storybook/react';
+
+export const OrderedLists: StoryObj = {
+  render: () => (
+    <div>
+      <ol>
+        <li>Ordered lists</li>
+        <li>Like this</li>
+        <li>with numbers</li>
+      </ol>
+    </div>
+  ),
+};
+
+export const UnorderedLists: StoryObj = {
+  render: () => (
+    <div>
+      <ul>
+        <li>Unordered lists</li>
+        <li>those without</li>
+        <li>numbers</li>
+      </ul>
+    </div>
+  ),
+};
+
+export default { title: 'Design System/Lists' } as MetaObj;

styles/new/base.css

@@ -25,3 +25,19 @@ a:visited {
       dark:text-green-300;
   }
 }
+
+ul {
+  @apply list-disc
+    px-5
+    leading-6
+    text-neutral-900
+    dark:text-white;
+}
+
+ol {
+  @apply list-decimal
+    px-5
+    leading-6
+    text-neutral-900
+    dark:text-white;
+}