@liner-fe/icon 0.0.46 → 0.0.48

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @liner-fe/icon
 
+## 0.0.48
+
+### Patch Changes
+
+- 705930f: @liner-fe/icon cjs -> tsx
+
+## 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/package.json

@@ -1,18 +1,17 @@
 {
   "name": "@liner-fe/icon",
-  "version": "0.0.46",
+  "version": "0.0.48",
   "scripts": {
-    "build": "yarn tsup --config ./config/tsup/tsup.config.ts"
+    "build": ""
   },
   "publishConfig": {
     "access": "public",
-    "main": "./lib/index.js"
+    "main": "./index.tsx"
   },
   "files": [
     "*"
   ],
-  "main": "./lib/index.js",
-  "types": "./lib/index.d.ts",
+  "main": "./index.tsx",
   "dependencies": {
     "@liner-fe/design-token-primitive": "workspace:^",
     "tsup": "^8.5.0"

package/lib/index.d.ts

@@ -1,24 +0,0 @@
-import * as react from 'react';
-import { BasicColorType } from '@liner-fe/design-token-primitive';
-
-declare const IconMap: Record<string, React.ForwardRefExoticComponent<any>>;
-declare const iconSizeMap: {
-    readonly xs: 16;
-    readonly s: 20;
-    readonly m: 24;
-    readonly l: 32;
-    readonly xl: 40;
-};
-type IconSizeKey = keyof typeof iconSizeMap;
-interface IconProps {
-    fill?: boolean;
-    thick?: boolean;
-    className?: string;
-    name: keyof typeof IconMap;
-    size?: keyof typeof iconSizeMap;
-    type?: BasicColorType;
-    fillType?: BasicColorType;
-}
-declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
-export { Icon, type IconProps, type IconSizeKey };