@indico-data/design-system 2.45.2 → 2.45.3

package/src/components/icons/types.ts

@@ -1,4 +1,4 @@
-import { MouseEventHandler } from 'react';
+import { MouseEventHandler, CSSProperties } from 'react';
 import { PermafrostComponent } from '../../types';
 import { IconName as FAIconName } from '@fortawesome/fontawesome-svg-core';
 import { indicons } from './indicons';
@@ -13,6 +13,6 @@ export type IconProps = PermafrostComponent & {
   name: IconName;
   ariaLabel?: string;
   size?: IconSizes;
-  style?: React.CSSProperties;
+  style?: CSSProperties;
   onClick?: MouseEventHandler<SVGElement>;
 };

package/src/setup/setupIcons.ts

@@ -23,8 +23,9 @@ import {
   faQuestionCircle,
   faCopy,
 } from '@fortawesome/free-solid-svg-icons';
+import { indiconDefinitions } from '@/components/icons/indicons';
 
-// Utility for registering FontAwesome icons
+// Utility for registering Font Awesome icons
 export const registerFontAwesomeIcons = (...icons: IconDefinition[]) => {
   library.add(...icons);
 };
@@ -51,4 +52,7 @@ registerFontAwesomeIcons(
   faFileDownload,
   faQuestionCircle,
   faCopy,
+  // backwards compat, don't require registration of custom indicons
+  // might want to consider doing so in the future
+  ...indiconDefinitions,
 );

package/src/storybook/iconNames.ts

@@ -1,4 +1,4 @@
-// NOTE: This file imports the full list of FontAwesome icons, and is only intended for use in Storybook.
+// NOTE: This file imports the full list of Font Awesome icons, and is only intended for use in Storybook.
 // Avoid importing this file into the design system code to keep bundle size at a minimum.
 
 import { fas } from '@fortawesome/free-solid-svg-icons';