@kivid/native-components 1.0.0-alpha.2 → 1.0.0-alpha.21

package/src/components/LoadingDots/index.stories.tsx

@@ -1,74 +0,0 @@
-import { type Meta, type StoryObj } from "@storybook/react-native";
-import { LoadingDots } from "./index";
-import { View } from "react-native";
-import { LoadingDotsVariant } from "./types";
-
-const meta = {
-  title: "Components/LoadingDots",
-  component: LoadingDots,
-  parameters: {
-    layout: "centered",
-    docs: {
-      description: {
-        component: "A loading dots component with color variants.",
-      },
-    },
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    variant: {
-      control: { type: "select" },
-      options: ["grape", "light", "dark"],
-      description: "The color variant of the dots",
-    },
-  },
-} satisfies Meta<typeof LoadingDots>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-function renderLoadingDots({ variant }: { variant?: LoadingDotsVariant }) {
-  return (
-    <View style={{ width: 200, height: 200 }}>
-      <LoadingDots variant={variant} />
-    </View>
-  );
-}
-
-export const Default: Story = {
-  args: {
-    variant: "grape",
-  },
-
-  render: renderLoadingDots,
-};
-
-export const Grape: Story = {
-  args: {
-    variant: "grape",
-  },
-
-  render: renderLoadingDots,
-};
-
-export const Light: Story = {
-  args: {
-    variant: "light",
-  },
-  parameters: {
-    backgrounds: { default: "dark" },
-  },
-
-  render: renderLoadingDots,
-};
-
-export const Dark: Story = {
-  args: {
-    variant: "dark",
-  },
-  parameters: {
-    backgrounds: { default: "dark" },
-  },
-
-  render: renderLoadingDots,
-};

package/src/components/Seal/index.stories.tsx

@@ -1,124 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-native";
-import { Seal } from ".";
-import { View } from "react-native";
-import { SealVariantEnum } from "./enums";
-
-const meta: Meta<typeof Seal> = {
-  title: "Components/Seal",
-  component: Seal,
-  tags: ["autodocs"],
-  argTypes: {
-    variant: {
-      control: {
-        type: "select",
-      },
-      options: Object.values(SealVariantEnum),
-      description: "The variant of the seal",
-      table: {
-        type: { summary: Object.values(SealVariantEnum).join(" | ") },
-      },
-    },
-    size: {
-      control: {
-        type: "radio",
-      },
-      options: ["small", "medium"],
-      description: "The size of the seal",
-      table: {
-        type: { summary: "small | medium" },
-      },
-    },
-    inverted: {
-      control: {
-        type: "boolean",
-      },
-    },
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof Seal>;
-
-export const Default: Story = {
-  args: {
-    variant: SealVariantEnum.ADD,
-    size: "medium",
-    inverted: false,
-  },
-};
-
-export const Add: Story = {
-  args: {
-    ...Default.args,
-    variant: SealVariantEnum.ADD,
-  },
-};
-
-export const Success: Story = {
-  args: {
-    ...Default.args,
-    variant: SealVariantEnum.SUCCESS,
-  },
-};
-
-export const Error: Story = {
-  args: {
-    ...Default.args,
-    variant: SealVariantEnum.ERROR,
-  },
-};
-
-export const Alert: Story = {
-  args: {
-    ...Default.args,
-    variant: SealVariantEnum.ALERT,
-  },
-};
-
-export const Minus: Story = {
-  args: {
-    ...Default.args,
-    variant: SealVariantEnum.MINUS,
-  },
-};
-
-export const Left: Story = {
-  args: {
-    ...Default.args,
-    variant: SealVariantEnum.LEFT,
-  },
-};
-
-export const Right: Story = {
-  args: {
-    ...Default.args,
-    variant: SealVariantEnum.RIGHT,
-  },
-};
-
-const AllTemplate: Story = {
-  render: (args) => {
-    const variants = Object.values(SealVariantEnum);
-    return (
-      <View className="flex flex-col gap-300">
-        <View className="flex flex-row gap-300">
-          {variants.map((variant) => (
-            <Seal {...args} key={variant} variant={variant} />
-          ))}
-        </View>
-        <View className="flex flex-row gap-300 bg-slate-900 p-300">
-          {variants.map((variant) => (
-            <Seal {...args} key={variant} variant={variant} inverted />
-          ))}
-        </View>
-      </View>
-    );
-  },
-};
-
-export const All = {
-  ...AllTemplate,
-  args: {
-    ...Default.args,
-  },
-};