@liner-fe/icon 0.1.4 → 0.1.6

package/assets/trash/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 TrashProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconTrash = forwardRef<SVGSVGElement, TrashProps>(
+export const IconTrash = 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/tune/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 TuneProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> {
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  size?: keyof typeof iconSizeMap;
-  type?: BasicColorType;
-  fillType?: BasicColorType;
-}
-
-export const IconTune = forwardRef<SVGSVGElement, TuneProps>(
+export const IconTune = 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/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

@@ -205,6 +205,7 @@ import { IconColorPeerReview } from './assets/color-peer-review';
 import { IconColorSurveySimulator } from './assets/color-survey-simulator';
 import { IconColorLiteratureReview } from './assets/color-literature-review';
 import { IconColorResearchTracer } from './assets/color-research-tracer';
+import { IconAtSign } from './assets/at-sign';
 export { IconArrowUpward,
 IconArrowDownward,
 IconArrowBack,
@@ -409,9 +410,10 @@ IconColorCitationRecommender,
 IconColorPeerReview,
 IconColorSurveySimulator,
 IconColorLiteratureReview,
-IconColorResearchTracer, }
+IconColorResearchTracer,
+IconAtSign, }
 
-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" | "color-hypothesis-generator" | "color-citation-recommender" | "color-peer-review" | "color-survey-simulator" | "color-literature-review" | "color-research-tracer";
+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" | "color-hypothesis-generator" | "color-citation-recommender" | "color-peer-review" | "color-survey-simulator" | "color-literature-review" | "color-research-tracer" | "at-sign";
 
 export type IconSizeKey = keyof typeof iconSizeMap;
 
@@ -620,7 +622,8 @@ export const IconMap: Record<IconName, React.ForwardRefExoticComponent<any>> = {
   "color-peer-review": IconColorPeerReview,
   "color-survey-simulator": IconColorSurveySimulator,
   "color-literature-review": IconColorLiteratureReview,
-  "color-research-tracer": IconColorResearchTracer
+  "color-research-tracer": IconColorResearchTracer,
+  "at-sign": IconAtSign
 } as const;
 
 export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
@@ -632,6 +635,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];