Merge pull request #34 from mittwald/feature/text

Add Text component

packages/components/package.json

@@ -4,6 +4,7 @@
   "type": "module",
   "exports": {
     "./Button": "./dist/Button.js",
+    "./Text": "./dist/Text.js",
     "./style": "./dist/style.css",
     "./style/init": "./dist/index.js"
   },

packages/components/src/components/Text/Text.tsx

@@ -0,0 +1,11 @@
+import React, { FC, PropsWithChildren } from "react";
+import styles from "./styles.module.css";
+import * as Aria from "react-aria-components";
+
+export const Text: FC<PropsWithChildren> = (props) => {
+  const { children } = props;
+
+  return <Aria.Text className={styles.root}>{children}</Aria.Text>;
+};
+
+export default Text;

packages/components/src/components/Text/index.ts

@@ -0,0 +1 @@
+export * from "./Text";

packages/components/src/components/Text/stories/Default.stories.tsx

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Text from "../Text";
+
+const meta: Meta<typeof Text> = {
+  title: "Text",
+  component: Text,
+};
+export default meta;
+
+type Story = StoryObj<typeof Text>;
+
+export const Default: Story = {
+  args: {
+    children: "Text...",
+  },
+};

packages/components/src/components/Text/styles.module.css

@@ -0,0 +1,4 @@
+@import "@/styles";
+
+.root {
+}

packages/components/src/components/index.ts

@@ -1 +1,2 @@
 export * from "./Button/index.js";
+export * from "./Text/index.js";

packages/components/vite.build.config.ts

@@ -9,7 +9,7 @@ export default defineConfig(
       lib: {
         entry: [
           "./src/components/Button/Button.tsx",
-          "./src/components/Dummy/Dummy.tsx",
+          "./src/components/Text/Text.tsx",
         ],
         formats: ["es"],
       },