@liner-fe/icon 0.1.4 → 0.1.6

package/assets/drop-up/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface DropUpProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconDropUp = forwardRef<SVGSVGElement, DropUpProps>(
+export const IconDropUp = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/email/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface EmailProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconEmail = forwardRef<SVGSVGElement, EmailProps>(
+export const IconEmail = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/end/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface EndProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconEnd = forwardRef<SVGSVGElement, EndProps>(
+export const IconEnd = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/essay/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface EssayProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconEssay = forwardRef<SVGSVGElement, EssayProps>(
+export const IconEssay = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/exclamationmark/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface ExclamationmarkProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconExclamationmark = forwardRef<SVGSVGElement, ExclamationmarkProps>(
+export const IconExclamationmark = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/exclamationmark-fill/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface ExclamationmarkFillProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconExclamationmarkFill = forwardRef<SVGSVGElement, ExclamationmarkFillProps>(
+export const IconExclamationmarkFill = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/expand/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface ExpandProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconExpand = forwardRef<SVGSVGElement, ExpandProps>(
+export const IconExpand = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/expand-close/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface ExpandCloseProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconExpandClose = forwardRef<SVGSVGElement, ExpandCloseProps>(
+export const IconExpandClose = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/extend/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface ExtendProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconExtend = forwardRef<SVGSVGElement, ExtendProps>(
+export const IconExtend = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/facebook/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FacebookProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFacebook = forwardRef<SVGSVGElement, FacebookProps>(
+export const IconFacebook = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/feedback/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FeedbackProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFeedback = forwardRef<SVGSVGElement, FeedbackProps>(
+export const IconFeedback = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/filter/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FilterProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFilter = forwardRef<SVGSVGElement, FilterProps>(
+export const IconFilter = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/fire/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FireProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFire = forwardRef<SVGSVGElement, FireProps>(
+export const IconFire = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/flowchart/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FlowchartProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFlowchart = forwardRef<SVGSVGElement, FlowchartProps>(
+export const IconFlowchart = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/focus/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FocusProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFocus = forwardRef<SVGSVGElement, FocusProps>(
+export const IconFocus = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/folder/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FolderProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFolder = forwardRef<SVGSVGElement, FolderProps>(
+export const IconFolder = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/folder-add/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FolderAddProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFolderAdd = forwardRef<SVGSVGElement, FolderAddProps>(
+export const IconFolderAdd = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/folder-open/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FolderOpenProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFolderOpen = forwardRef<SVGSVGElement, FolderOpenProps>(
+export const IconFolderOpen = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/folder-open-share/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FolderOpenShareProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFolderOpenShare = forwardRef<SVGSVGElement, FolderOpenShareProps>(
+export const IconFolderOpenShare = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/folder-share/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FolderShareProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFolderShare = forwardRef<SVGSVGElement, FolderShareProps>(
+export const IconFolderShare = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/formal-bag/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface FormalBagProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconFormalBag = forwardRef<SVGSVGElement, FormalBagProps>(
+export const IconFormalBag = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/globe/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface GlobeProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconGlobe = forwardRef<SVGSVGElement, GlobeProps>(
+export const IconGlobe = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/google/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface GoogleProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconGoogle = forwardRef<SVGSVGElement, GoogleProps>(
+export const IconGoogle = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/google-export/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface GoogleExportProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconGoogleExport = forwardRef<SVGSVGElement, GoogleExportProps>(
+export const IconGoogleExport = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/graduationcap/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface GraduationcapProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconGraduationcap = forwardRef<SVGSVGElement, GraduationcapProps>(
+export const IconGraduationcap = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/help/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface HelpProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconHelp = forwardRef<SVGSVGElement, HelpProps>(
+export const IconHelp = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/hide-all/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface HideAllProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconHideAll = forwardRef<SVGSVGElement, HideAllProps>(
+export const IconHideAll = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/highlight-edit/index.tsx

@@ -1,17 +1,8 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-import { SVGProps } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { NewIconProps } from '../../index';
 
-interface HighlightEditProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconHighlightEdit = forwardRef<SVGSVGElement, HighlightEditProps>(
+export const IconHighlightEdit = forwardRef<SVGSVGElement, NewIconProps>(
   ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={iconSizeMap[size]} height={iconSizeMap[size]} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>