types: Change DomAttributes to SVGAttributes

Author: fwh1990

snapshots/demo-js/IconAlipay.d.ts

@@ -1,12 +1,10 @@
 /* eslint-disable */
 
-import { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import { SVGAttributes, FunctionComponent } from 'react';
 
-interface Props extends DOMAttributes<SVGElement> {
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
   size?: number;
   color?: string | string[];
-  style?: CSSProperties;
-  className?: string;
 }
 
 declare const IconAlipay: FunctionComponent<Props>;

snapshots/demo-js/IconSetup.d.ts

@@ -1,12 +1,10 @@
 /* eslint-disable */
 
-import { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import { SVGAttributes, FunctionComponent } from 'react';
 
-interface Props extends DOMAttributes<SVGElement> {
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
   size?: number;
   color?: string | string[];
-  style?: CSSProperties;
-  className?: string;
 }
 
 declare const IconSetup: FunctionComponent<Props>;

snapshots/demo-js/IconUser.d.ts

@@ -1,12 +1,10 @@
 /* eslint-disable */
 
-import { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import { SVGAttributes, FunctionComponent } from 'react';
 
-interface Props extends DOMAttributes<SVGElement> {
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
   size?: number;
   color?: string | string[];
-  style?: CSSProperties;
-  className?: string;
 }
 
 declare const IconUser: FunctionComponent<Props>;

snapshots/demo-js/index.d.ts

@@ -1,13 +1,11 @@
 /* eslint-disable */
 
-import { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import { SVGAttributes, FunctionComponent } from 'react';
 
-interface Props extends DOMAttributes<SVGElement> {
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
   name: 'alipay' | 'user' | 'setup';
   size?: number;
   color?: string | string[];
-  style?: CSSProperties;
-  className?: string;
 }
 
 declare const IconFont: FunctionComponent<Props>;

snapshots/demo-ts/IconAlipay.tsx

@@ -1,14 +1,12 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import React, { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
-interface Props extends DOMAttributes<SVGElement> {
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
   size?: number;
   color?: string | string[];
-  style?: CSSProperties;
-  className?: string;
 }
 
 const DEFAULT_STYLE: CSSProperties = {

snapshots/demo-ts/IconSetup.tsx

@@ -1,14 +1,12 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import React, { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
-interface Props extends DOMAttributes<SVGElement> {
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
   size?: number;
   color?: string | string[];
-  style?: CSSProperties;
-  className?: string;
 }
 
 const DEFAULT_STYLE: CSSProperties = {

snapshots/demo-ts/IconUser.tsx

@@ -1,14 +1,12 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import React, { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
-interface Props extends DOMAttributes<SVGElement> {
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
   size?: number;
   color?: string | string[];
-  style?: CSSProperties;
-  className?: string;
 }
 
 const DEFAULT_STYLE: CSSProperties = {

snapshots/demo-ts/index.tsx

@@ -1,19 +1,17 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import React, { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import React, { SVGAttributes, FunctionComponent } from 'react';
 import IconAlipay from './IconAlipay';
 import IconUser from './IconUser';
 import IconSetup from './IconSetup';
 
 export type IconNames = 'alipay' | 'user' | 'setup';
 
-interface Props extends DOMAttributes<SVGElement> {
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
   name: IconNames;
   size?: number;
   color?: string | string[];
-  style?: CSSProperties;
-  className?: string;
 }
 
 const IconFont: FunctionComponent<Props> = ({ name, ...rest }) => {

src/templates/Icon.d.ts.template

@@ -1,13 +1,11 @@
 /* eslint-disable */
 
-import { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import { SVGAttributes, FunctionComponent } from 'react';
 
-interface Props extends DOMAttributes<SVGElement> {
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
   name: '#names#';
   size?: number;
   color?: string | string[];
-  style?: CSSProperties;
-  className?: string;
 }
 
 declare const IconFont: FunctionComponent<Props>;

src/templates/Icon.tsx.template

@@ -1,17 +1,15 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import React, { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import React, { SVGAttributes, FunctionComponent } from 'react';
 #imports#
 
 export type IconNames = '#names#';
 
-interface Props extends DOMAttributes<SVGElement> {
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
   name: IconNames;
   size?: number;
   color?: string | string[];
-  style?: CSSProperties;
-  className?: string;
 }
 
 const IconFont: FunctionComponent<Props> = ({ name, ...rest }) => {