Re-export everything from Icon, add IconComponentType (#65974)

web/packages/design/src/Icon/Icon.tsx

@@ -16,7 +16,12 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { ForwardedRef, forwardRef, PropsWithChildren } from 'react';
+import React, {
+  ComponentType,
+  ForwardedRef,
+  forwardRef,
+  PropsWithChildren,
+} from 'react';
 import styled from 'styled-components';
 
 import { borderRadius, color, space, SpaceProps } from 'design/system';
@@ -83,6 +88,11 @@ export type IconProps = SpaceProps & {
   className?: string;
 };
 
+/**
+ * IconComponentType are used for vars and props that can hold an arbitrary icon.
+ */
+export type IconComponentType = ComponentType<IconProps>;
+
 /**
  * Props are used on the Icon component, but not in autogenerated icon components.
  */

web/packages/design/src/Icon/index.ts

@@ -22,7 +22,7 @@ THIS FILE IS GENERATED. DO NOT EDIT.
 
 */
 
-export { Icon } from './Icon';
+export * from './Icon';
 
 export { Add } from './Icons/Add';
 export { AddCircle } from './Icons/AddCircle';

web/packages/design/src/Icon/script/script.js

@@ -157,7 +157,7 @@ THIS FILE IS GENERATED. DO NOT EDIT.
 
 */
 
-export { Icon } from './Icon';
+export * from './Icon';
 
 ${lines.join('\n')}
 `;