@common-origin/design-system 1.1.0 → 1.3.0

package/README.md

@@ -103,7 +103,7 @@ function MyApp() {
 
 **✅ Atoms (12 components)**:
 - Alert, Avatar, Box, Button, Chip, Container
-- CoverImage, Icon, IconButton, SectionSeparator
+- Picture, Icon, IconButton, SectionSeparator
 - Stack, Typography
 
 **✅ Molecules (8 components)**:

package/dist/components/atoms/DateFormatter/DateFormatter.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface DateFormatterProps {
+    /** ISO date string to format */
+    dateString: string;
+    /** Format pattern (defaults to 'yyyy') */
+    formatString?: string;
+    /** Optional data-testid for testing */
+    'data-testid'?: string;
+}
+export declare const DateFormatter: React.FC<DateFormatterProps>;

package/dist/components/atoms/DateFormatter/index.d.ts

@@ -0,0 +1 @@
+export * from './DateFormatter';

package/dist/components/atoms/{CoverImage/CoverImage.d.ts → Picture/Picture.d.ts}

@@ -1,11 +1,12 @@
 import React from 'react';
-type CoverImageProps = {
+type PictureProps = {
     title: string;
     src: string;
-    slug?: string;
     width?: number;
     height?: number;
+    onClick?: () => void;
+    href?: string;
     'data-testid'?: string;
 };
-export declare const CoverImage: React.FC<CoverImageProps>;
+export declare const Picture: React.FC<PictureProps>;
 export {};

package/dist/components/atoms/Picture/index.d.ts

@@ -0,0 +1 @@
+export * from './Picture';

package/dist/components/atoms/index.d.ts

@@ -3,7 +3,8 @@ export * from './Box';
 export * from './Button';
 export * from './Chip';
 export * from './Container';
-export * from './CoverImage';
+export * from './Picture';
+export * from './DateFormatter';
 export * from './Icon';
 export * from './IconButton';
 export * from './SectionSeparator';

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
 export * from './atoms/';
+export * from './molecules/';
 export * from './layout/';
-export * from './dateFormatter';
 export { ResponsiveGrid, GridCol, Grid } from './layout/GridSystem';

package/dist/components/molecules/ArtCard/ArtCard.d.ts

@@ -5,6 +5,7 @@ export type ArtCardProps = {
     artist: string;
     labels: string[];
     coverImage: string;
-    slug?: string;
+    onImageClick?: () => void;
+    imageHref?: string;
 };
-export declare const ArtCard: ({ title, excerpt, tag, artist, labels, coverImage, slug, }: ArtCardProps) => import("react").JSX.Element | null;
+export declare const ArtCard: ({ title, excerpt, tag, artist, labels, coverImage, onImageClick, imageHref, }: ArtCardProps) => import("react").JSX.Element | null;

package/dist/components/molecules/DesignCard/DesignCard.d.ts

@@ -6,6 +6,8 @@ export type DesignCardProps = {
     tag: string;
     coverImage: string;
     date: string;
-    slug?: string;
+    onReadMore?: () => void;
+    readMoreHref?: string;
+    readMoreText?: string;
 };
 export declare const DesignCard: React.FC<DesignCardProps>;