add text story

Author: RakaDoank

storybook/stories/components/text/AllTypes.stories.tsx

@@ -0,0 +1,89 @@
+import {
+	StyleSheet,
+	View,
+} from "react-native"
+
+import type {
+	Meta,
+	StoryFn,
+} from "@storybook/react-native"
+
+import {
+	Text,
+	type TextProps,
+} from "@audira/carbon-react-native"
+
+import {
+	Spacing,
+} from "@audira/carbon-react-native-elements"
+
+interface Props {
+	children?: string,
+}
+
+export default {
+	title: "Components/Text/All Types",
+	args: {
+		children: "The quick brown fox jumps over the lazy dog",
+	},
+	argTypes: {
+		children: {
+			control: "text",
+		},
+	},
+} satisfies Meta<Props>
+
+export const AllTypes: StoryFn<Props> = args => {
+	return (
+		<View
+			style={ styleSheet.textsContainer }
+		>
+			<TextCompose type="body_01" { ...args }/>
+			<TextCompose type="body_02" { ...args }/>
+			<TextCompose type="body_compact_01" { ...args }/>
+			<TextCompose type="body_compact_02" { ...args }/>
+			<TextCompose type="code_01" { ...args }/>
+			<TextCompose type="code_02" { ...args }/>
+			<TextCompose type="heading_01" { ...args }/>
+			<TextCompose type="heading_02" { ...args }/>
+			<TextCompose type="heading_03" { ...args }/>
+			<TextCompose type="heading_04" { ...args }/>
+			<TextCompose type="heading_05" { ...args }/>
+			<TextCompose type="heading_06" { ...args }/>
+			<TextCompose type="heading_07" { ...args }/>
+			<TextCompose type="heading_compact_01" { ...args }/>
+			<TextCompose type="heading_compact_02" { ...args }/>
+			<TextCompose type="helper_text_01" { ...args }/>
+			<TextCompose type="helper_text_02" { ...args }/>
+			<TextCompose type="label_01" { ...args }/>
+			<TextCompose type="label_02" { ...args }/>
+			<TextCompose type="legal_01" { ...args }/>
+			<TextCompose type="legal_02" { ...args }/>
+		</View>
+	)
+}
+
+const
+	styleSheet =
+		StyleSheet.create({
+			textsContainer: {
+				rowGap: Spacing.spacing_05,
+			},
+		})
+
+function TextCompose({
+	children,
+	type,
+	...props
+}: TextProps) {
+
+	return (
+		<Text
+			{ ...props }
+			type={ type }
+		>
+			{ children } :: { `${type}` }
+		</Text>
+	)
+
+}

storybook/stories/components/text/Text.stories.tsx

@@ -0,0 +1,76 @@
+import type {
+	Meta,
+	StoryFn,
+} from "@storybook/react-native"
+
+import {
+	Text as CarbonText,
+	type TextProps,
+} from "@audira/carbon-react-native"
+
+export default {
+	title: "Components/Text",
+	component: CarbonText,
+	args: {
+		type: "body_compact_02",
+		italic: false,
+		children: "The quick brown fox jumps over the lazy dog",
+	},
+	argTypes: {
+		type: {
+			control: "select",
+			options: [
+				"body_01",
+				"body_02",
+				"body_compact_01",
+				"body_compact_02",
+				"code_01",
+				"code_02",
+				"heading_01",
+				"heading_02",
+				"heading_03",
+				"heading_04",
+				"heading_05",
+				"heading_06",
+				"heading_07",
+				"heading_compact_01",
+				"heading_compact_02",
+				"helper_text_01",
+				"helper_text_02",
+				"label_01",
+				"label_02",
+				"legal_01",
+				"legal_02",
+			] satisfies NonNullable<TextProps["type"]>[],
+		},
+		italic: {
+			control: "boolean",
+		},
+		weight: {
+			control: "select",
+			options: [
+				undefined,
+				100,
+				200,
+				300,
+				400,
+				500,
+				600,
+				700,
+				800,
+				900,
+			] satisfies TextProps["weight"][],
+		},
+		children: {
+			control: "text",
+		},
+	},
+} satisfies Meta<TextProps>
+
+export const Text: StoryFn<TextProps> = args => {
+	return (
+		<CarbonText
+			{ ...args }
+		/>
+	)
+}