@indico-data/design-system 2.3.1 → 2.3.2

package/lib/src/components/icons/Icon.d.ts

@@ -1,4 +1,2 @@
-import React from 'react';
 import { IconProps } from './types';
-declare const Icon: React.FC<IconProps>;
-export default Icon;
+export declare const Icon: ({ name, size, className, ariaLabel, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/src/components/icons/index.d.ts

@@ -1 +1 @@
-export { default as Icon } from './Icon';
+export { Icon } from './Icon';

package/lib/src/components/icons/types.d.ts

@@ -1,5 +1,5 @@
 import { MouseEventHandler } from 'react';
-import { IconName, PermafrostComponent } from '@/types';
+import { PermafrostComponent, IconName } from '../../types';
 export type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type IconProps = PermafrostComponent & {
     name: IconName;

package/lib/src/types.d.ts

@@ -8,5 +8,5 @@ export type ButtonVariant = 'default' | 'primary' | 'destructive';
 export type ButtonSize = 'normal' | 'large';
 import { IconName } from '../build/generated/iconTypes';
 export type { IconName };
-import { IconSizes } from '@/components/icons/types';
+import { IconSizes } from './components/icons/types';
 export type { IconSizes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indico-data/design-system",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "description": "",
   "author": "",
   "main": "lib/index.js",

package/src/components/icons/Icon.tsx

@@ -12,7 +12,7 @@ const kebabToCamel = (str?: string) => {
   return str.replace(/-./g, (match) => match.charAt(1).toUpperCase());
 };
 
-const Icon: React.FC<IconProps> = ({ name, size = 'md', className, ariaLabel, ...props }) => {
+export const Icon = ({ name, size = 'md', className, ariaLabel, ...props }: IconProps) => {
   const camelCaseName = kebabToCamel(name);
   const faIcon = solidIcons[camelCaseName as keyof typeof solidIcons] as IconDefinition | undefined;
   const customIcon = indicons[name as keyof typeof indicons];
@@ -41,5 +41,3 @@ const Icon: React.FC<IconProps> = ({ name, size = 'md', className, ariaLabel, ..
     })
   );
 };
-
-export default Icon;

package/src/components/icons/__tests__/Icon.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import Icon from '../Icon';
+import { Icon } from '@/components';
 
 describe('Icon Component', () => {
   describe('FontAwesome Icons', () => {

package/src/components/icons/index.ts

@@ -1 +1 @@
-export { default as Icon } from './Icon';
+export { Icon } from './Icon';

package/src/components/icons/types.ts

@@ -1,5 +1,5 @@
 import { MouseEventHandler } from 'react';
-import { IconName, PermafrostComponent } from '@/types';
+import { PermafrostComponent, IconName } from '../../types';
 
 export type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 

package/src/types.ts

@@ -11,5 +11,5 @@ export type ButtonSize = 'normal' | 'large';
 import { IconName } from '../build/generated/iconTypes';
 export type { IconName };
 
-import { IconSizes } from '@/components/icons/types';
+import { IconSizes } from './components/icons/types';
 export type { IconSizes };