@common-origin/design-system 1.3.1 → 1.4.1

package/README.md

@@ -72,7 +72,13 @@ npm run typecheck        # Type checking
 npm run docs:generate    # Generate component docs
 ```
 
-## 📦 Package Usage
+## � Requirements
+
+This design system supports:
+- **React**: 18.x or 19.x
+- **TypeScript**: 4.x or higher (recommended)
+
+## �📦 Package Usage
 
 Install the design system in your project:
 

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

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

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

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

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

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-import iconsData from '@/styles/icons.json';
+import { type IconName } from '@/types/icons';
+export type { IconName };
 export interface IconProps {
-    name: keyof typeof iconsData;
+    name: IconName;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
     iconColor?: 'default' | 'emphasis' | 'subdued' | 'disabled' | 'inverse' | 'interactive' | 'error' | 'success' | 'warning' | 'inherit';
     'data-testid'?: string;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import iconsData from '@/styles/icons.json';
+import { type IconName } from '../Icon';
 export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
     variant: 'primary' | 'secondary' | 'naked';
     size?: 'small' | 'medium' | 'large';
-    iconName: keyof typeof iconsData;
+    iconName: IconName;
     url?: string;
     onClick?: () => void;
     'aria-label': string;

package/dist/components/dateFormatter.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type DateFormatterProps = {
+    dateString: string;
+    formatString?: string;
+};
+export declare const DateFormatter: React.FC<DateFormatterProps>;
+export {};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export { default as tokens } from './styles/tokens.json';
+export { iconsData, type IconName } from './types/icons';

package/dist/index.esm.js

@@ -2726,5 +2726,5 @@ var ResponsiveGrid = function ResponsiveGrid(_a) {
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35;
 
-export { ArtCard, Avatar, Box, Breadcrumbs, Button, Chip, ChipGroup, CodeBlock, Container, DateFormatter, DesignCard, Dropdown, Grid, GridCol, Icon, IconButton, LegacyChip, PageTitle, Picture, ReleaseCard, ResponsiveGrid, SectionSeparator, Stack, Typography, tokens };
+export { ArtCard, Avatar, Box, Breadcrumbs, Button, Chip, ChipGroup, CodeBlock, Container, DateFormatter, DesignCard, Dropdown, Grid, GridCol, Icon, IconButton, LegacyChip, PageTitle, Picture, ReleaseCard, ResponsiveGrid, SectionSeparator, Stack, Typography, iconsData, tokens };
 //# sourceMappingURL=index.esm.js.map