@liner-fe/icon 0.0.40 → 0.0.42

package/assets/secret-mode/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface SecretModeProps {
   fill?: boolean;

package/assets/send/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface SendProps {
   fill?: boolean;

package/assets/setting/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface SettingProps {
   fill?: boolean;

package/assets/share/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface ShareProps {
   fill?: boolean;

package/assets/sheet-export/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface SheetExportProps {
   fill?: boolean;

package/assets/shield/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface ShieldProps {
   fill?: boolean;

package/assets/shield-person/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface ShieldPersonProps {
   fill?: boolean;

package/assets/shield-usage/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface ShieldUsageProps {
   fill?: boolean;

package/assets/shorten/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface ShortenProps {
   fill?: boolean;

package/assets/show-all/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface ShowAllProps {
   fill?: boolean;

package/assets/sign-out/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface SignOutProps {
   fill?: boolean;

package/assets/source/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface SourceProps {
   fill?: boolean;

package/assets/speaker/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface SpeakerProps {
   fill?: boolean;

package/assets/spinner/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface SpinnerProps {
   fill?: boolean;

package/assets/stack/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface StackProps {
   fill?: boolean;

package/assets/star/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface StarProps {
   fill?: boolean;

package/assets/start/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface StartProps {
   fill?: boolean;

package/assets/step/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface StepProps {
   fill?: boolean;

package/assets/stop/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface StopProps {
   fill?: boolean;

package/assets/summarize/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface SummarizeProps {
   fill?: boolean;

package/assets/target/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface TargetProps {
   fill?: boolean;

package/assets/teams/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface TeamsProps {
   fill?: boolean;

package/assets/text-select/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface TextSelectProps {
   fill?: boolean;

package/assets/thumb-down/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface ThumbDownProps {
   fill?: boolean;

package/assets/thumb-up/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface ThumbUpProps {
   fill?: boolean;

package/assets/timer/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface TimerProps {
   fill?: boolean;

package/assets/translate/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface TranslateProps {
   fill?: boolean;

package/assets/trash/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface TrashProps {
   fill?: boolean;

package/assets/tune/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface TuneProps {
   fill?: boolean;

package/assets/twitter/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface TwitterProps {
   fill?: boolean;

package/assets/undo/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface UndoProps {
   fill?: boolean;

package/assets/verification-badge/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface VerificationBadgeProps {
   fill?: boolean;

package/assets/view-list/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface ViewListProps {
   fill?: boolean;

package/assets/visibility/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface VisibilityProps {
   fill?: boolean;

package/assets/visibility-off/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface VisibilityOffProps {
   fill?: boolean;

package/assets/volume/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface VolumeProps {
   fill?: boolean;

package/assets/volume-up/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface VolumeUpProps {
   fill?: boolean;

package/assets/zoom-in/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface ZoomInProps {
   fill?: boolean;

package/assets/zoom-out/index.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { BasicColorType } from '@liner-fe/prism';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
 
 interface ZoomOutProps {
   fill?: boolean;

package/config/tsup/tsup.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from 'tsup';
+import { nodeExternalsPlugin } from 'esbuild-node-externals';
+
+export default defineConfig({
+  entry: ['index.tsx'],
+  outDir: 'lib',
+  format: 'cjs',
+  bundle: true,
+  minify: false,
+  keepNames: true,
+  clean: true,
+  loader: {
+    '.ts': 'ts',
+    '.tsx': 'tsx',
+  },
+  tsconfig: './tsconfig.build.json',
+  platform: 'neutral',
+  dts: true,
+  esbuildPlugins: [nodeExternalsPlugin()],
+});

package/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react';
-  import { BasicColorType } from '@liner-fe/prism';
+import { forwardRef } from 'react';
+  import { BasicColorType } from '@liner-fe/design-token-primitive';
 import { ArrowUpward } from './assets/arrow-upward';
 import { ArrowDownward } from './assets/arrow-downward';
 import { ArrowBack } from './assets/arrow-back';
@@ -188,7 +188,7 @@ import { MoreVertical } from './assets/more-vertical';
 import { CheckMarkInCircle } from './assets/check-mark-in-circle';
 import { Star } from './assets/star';
 
-const IconMap = {
+const IconMap: Record<string, React.ForwardRefExoticComponent<any>>  = {
   "arrow-upward": ArrowUpward,
   "arrow-downward": ArrowDownward,
   "arrow-back": ArrowBack,

package/package.json

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

package/tsconfig.build.json

@@ -0,0 +1,25 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "target": "ESNext",
+    "emitDeclarationOnly": true,
+    "skipLibCheck": true,
+    "allowJs": true,
+    "incremental": false,
+    "jsx": "react-jsx",
+    "rootDir": ".",
+    "outDir": "lib",
+    "module": "ESNext",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "strict": true,
+    "noImplicitAny": true,
+    "moduleResolution": "Bundler",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules", "lib"]
+}