@liner-fe/icon 0.0.54 → 0.0.55

package/assets/m-new-tab/index.tsx

@@ -0,0 +1,42 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface MNewTabProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const MNewTab = forwardRef<SVGSVGElement, MNewTabProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path d="M17.793 10.9307H9V39H37.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V10.9307Z" style={{ fill: `var(--${type})` }}/>
+<path d="M39.2832 6.43066C40.1837 6.43091 40.914 7.16096 40.9141 8.06152V21.6895H37.9141V11.5518L20.1641 29.3018L18.043 27.1807L35.793 9.43066H25.6553V6.43066H39.2832Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path d="M17.793 10.9307H9V39H37.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V10.9307Z" style={{ fill: `var(--${type})` }}/>
+<path d="M39.2832 6.43066C40.1837 6.43091 40.914 7.16096 40.9141 8.06152V21.6895H37.9141V11.5518L20.1641 29.3018L18.043 27.1807L35.793 9.43066H25.6553V6.43066H39.2832Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path d="M17.793 11.9307H10V38H36.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V11.9307Z" style={{ fill: `var(--${type})` }}/>
+<path d="M39.501 5.94141C40.5754 6.05068 41.414 6.95833 41.4141 8.06152V21.6895H37.4141V12.7588L20.5176 29.6553L17.6895 26.8271L34.5859 9.93066H25.6553V5.93066H39.2832L39.501 5.94141Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path d="M17.793 10.9307H9V39H37.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V10.9307Z" style={{ fill: `var(--${type})` }}/>
+<path d="M39.2832 6.43066C40.1837 6.43091 40.914 7.16096 40.9141 8.06152V21.6895H37.9141V11.5518L20.1641 29.3018L18.043 27.1807L35.793 9.43066H25.6553V6.43066H39.2832Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  }
+);

package/assets/survey/index.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface SurveyProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const Survey = forwardRef<SVGSVGElement, SurveyProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 31C15.3137 31 18 33.6863 18 37C18 40.3137 15.3137 43 12 43C8.68629 43 6 40.3137 6 37C6 33.6863 8.68629 31 12 31ZM12 34C10.3431 34 9 35.3431 9 37C9 38.6569 10.3431 40 12 40C13.6569 40 15 38.6569 15 37C15 35.3431 13.6569 34 12 34Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 38.5742H22V35.5742H42V38.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.3672 21.0518L12.3887 27.0078C11.6072 27.7859 10.3434 27.7847 9.56348 27.0049L5.93945 23.3809L8.06055 21.2598L10.9785 24.1768L16.25 18.9258L18.3672 21.0518Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 25.5742H22V22.5742H42V25.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.2188 9.05176L12.2402 15.0078C11.4588 15.7859 10.1949 15.7847 9.41504 15.0049L5.79102 11.3809L7.91211 9.25977L10.8301 12.1768L16.1016 6.92578L18.2188 9.05176Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 12.5742H22V9.57422H42V12.5742Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 31C15.3137 31 18 33.6863 18 37C18 40.3137 15.3137 43 12 43C8.68629 43 6 40.3137 6 37C6 33.6863 8.68629 31 12 31ZM12 34C10.3431 34 9 35.3431 9 37C9 38.6569 10.3431 40 12 40C13.6569 40 15 38.6569 15 37C15 35.3431 13.6569 34 12 34Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 38.5742H22V35.5742H42V38.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.3672 21.0518L12.3887 27.0078C11.6072 27.7859 10.3434 27.7847 9.56348 27.0049L5.93945 23.3809L8.06055 21.2598L10.9785 24.1768L16.25 18.9258L18.3672 21.0518Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 25.5742H22V22.5742H42V25.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.2188 9.05176L12.2402 15.0078C11.4588 15.7859 10.1949 15.7847 9.41504 15.0049L5.79102 11.3809L7.91211 9.25977L10.8301 12.1768L16.1016 6.92578L18.2188 9.05176Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 12.5742H22V9.57422H42V12.5742Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 31C15.3137 31 18 33.6863 18 37C18 40.3137 15.3137 43 12 43C8.68629 43 6 40.3137 6 37C6 33.6863 8.68629 31 12 31ZM12 35C10.8954 35 10 35.8954 10 37C10 38.1046 10.8954 39 12 39C13.1046 39 14 38.1046 14 37C14 35.8954 13.1046 35 12 35Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 39.0742H22V35.0742H42V39.0742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.7207 21.4053L12.7422 27.3613C11.7654 28.3344 10.185 28.3332 9.20996 27.3584L5.58594 23.7344L8.41406 20.9062L10.9785 23.4707L15.8965 18.5723L18.7207 21.4053Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 26.0742H22V22.0742H42V26.0742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.5723 9.40527L12.5938 15.3613C11.617 16.3344 10.0366 16.3332 9.06152 15.3584L5.4375 11.7344L8.26562 8.90625L10.8301 11.4707L15.748 6.57227L18.5723 9.40527Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 13.0742H22V9.07422H42V13.0742Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path fillRule="evenodd" clipRule="evenodd" d="M12 31C15.3137 31 18 33.6863 18 37C18 40.3137 15.3137 43 12 43C8.68629 43 6 40.3137 6 37C6 33.6863 8.68629 31 12 31ZM12 34C10.3431 34 9 35.3431 9 37C9 38.6569 10.3431 40 12 40C13.6569 40 15 38.6569 15 37C15 35.3431 13.6569 34 12 34Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 38.5742H22V35.5742H42V38.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.3672 21.0518L12.3887 27.0078C11.6072 27.7859 10.3434 27.7847 9.56348 27.0049L5.93945 23.3809L8.06055 21.2598L10.9785 24.1768L16.25 18.9258L18.3672 21.0518Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 25.5742H22V22.5742H42V25.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.2188 9.05176L12.2402 15.0078C11.4588 15.7859 10.1949 15.7847 9.41504 15.0049L5.79102 11.3809L7.91211 9.25977L10.8301 12.1768L16.1016 6.92578L18.2188 9.05176Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 12.5742H22V9.57422H42V12.5742Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  }
+);

