@liner-fe/icon 0.0.46 → 0.0.47

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @liner-fe/icon
 
+## 0.0.47
+
+### Patch Changes
+
+- 8549dc3: fix: icon key 타입 추론 안되는 이슈
+
 ## 0.0.46
 
 ### Patch Changes

package/index.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
   import { BasicColorType } from '@liner-fe/design-token-primitive';
 import { ArrowUpward } from './assets/arrow-upward';
 import { ArrowDownward } from './assets/arrow-downward';
@@ -188,7 +188,11 @@ import { MoreVertical } from './assets/more-vertical';
 import { CheckMarkInCircle } from './assets/check-mark-in-circle';
 import { Star } from './assets/star';
 
-const IconMap: Record<string, React.ForwardRefExoticComponent<any>>  = {
+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 IconSizeKey = keyof typeof iconSizeMap;
+
+const IconMap: Record<"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", React.ForwardRefExoticComponent<any>> = {
   "arrow-upward": ArrowUpward,
   "arrow-downward": ArrowDownward,
   "arrow-back": ArrowBack,
@@ -376,7 +380,7 @@ const IconMap: Record<string, React.ForwardRefExoticComponent<any>>  = {
   "more-vertical": MoreVertical,
   "check-mark-in-circle": CheckMarkInCircle,
   "star": Star
-};
+} as const;
 
 const iconSizeMap = {
   xs: 16,
@@ -386,8 +390,6 @@ const iconSizeMap = {
   xl: 40,
 } as const;
 
-export type IconSizeKey = keyof typeof iconSizeMap;
-
 export interface IconProps {
   fill?: boolean;
   thick?: boolean;

package/lib/index.d.ts

@@ -1,7 +1,9 @@
-import * as react from 'react';
+import React from 'react';
 import { BasicColorType } from '@liner-fe/design-token-primitive';
 
-declare const IconMap: Record<string, React.ForwardRefExoticComponent<any>>;
+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 IconSizeKey = keyof typeof iconSizeMap;
+declare const IconMap: Record<"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", React.ForwardRefExoticComponent<any>>;
 declare const iconSizeMap: {
     readonly xs: 16;
     readonly s: 20;
@@ -9,7 +11,6 @@ declare const iconSizeMap: {
     readonly l: 32;
     readonly xl: 40;
 };
-type IconSizeKey = keyof typeof iconSizeMap;
 interface IconProps {
     fill?: boolean;
     thick?: boolean;
@@ -19,6 +20,6 @@ interface IconProps {
     type?: BasicColorType;
     fillType?: BasicColorType;
 }
-declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
 
-export { Icon, type IconProps, type IconSizeKey };
+export { Icon, type IconName, type IconProps, type IconSizeKey };

package/lib/index.js

@@ -2322,7 +2322,7 @@ var require_react_jsx_runtime_development = __commonJS({
     if (process.env.NODE_ENV !== "production") {
       (function() {
         "use strict";
-        var React188 = require_react();
+        var React189 = require_react();
         var REACT_ELEMENT_TYPE = Symbol.for("react.element");
         var REACT_PORTAL_TYPE = Symbol.for("react.portal");
         var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
@@ -2349,7 +2349,7 @@ var require_react_jsx_runtime_development = __commonJS({
           return null;
         }
         __name(getIteratorFn, "getIteratorFn");
-        var ReactSharedInternals = React188.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var ReactSharedInternals = React189.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         function error(format) {
           {
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/icon",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "scripts": {
     "build": "yarn tsup --config ./config/tsup/tsup.config.ts"
   },