@liner-fe/icon 0.1.4 → 0.1.5

package/assets/new-tab/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 NewTabProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconNewTab = forwardRef<SVGSVGElement, NewTabProps>(
+export const IconNewTab = 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/new-thread/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 NewThreadProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconNewThread = forwardRef<SVGSVGElement, NewThreadProps>(
+export const IconNewThread = 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/new-thread-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 NewThreadFolderProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconNewThreadFolder = forwardRef<SVGSVGElement, NewThreadFolderProps>(
+export const IconNewThreadFolder = 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/palette/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 PaletteProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconPalette = forwardRef<SVGSVGElement, PaletteProps>(
+export const IconPalette = 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/paperclip/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 PaperclipProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconPaperclip = forwardRef<SVGSVGElement, PaperclipProps>(
+export const IconPaperclip = 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/paragraph/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 ParagraphProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconParagraph = forwardRef<SVGSVGElement, ParagraphProps>(
+export const IconParagraph = 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/paraphrase/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 ParaphraseProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconParaphrase = forwardRef<SVGSVGElement, ParaphraseProps>(
+export const IconParaphrase = 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/pencil/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 PencilProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconPencil = forwardRef<SVGSVGElement, PencilProps>(
+export const IconPencil = 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/person/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 PersonProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconPerson = forwardRef<SVGSVGElement, PersonProps>(
+export const IconPerson = 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/person-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 PersonAddProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconPersonAdd = forwardRef<SVGSVGElement, PersonAddProps>(
+export const IconPersonAdd = 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/person-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 PersonFillProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconPersonFill = forwardRef<SVGSVGElement, PersonFillProps>(
+export const IconPersonFill = 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/photo/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 PhotoProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconPhoto = forwardRef<SVGSVGElement, PhotoProps>(
+export const IconPhoto = 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/play-button/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 PlayButtonProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconPlayButton = forwardRef<SVGSVGElement, PlayButtonProps>(
+export const IconPlayButton = 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/plus/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 PlusProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconPlus = forwardRef<SVGSVGElement, PlusProps>(
+export const IconPlus = 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/power/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 PowerProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconPower = forwardRef<SVGSVGElement, PowerProps>(
+export const IconPower = 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/question-box/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 QuestionBoxProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconQuestionBox = forwardRef<SVGSVGElement, QuestionBoxProps>(
+export const IconQuestionBox = 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/question-message/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 QuestionMessageProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconQuestionMessage = forwardRef<SVGSVGElement, QuestionMessageProps>(
+export const IconQuestionMessage = 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/quote/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 QuoteProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconQuote = forwardRef<SVGSVGElement, QuoteProps>(
+export const IconQuote = 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/redo/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 RedoProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconRedo = forwardRef<SVGSVGElement, RedoProps>(
+export const IconRedo = 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/regenerate/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 RegenerateProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconRegenerate = forwardRef<SVGSVGElement, RegenerateProps>(
+export const IconRegenerate = 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/remove-from-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 RemoveFromFolderProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconRemoveFromFolder = forwardRef<SVGSVGElement, RemoveFromFolderProps>(
+export const IconRemoveFromFolder = 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/report/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 ReportProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconReport = forwardRef<SVGSVGElement, ReportProps>(
+export const IconReport = 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/restaurant/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 RestaurantProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconRestaurant = forwardRef<SVGSVGElement, RestaurantProps>(
+export const IconRestaurant = 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/retry/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 RetryProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconRetry = forwardRef<SVGSVGElement, RetryProps>(
+export const IconRetry = 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/rocket/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 RocketProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconRocket = forwardRef<SVGSVGElement, RocketProps>(
+export const IconRocket = 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/search/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 SearchProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconSearch = forwardRef<SVGSVGElement, SearchProps>(
+export const IconSearch = 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/secret-mode/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 SecretModeProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconSecretMode = forwardRef<SVGSVGElement, SecretModeProps>(
+export const IconSecretMode = 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/send/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 SendProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconSend = forwardRef<SVGSVGElement, SendProps>(
+export const IconSend = 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}>