package/index.tsx

@@ -188,8 +188,20 @@ import { MoreHorizontal } from './assets/more-horizontal';
 import { MoreVertical } from './assets/more-vertical';
 import { CheckMarkInCircle } from './assets/check-mark-in-circle';
 import { Star } from './assets/star';
+import { CreditAdd } from './assets/credit-add';
+import { MNewTab } from './assets/m-new-tab';
+import { CollectionAdd } from './assets/collection-add';
+import { Collections } from './assets/collections';
+import { Survey } from './assets/survey';
+import { Location } from './assets/location';
+import { Hourglass } from './assets/hourglass';
+import { Bag } from './assets/bag';
+import { ColorExcel } from './assets/color-excel';
+import { ColorHtml } from './assets/color-html';
+import { ColorPowerpoint } from './assets/color-powerpoint';
+import { ColorLink } from './assets/color-link';
 
-export type IconName = "arrow-upward" | "arrow-downward" | "arrow-back" | "arrow-forward" | "drop-up" | "drop-down" | "arrow-backward" | "arrow-drop-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "move" | "arrow-turn" | "start" | "end" | "extend" | "shorten" | "more" | "check-mark" | "check-mark-fill" | "exclamationmark" | "exclamationmark-fill" | "plus" | "minus" | "close" | "close-fill" | "double-arrow-forward" | "double-arrow-backward" | "arrow-up-right" | "arrow-down-left" | "arrow-up-left" | "arrow-up-down" | "redo" | "undo" | "expand" | "show-all" | "hide-all" | "help" | "zoom-in" | "zoom-out" | "retry" | "question-message" | "books" | "balance" | "chart-bar" | "chart-line-uptrend" | "folder" | "folder-open" | "folder-add" | "document" | "history" | "person" | "person-add" | "send" | "paperclip" | "share" | "sign-out" | "lock" | "ai" | "trash" | "stack" | "new-thread" | "summarize" | "search" | "memo" | "globe" | "graduationcap" | "palette" | "download" | "copy" | "regenerate" | "credit" | "feedback" | "creditcard" | "speaker" | "tune" | "shield" | "menu" | "light" | "document-add" | "thumb-up" | "thumb-down" | "document-warning" | "person-fill" | "step" | "book" | "description" | "bookmark" | "power" | "photo" | "camera" | "list" | "desktop" | "desktop-on-cursor" | "view-list" | "bolt" | "home" | "visibility" | "visibility-off" | "magic-wand" | "highlighter" | "pencil" | "essay" | "magic-pencil" | "highlight-edit" | "paraphrase" | "bulb-exclamtionmark" | "bulb" | "make-easy" | "translate" | "info" | "apple" | "android" | "twitter" | "facebook" | "google" | "car" | "airplane" | "rocket" | "source" | "liner" | "setting" | "light-mode" | "dark-mode" | "fire" | "question-box" | "target" | "new-tab" | "quote" | "document-check" | "block" | "bookmark-cancel" | "email" | "filter" | "timer" | "play-button" | "text-select" | "bell" | "secret-mode" | "add-clock" | "clock" | "spinner" | "volume-up" | "volume" | "google-export" | "link" | "sheet-export" | "shield-person" | "shield-usage" | "formal-bag" | "casual-shoe" | "folder-open-share" | "folder-share" | "verification-badge" | "report" | "brain" | "mindmap" | "flowchart" | "focus" | "paragraph" | "add-to-folder" | "remove-from-folder" | "move-to-folder" | "new-thread-folder" | "chrome" | "new-chrome-extension" | "mobile" | "members" | "teams" | "stop" | "microscope" | "literature-review" | "expand-close" | "restaurant" | "color-liner" | "color-liner-variation" | "color-facebook" | "color-google" | "color-fire" | "color-txt" | "color-pdf" | "color-docx" | "more-horizontal" | "more-vertical" | "check-mark-in-circle" | "star";
+export type IconName = "arrow-upward" | "arrow-downward" | "arrow-back" | "arrow-forward" | "drop-up" | "drop-down" | "arrow-backward" | "arrow-drop-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "move" | "arrow-turn" | "start" | "end" | "extend" | "shorten" | "more" | "check-mark" | "check-mark-fill" | "exclamationmark" | "exclamationmark-fill" | "plus" | "minus" | "close" | "close-fill" | "double-arrow-forward" | "double-arrow-backward" | "arrow-up-right" | "arrow-down-left" | "arrow-up-left" | "arrow-up-down" | "redo" | "undo" | "expand" | "show-all" | "hide-all" | "help" | "zoom-in" | "zoom-out" | "retry" | "question-message" | "books" | "balance" | "chart-bar" | "chart-line-uptrend" | "folder" | "folder-open" | "folder-add" | "document" | "history" | "person" | "person-add" | "send" | "paperclip" | "share" | "sign-out" | "lock" | "ai" | "trash" | "stack" | "new-thread" | "summarize" | "search" | "memo" | "globe" | "graduationcap" | "palette" | "download" | "copy" | "regenerate" | "credit" | "feedback" | "creditcard" | "speaker" | "tune" | "shield" | "menu" | "light" | "document-add" | "thumb-up" | "thumb-down" | "document-warning" | "person-fill" | "step" | "book" | "description" | "bookmark" | "power" | "photo" | "camera" | "list" | "desktop" | "desktop-on-cursor" | "view-list" | "bolt" | "home" | "visibility" | "visibility-off" | "magic-wand" | "highlighter" | "pencil" | "essay" | "magic-pencil" | "highlight-edit" | "paraphrase" | "bulb-exclamtionmark" | "bulb" | "make-easy" | "translate" | "info" | "apple" | "android" | "twitter" | "facebook" | "google" | "car" | "airplane" | "rocket" | "source" | "liner" | "setting" | "light-mode" | "dark-mode" | "fire" | "question-box" | "target" | "new-tab" | "quote" | "document-check" | "block" | "bookmark-cancel" | "email" | "filter" | "timer" | "play-button" | "text-select" | "bell" | "secret-mode" | "add-clock" | "clock" | "spinner" | "volume-up" | "volume" | "google-export" | "link" | "sheet-export" | "shield-person" | "shield-usage" | "formal-bag" | "casual-shoe" | "folder-open-share" | "folder-share" | "verification-badge" | "report" | "brain" | "mindmap" | "flowchart" | "focus" | "paragraph" | "add-to-folder" | "remove-from-folder" | "move-to-folder" | "new-thread-folder" | "chrome" | "new-chrome-extension" | "mobile" | "members" | "teams" | "stop" | "microscope" | "literature-review" | "expand-close" | "restaurant" | "color-liner" | "color-liner-variation" | "color-facebook" | "color-google" | "color-fire" | "color-txt" | "color-pdf" | "color-docx" | "more-horizontal" | "more-vertical" | "check-mark-in-circle" | "star" | "credit-add" | "m-new-tab" | "collection-add" | "collections" | "survey" | "location" | "hourglass" | "bag" | "color-excel" | "color-html" | "color-powerpoint" | "color-link";
 
 export type IconSizeKey = keyof typeof iconSizeMap;
 
