@liner-fe/icon 0.1.4 → 0.1.5

package/assets/twitter/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 TwitterProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconTwitter = forwardRef<SVGSVGElement, TwitterProps>(
+export const IconTwitter = 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/undo/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 UndoProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconUndo = forwardRef<SVGSVGElement, UndoProps>(
+export const IconUndo = 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/verification-badge/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 VerificationBadgeProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconVerificationBadge = forwardRef<SVGSVGElement, VerificationBadgeProps>(
+export const IconVerificationBadge = 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/view-list/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 ViewListProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconViewList = forwardRef<SVGSVGElement, ViewListProps>(
+export const IconViewList = 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/visibility/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 VisibilityProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconVisibility = forwardRef<SVGSVGElement, VisibilityProps>(
+export const IconVisibility = 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/visibility-off/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 VisibilityOffProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconVisibilityOff = forwardRef<SVGSVGElement, VisibilityOffProps>(
+export const IconVisibilityOff = 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/volume/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 VolumeProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconVolume = forwardRef<SVGSVGElement, VolumeProps>(
+export const IconVolume = 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/volume-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 VolumeUpProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconVolumeUp = forwardRef<SVGSVGElement, VolumeUpProps>(
+export const IconVolumeUp = 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/zoom-in/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 ZoomInProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconZoomIn = forwardRef<SVGSVGElement, ZoomInProps>(
+export const IconZoomIn = 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/zoom-out/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 ZoomOutProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconZoomOut = forwardRef<SVGSVGElement, ZoomOutProps>(
+export const IconZoomOut = 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/index.tsx

@@ -632,6 +632,19 @@ export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
+export interface NewIconProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: keyof typeof iconSizeMap;
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export type IconComponentType = React.ForwardRefExoticComponent<
+  Omit<NewIconProps, 'ref'> & React.RefAttributes<SVGSVGElement>
+>;
+
 export const Icon = forwardRef<SVGSVGElement, IconProps>(({name, size = "m", ...props}, ref) => {
   const IconComponent = IconMap[name];