@liner-fe/icon 0.1.7 → 0.1.9

package/assets/thumb-up/index.tsx

@@ -1,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconThumbUp = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconThumbUp = forwardRef<SVGSVGElement, IconProps>(
   ({ 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/timer/index.tsx

@@ -1,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconTimer = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconTimer = forwardRef<SVGSVGElement, IconProps>(
   ({ 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/translate/index.tsx

@@ -1,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconTranslate = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconTranslate = forwardRef<SVGSVGElement, IconProps>(
   ({ 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/trash/index.tsx

@@ -1,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconTrash = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconTrash = forwardRef<SVGSVGElement, IconProps>(
   ({ 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/tune/index.tsx

@@ -1,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconTune = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconTune = forwardRef<SVGSVGElement, IconProps>(
   ({ 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/twitter/index.tsx

@@ -1,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconTwitter = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconTwitter = forwardRef<SVGSVGElement, IconProps>(
   ({ 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,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconUndo = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconUndo = forwardRef<SVGSVGElement, IconProps>(
   ({ 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,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconVerificationBadge = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconVerificationBadge = forwardRef<SVGSVGElement, IconProps>(
   ({ 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,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconViewList = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconViewList = forwardRef<SVGSVGElement, IconProps>(
   ({ 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,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconVisibility = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconVisibility = forwardRef<SVGSVGElement, IconProps>(
   ({ 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,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconVisibilityOff = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconVisibilityOff = forwardRef<SVGSVGElement, IconProps>(
   ({ 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,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconVolume = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconVolume = forwardRef<SVGSVGElement, IconProps>(
   ({ 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,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconVolumeUp = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconVolumeUp = forwardRef<SVGSVGElement, IconProps>(
   ({ 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,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconZoomIn = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconZoomIn = forwardRef<SVGSVGElement, IconProps>(
   ({ 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,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { NewIconProps } from '../../index';
+import { IconProps } from '../../index';
 
-export const IconZoomOut = forwardRef<SVGSVGElement, NewIconProps>(
+export const IconZoomOut = forwardRef<SVGSVGElement, IconProps>(
   ({ 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

@@ -417,225 +417,7 @@ export type IconName = "arrow-upward" | "arrow-downward" | "arrow-back" | "arrow
 
 export type IconSizeKey = keyof typeof iconSizeMap;
 
-export const IconMap: Record<IconName, React.ForwardRefExoticComponent<any>> = {
-  "arrow-upward": IconArrowUpward,
-  "arrow-downward": IconArrowDownward,
-  "arrow-back": IconArrowBack,
-  "arrow-forward": IconArrowForward,
-  "drop-up": IconDropUp,
-  "drop-down": IconDropDown,
-  "arrow-backward": IconArrowBackward,
-  "arrow-drop-right": IconArrowDropRight,
-  "arrow-up": IconArrowUp,
-  "arrow-down": IconArrowDown,
-  "arrow-left": IconArrowLeft,
-  "arrow-right": IconArrowRight,
-  "move": IconMove,
-  "arrow-turn": IconArrowTurn,
-  "start": IconStart,
-  "end": IconEnd,
-  "extend": IconExtend,
-  "shorten": IconShorten,
-  "more": IconMore,
-  "check-mark": IconCheckMark,
-  "check-mark-fill": IconCheckMarkFill,
-  "exclamationmark": IconExclamationmark,
-  "exclamationmark-fill": IconExclamationmarkFill,
-  "plus": IconPlus,
-  "minus": IconMinus,
-  "close": IconClose,
-  "close-fill": IconCloseFill,
-  "double-arrow-forward": IconDoubleArrowForward,
-  "double-arrow-backward": IconDoubleArrowBackward,
-  "arrow-up-right": IconArrowUpRight,
-  "arrow-down-left": IconArrowDownLeft,
-  "arrow-up-left": IconArrowUpLeft,
-  "arrow-up-down": IconArrowUpDown,
-  "redo": IconRedo,
-  "undo": IconUndo,
-  "expand": IconExpand,
-  "show-all": IconShowAll,
-  "hide-all": IconHideAll,
-  "help": IconHelp,
-  "zoom-in": IconZoomIn,
-  "zoom-out": IconZoomOut,
-  "retry": IconRetry,
-  "question-message": IconQuestionMessage,
-  "books": IconBooks,
-  "balance": IconBalance,
-  "chart-bar": IconChartBar,
-  "chart-line-uptrend": IconChartLineUptrend,
-  "folder": IconFolder,
-  "folder-open": IconFolderOpen,
-  "folder-add": IconFolderAdd,
-  "document": IconDocument,
-  "history": IconHistory,
-  "person": IconPerson,
-  "person-add": IconPersonAdd,
-  "send": IconSend,
-  "paperclip": IconPaperclip,
-  "share": IconShare,
-  "sign-out": IconSignOut,
-  "lock": IconLock,
-  "ai": IconAi,
-  "trash": IconTrash,
-  "stack": IconStack,
-  "new-thread": IconNewThread,
-  "summarize": IconSummarize,
-  "search": IconSearch,
-  "memo": IconMemo,
-  "globe": IconGlobe,
-  "graduationcap": IconGraduationcap,
-  "palette": IconPalette,
-  "download": IconDownload,
-  "copy": IconCopy,
-  "regenerate": IconRegenerate,
-  "credit": IconCredit,
-  "feedback": IconFeedback,
-  "creditcard": IconCreditcard,
-  "speaker": IconSpeaker,
-  "tune": IconTune,
-  "shield": IconShield,
-  "menu": IconMenu,
-  "light": IconLight,
-  "document-add": IconDocumentAdd,
-  "thumb-up": IconThumbUp,
-  "thumb-down": IconThumbDown,
-  "document-warning": IconDocumentWarning,
-  "person-fill": IconPersonFill,
-  "step": IconStep,
-  "book": IconBook,
-  "description": IconDescription,
-  "bookmark": IconBookmark,
-  "power": IconPower,
-  "photo": IconPhoto,
-  "camera": IconCamera,
-  "list": IconList,
-  "desktop": IconDesktop,
-  "desktop-on-cursor": IconDesktopOnCursor,
-  "view-list": IconViewList,
-  "bolt": IconBolt,
-  "home": IconHome,
-  "visibility": IconVisibility,
-  "visibility-off": IconVisibilityOff,
-  "magic-wand": IconMagicWand,
-  "highlighter": IconHighlighter,
-  "pencil": IconPencil,
-  "essay": IconEssay,
-  "magic-pencil": IconMagicPencil,
-  "highlight-edit": IconHighlightEdit,
-  "paraphrase": IconParaphrase,
-  "bulb-exclamtionmark": IconBulbExclamtionmark,
-  "bulb": IconBulb,
-  "make-easy": IconMakeEasy,
-  "translate": IconTranslate,
-  "info": IconInfo,
-  "apple": IconApple,
-  "android": IconAndroid,
-  "twitter": IconTwitter,
-  "facebook": IconFacebook,
-  "google": IconGoogle,
-  "car": IconCar,
-  "airplane": IconAirplane,
-  "rocket": IconRocket,
-  "source": IconSource,
-  "liner": IconLiner,
-  "setting": IconSetting,
-  "light-mode": IconLightMode,
-  "dark-mode": IconDarkMode,
-  "fire": IconFire,
-  "question-box": IconQuestionBox,
-  "target": IconTarget,
-  "new-tab": IconNewTab,
-  "quote": IconQuote,
-  "document-check": IconDocumentCheck,
-  "block": IconBlock,
-  "bookmark-cancel": IconBookmarkCancel,
-  "email": IconEmail,
-  "filter": IconFilter,
-  "timer": IconTimer,
-  "play-button": IconPlayButton,
-  "text-select": IconTextSelect,
-  "bell": IconBell,
-  "secret-mode": IconSecretMode,
-  "add-clock": IconAddClock,
-  "clock": IconClock,
-  "spinner": IconSpinner,
-  "volume-up": IconVolumeUp,
-  "volume": IconVolume,
-  "google-export": IconGoogleExport,
-  "link": IconLink,
-  "sheet-export": IconSheetExport,
-  "shield-person": IconShieldPerson,
-  "shield-usage": IconShieldUsage,
-  "formal-bag": IconFormalBag,
-  "casual-shoe": IconCasualShoe,
-  "folder-open-share": IconFolderOpenShare,
-  "folder-share": IconFolderShare,
-  "verification-badge": IconVerificationBadge,
-  "report": IconReport,
-  "brain": IconBrain,
-  "mindmap": IconMindmap,
-  "flowchart": IconFlowchart,
-  "focus": IconFocus,
-  "paragraph": IconParagraph,
-  "add-to-folder": IconAddToFolder,
-  "remove-from-folder": IconRemoveFromFolder,
-  "move-to-folder": IconMoveToFolder,
-  "new-thread-folder": IconNewThreadFolder,
-  "chrome": IconChrome,
-  "new-chrome-extension": IconNewChromeExtension,
-  "mobile": IconMobile,
-  "members": IconMembers,
-  "teams": IconTeams,
-  "stop": IconStop,
-  "microscope": IconMicroscope,
-  "literature-review": IconLiteratureReview,
-  "expand-close": IconExpandClose,
-  "restaurant": IconRestaurant,
-  "color-liner": IconColorLiner,
-  "color-liner-variation": IconColorLinerVariation,
-  "color-facebook": IconColorFacebook,
-  "color-google": IconColorGoogle,
-  "color-fire": IconColorFire,
-  "color-txt": IconColorTxt,
-  "color-pdf": IconColorPdf,
-  "color-docx": IconColorDocx,
-  "more-horizontal": IconMoreHorizontal,
-  "more-vertical": IconMoreVertical,
-  "check-mark-in-circle": IconCheckMarkInCircle,
-  "star": IconStar,
-  "credit-add": IconCreditAdd,
-  "m-new-tab": IconMNewTab,
-  "collection-add": IconCollectionAdd,
-  "collections": IconCollections,
-  "survey": IconSurvey,
-  "location": IconLocation,
-  "hourglass": IconHourglass,
-  "bag": IconBag,
-  "color-excel": IconColorExcel,
-  "color-html": IconColorHtml,
-  "color-powerpoint": IconColorPowerpoint,
-  "color-link": IconColorLink,
-  "color-hypothesis-generator": IconColorHypothesisGenerator,
-  "color-citation-recommender": IconColorCitationRecommender,
-  "color-peer-review": IconColorPeerReview,
-  "color-survey-simulator": IconColorSurveySimulator,
-  "color-literature-review": IconColorLiteratureReview,
-  "color-research-tracer": IconColorResearchTracer,
-  "at-sign": IconAtSign
-} as const;
-
-export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  name: keyof typeof IconMap;size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export interface NewIconProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
   fill?: boolean;
   thick?: boolean;
   className?: string;
@@ -645,15 +427,5 @@ export interface NewIconProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'na
 }
 
 export type IconComponentType = React.ForwardRefExoticComponent<
-  Omit<NewIconProps, 'ref'> & React.RefAttributes<SVGSVGElement>
+  Omit<IconProps, 'ref'> & React.RefAttributes<SVGSVGElement>
 >;
-
-export const Icon = forwardRef<SVGSVGElement, IconProps>(({name, size = "m", ...props}, ref) => {
-  const IconComponent = IconMap[name];
-
-  if (!IconComponent) {
-    return null;
-  }
-
-  return <IconComponent {...props} ref={ref} size={size} />;
-});