@@ -380,7 +392,19 @@ export const IconMap: Record<IconName, React.ForwardRefExoticComponent<any>> = {
   "more-horizontal": MoreHorizontal,
   "more-vertical": MoreVertical,
   "check-mark-in-circle": CheckMarkInCircle,
-  "star": Star
+  "star": Star,
+  "credit-add": CreditAdd,
+  "m-new-tab": MNewTab,
+  "collection-add": CollectionAdd,
+  "collections": Collections,
+  "survey": Survey,
+  "location": Location,
+  "hourglass": Hourglass,
+  "bag": Bag,
+  "color-excel": ColorExcel,
+  "color-html": ColorHtml,
+  "color-powerpoint": ColorPowerpoint,
+  "color-link": ColorLink
 } as const;
 
 const iconSizeMap = {

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import React, { SVGProps } from 'react';
 import { BasicColorType } from '@liner-fe/design-token-primitive';
 
-type IconName = "arrow-upward" | "arrow-downward" | "arrow-back" | "arrow-forward" | "drop-up" | "drop-down" | "arrow-backward" | "arrow-drop-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "move" | "arrow-turn" | "start" | "end" | "extend" | "shorten" | "more" | "check-mark" | "check-mark-fill" | "exclamationmark" | "exclamationmark-fill" | "plus" | "minus" | "close" | "close-fill" | "double-arrow-forward" | "double-arrow-backward" | "arrow-up-right" | "arrow-down-left" | "arrow-up-left" | "arrow-up-down" | "redo" | "undo" | "expand" | "show-all" | "hide-all" | "help" | "zoom-in" | "zoom-out" | "retry" | "question-message" | "books" | "balance" | "chart-bar" | "chart-line-uptrend" | "folder" | "folder-open" | "folder-add" | "document" | "history" | "person" | "person-add" | "send" | "paperclip" | "share" | "sign-out" | "lock" | "ai" | "trash" | "stack" | "new-thread" | "summarize" | "search" | "memo" | "globe" | "graduationcap" | "palette" | "download" | "copy" | "regenerate" | "credit" | "feedback" | "creditcard" | "speaker" | "tune" | "shield" | "menu" | "light" | "document-add" | "thumb-up" | "thumb-down" | "document-warning" | "person-fill" | "step" | "book" | "description" | "bookmark" | "power" | "photo" | "camera" | "list" | "desktop" | "desktop-on-cursor" | "view-list" | "bolt" | "home" | "visibility" | "visibility-off" | "magic-wand" | "highlighter" | "pencil" | "essay" | "magic-pencil" | "highlight-edit" | "paraphrase" | "bulb-exclamtionmark" | "bulb" | "make-easy" | "translate" | "info" | "apple" | "android" | "twitter" | "facebook" | "google" | "car" | "airplane" | "rocket" | "source" | "liner" | "setting" | "light-mode" | "dark-mode" | "fire" | "question-box" | "target" | "new-tab" | "quote" | "document-check" | "block" | "bookmark-cancel" | "email" | "filter" | "timer" | "play-button" | "text-select" | "bell" | "secret-mode" | "add-clock" | "clock" | "spinner" | "volume-up" | "volume" | "google-export" | "link" | "sheet-export" | "shield-person" | "shield-usage" | "formal-bag" | "casual-shoe" | "folder-open-share" | "folder-share" | "verification-badge" | "report" | "brain" | "mindmap" | "flowchart" | "focus" | "paragraph" | "add-to-folder" | "remove-from-folder" | "move-to-folder" | "new-thread-folder" | "chrome" | "new-chrome-extension" | "mobile" | "members" | "teams" | "stop" | "microscope" | "literature-review" | "expand-close" | "restaurant" | "color-liner" | "color-liner-variation" | "color-facebook" | "color-google" | "color-fire" | "color-txt" | "color-pdf" | "color-docx" | "more-horizontal" | "more-vertical" | "check-mark-in-circle" | "star";
+type IconName = "arrow-upward" | "arrow-downward" | "arrow-back" | "arrow-forward" | "drop-up" | "drop-down" | "arrow-backward" | "arrow-drop-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "move" | "arrow-turn" | "start" | "end" | "extend" | "shorten" | "more" | "check-mark" | "check-mark-fill" | "exclamationmark" | "exclamationmark-fill" | "plus" | "minus" | "close" | "close-fill" | "double-arrow-forward" | "double-arrow-backward" | "arrow-up-right" | "arrow-down-left" | "arrow-up-left" | "arrow-up-down" | "redo" | "undo" | "expand" | "show-all" | "hide-all" | "help" | "zoom-in" | "zoom-out" | "retry" | "question-message" | "books" | "balance" | "chart-bar" | "chart-line-uptrend" | "folder" | "folder-open" | "folder-add" | "document" | "history" | "person" | "person-add" | "send" | "paperclip" | "share" | "sign-out" | "lock" | "ai" | "trash" | "stack" | "new-thread" | "summarize" | "search" | "memo" | "globe" | "graduationcap" | "palette" | "download" | "copy" | "regenerate" | "credit" | "feedback" | "creditcard" | "speaker" | "tune" | "shield" | "menu" | "light" | "document-add" | "thumb-up" | "thumb-down" | "document-warning" | "person-fill" | "step" | "book" | "description" | "bookmark" | "power" | "photo" | "camera" | "list" | "desktop" | "desktop-on-cursor" | "view-list" | "bolt" | "home" | "visibility" | "visibility-off" | "magic-wand" | "highlighter" | "pencil" | "essay" | "magic-pencil" | "highlight-edit" | "paraphrase" | "bulb-exclamtionmark" | "bulb" | "make-easy" | "translate" | "info" | "apple" | "android" | "twitter" | "facebook" | "google" | "car" | "airplane" | "rocket" | "source" | "liner" | "setting" | "light-mode" | "dark-mode" | "fire" | "question-box" | "target" | "new-tab" | "quote" | "document-check" | "block" | "bookmark-cancel" | "email" | "filter" | "timer" | "play-button" | "text-select" | "bell" | "secret-mode" | "add-clock" | "clock" | "spinner" | "volume-up" | "volume" | "google-export" | "link" | "sheet-export" | "shield-person" | "shield-usage" | "formal-bag" | "casual-shoe" | "folder-open-share" | "folder-share" | "verification-badge" | "report" | "brain" | "mindmap" | "flowchart" | "focus" | "paragraph" | "add-to-folder" | "remove-from-folder" | "move-to-folder" | "new-thread-folder" | "chrome" | "new-chrome-extension" | "mobile" | "members" | "teams" | "stop" | "microscope" | "literature-review" | "expand-close" | "restaurant" | "color-liner" | "color-liner-variation" | "color-facebook" | "color-google" | "color-fire" | "color-txt" | "color-pdf" | "color-docx" | "more-horizontal" | "more-vertical" | "check-mark-in-circle" | "star" | "credit-add" | "m-new-tab" | "collection-add" | "collections" | "survey" | "location" | "hourglass" | "bag" | "color-excel" | "color-html" | "color-powerpoint" | "color-link";
 type IconSizeKey = keyof typeof iconSizeMap;
 declare const IconMap: Record<IconName, React.ForwardRefExoticComponent<any>>;
 declare const iconSizeMap: {