@liner-fe/icon 0.1.4 → 0.1.6

package/assets/bolt/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 BoltProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconBolt = forwardRef<SVGSVGElement, BoltProps>(
+export const IconBolt = 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/book/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 BookProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconBook = forwardRef<SVGSVGElement, BookProps>(
+export const IconBook = 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/bookmark/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 BookmarkProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconBookmark = forwardRef<SVGSVGElement, BookmarkProps>(
+export const IconBookmark = 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/bookmark-cancel/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 BookmarkCancelProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconBookmarkCancel = forwardRef<SVGSVGElement, BookmarkCancelProps>(
+export const IconBookmarkCancel = 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/books/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 BooksProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconBooks = forwardRef<SVGSVGElement, BooksProps>(
+export const IconBooks = 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/brain/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 BrainProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconBrain = forwardRef<SVGSVGElement, BrainProps>(
+export const IconBrain = 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/bulb/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 BulbProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconBulb = forwardRef<SVGSVGElement, BulbProps>(
+export const IconBulb = 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/bulb-exclamtionmark/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 BulbExclamtionmarkProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconBulbExclamtionmark = forwardRef<SVGSVGElement, BulbExclamtionmarkProps>(
+export const IconBulbExclamtionmark = 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/camera/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 CameraProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconCamera = forwardRef<SVGSVGElement, CameraProps>(
+export const IconCamera = 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/car/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 CarProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconCar = forwardRef<SVGSVGElement, CarProps>(
+export const IconCar = 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/casual-shoe/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 CasualShoeProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconCasualShoe = forwardRef<SVGSVGElement, CasualShoeProps>(
+export const IconCasualShoe = 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/chart-bar/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 ChartBarProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconChartBar = forwardRef<SVGSVGElement, ChartBarProps>(
+export const IconChartBar = 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/chart-line-uptrend/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 ChartLineUptrendProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconChartLineUptrend = forwardRef<SVGSVGElement, ChartLineUptrendProps>(
+export const IconChartLineUptrend = 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/check-mark/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 CheckMarkProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconCheckMark = forwardRef<SVGSVGElement, CheckMarkProps>(
+export const IconCheckMark = 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/check-mark-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 CheckMarkFillProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconCheckMarkFill = forwardRef<SVGSVGElement, CheckMarkFillProps>(
+export const IconCheckMarkFill = 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/check-mark-in-circle/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 CheckMarkInCircleProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconCheckMarkInCircle = forwardRef<SVGSVGElement, CheckMarkInCircleProps>(
+export const IconCheckMarkInCircle = 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/chrome/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 ChromeProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconChrome = forwardRef<SVGSVGElement, ChromeProps>(
+export const IconChrome = 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/clock/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 ClockProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconClock = forwardRef<SVGSVGElement, ClockProps>(
+export const IconClock = 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/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 CloseProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconClose = forwardRef<SVGSVGElement, CloseProps>(
+export const IconClose = 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/close-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 CloseFillProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconCloseFill = forwardRef<SVGSVGElement, CloseFillProps>(
+export const IconCloseFill = 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/collection-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 CollectionAddProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconCollectionAdd = forwardRef<SVGSVGElement, CollectionAddProps>(
+export const IconCollectionAdd = 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/collections/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 CollectionsProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconCollections = forwardRef<SVGSVGElement, CollectionsProps>(
+export const IconCollections = 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/color-citation-recommender/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 ColorCitationRecommenderProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconColorCitationRecommender = forwardRef<SVGSVGElement, ColorCitationRecommenderProps>(
+export const IconColorCitationRecommender = 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/color-docx/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 ColorDocxProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconColorDocx = forwardRef<SVGSVGElement, ColorDocxProps>(
+export const IconColorDocx = 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/color-excel/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 ColorExcelProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconColorExcel = forwardRef<SVGSVGElement, ColorExcelProps>(
+export const IconColorExcel = 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/color-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 ColorFacebookProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconColorFacebook = forwardRef<SVGSVGElement, ColorFacebookProps>(
+export const IconColorFacebook = 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/color-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 ColorFireProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconColorFire = forwardRef<SVGSVGElement, ColorFireProps>(
+export const IconColorFire = 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/color-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 ColorGoogleProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconColorGoogle = forwardRef<SVGSVGElement, ColorGoogleProps>(
+export const IconColorGoogle = 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}>