@rileybathurst/paddle 0.0.8 → 0.0.10

package/README.md

@@ -1 +1 @@
-# Paddle UI
+# Paddle

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "0.0.8",
+  "version": "0.0.10",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,6 +12,7 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "color-cards": "^1.0.13",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/index.ts

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

package/src/stories/Colors.stories.tsx

@@ -0,0 +1,18 @@
+// this is the Name.stories.tsx file
+import type { Meta, StoryObj } from '@storybook/react';
+import { fn } from '@storybook/test';
+import { Colors } from './Colors';
+
+const meta = {
+  component: Colors,
+  args: { onClick: fn() },
+} satisfies Meta<typeof Colors>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    primary: true,
+  },
+};

package/src/stories/Colors.tsx

@@ -0,0 +1,26 @@
+// this is the Name.tsx file
+import React from 'react';
+import { ColorCards } from 'color-cards';
+
+interface ColorsProps {
+  primary?: boolean;
+  onClick?: () => void;
+}
+
+export const Colors = ({
+  primary = false,
+  ...props
+}: ColorsProps) => {
+
+  return (
+    <main
+      {...props}
+    >
+      {primary ? 'primary' : 'secondary'}
+      <ColorCards
+        color="red"
+        variables={[100, 200]}
+      />
+    </main>
+  );
+};

package/src/stories/Header.tsx

@@ -2,7 +2,6 @@
 
 // import { Button } from './Button';
 import './header.css';
-import { Button } from '@rileybathurst/puddle';
 
 type User = {
   name: string;

package/src/index.tsx

@@ -1,5 +0,0 @@
-import * as React from "react";
-
-// Export Button component
-export * from "./Button";
-export * from "./PaddleBookNow";