@lotte-innovate/ui-component-test 0.0.22 → 0.0.25

package/dist/lib/types.d.ts

@@ -0,0 +1,11 @@
+export type IRadius = 'none' | 'small' | 'medium' | 'large' | 'full';
+export type IScaling = '90%' | '95%' | '100%' | '105%' | '110%';
+export type IWeight = 'regular' | 'medium' | 'semibold' | 'bold';
+export type ITheme = 'light' | 'dark';
+export type ITypoSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+export type ISize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
+export type IAppearance = 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
+export type PointStyle = 'circle' | 'cross' | 'crossRot' | 'dash' | 'line' | 'rect' | 'rectRounded' | 'rectRot' | 'star' | 'triangle' | false;
+export type IColor = 'slate' | 'olive' | 'sand' | 'tomato' | 'red' | 'ruby' | 'crimson' | 'pink' | 'plum' | 'purple' | 'violet' | 'iris' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'jade' | 'green' | 'grass' | 'brown' | 'bronze' | 'gold' | 'sky' | 'mint' | 'lime' | 'yellow' | 'amber' | 'orange' | 'black' | 'white';
+export type IDarkColor = 'blackDark' | 'whiteDark' | 'slateDark' | 'oliveDark' | 'sandDark' | 'tomatoDark' | 'redDark' | 'rubyDark' | 'crimsonDark' | 'pinkDark' | 'plumDark' | 'purpleDark' | 'violetDark' | 'irisDark' | 'indigoDark' | 'blueDark' | 'cyanDark' | 'tealDark' | 'jadeDark' | 'greenDark' | 'grassDark' | 'brownDark' | 'bronzeDark' | 'goldDark' | 'skyDark' | 'mintDark' | 'limeDark' | 'yellowDark' | 'amberDark' | 'orangeDark' | 'slateDarkA' | 'oliveDarkA' | 'sandDarkA' | 'tomatoDarkA' | 'redDarkA' | 'rubyDarkA' | 'crimsonDarkA' | 'pinkDarkA' | 'plumDarkA' | 'purpleDarkA' | 'violetDarkA' | 'irisDarkA' | 'indigoDarkA' | 'blueDarkA' | 'cyanDarkA' | 'tealDarkA' | 'jadeDarkA' | 'greenDarkA' | 'grassDarkA' | 'brownDarkA' | 'bronzeDarkA' | 'goldDarkA' | 'skyDarkA' | 'mintDarkA' | 'limeDarkA' | 'yellowDarkA' | 'amberDarkA' | 'orangeDarkA';
+export type IAlphaColor = 'slateA' | 'oliveA' | 'sandA' | 'tomatoA' | 'redA' | 'rubyA' | 'crimsonA' | 'pinkA' | 'plumA' | 'purpleA' | 'violetA' | 'irisA' | 'indigoA' | 'blueA' | 'cyanA' | 'tealA' | 'jadeA' | 'greenA' | 'grassA' | 'brownA' | 'bronzeA' | 'goldA' | 'skyA' | 'mintA' | 'limeA' | 'yellowA' | 'amberA' | 'orangeA';

package/dist/lib/types.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/utils/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function textColorFormat(colors: Record<string, Record<string, string>>): Record<string, string>;

package/dist/lib/utils/utils.js

@@ -0,0 +1,27 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+// tailwind를 merge할 때 발생할 수 있는 클래스 충돌 문제 해결
+export function cn() {
+    var inputs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        inputs[_i] = arguments[_i];
+    }
+    return twMerge(clsx(inputs));
+}
+export function textColorFormat(colors) {
+    var _a;
+    var formatcolors = {};
+    for (var _i = 0, _b = Object.entries(colors); _i < _b.length; _i++) {
+        var _c = _b[_i], cn_1 = _c[0], c = _c[1];
+        var colorName = cn_1.toLowerCase();
+        for (var _d = 0, _e = Object.entries(c); _d < _e.length; _d++) {
+            var _f = _e[_d], radixScale = _f[0], value = _f[1];
+            var scale = (_a = radixScale.match(/\d+$/)) === null || _a === void 0 ? void 0 : _a[0];
+            if (!scale) {
+                continue;
+            }
+            formatcolors["".concat(cn_1).concat(scale)] = "text-".concat(colorName, "-").concat(scale);
+        }
+    }
+    return formatcolors;
+}

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@lotte-innovate/ui-component-test",
   "description": "Lotte UI Library",
-  "version": "0.0.22",
+  "version": "0.0.25",
   "private": false,
   "type": "module",
   "files": [
-    "lib"
+    "dist/lib"
   ],
-  "main": "lib/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "dist/lib/index.js",
+  "module": "dist/lib/index.js",
+  "types": "dist/lib/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
@@ -40,12 +40,13 @@
     "lint": "next lint",
     "storybook": "cross-env NODE_OPTIONS='--max-old-space-size=8192' storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "publish:npm": "rimraf dist && mkdir dist && tsc",
+    "publish:npm": "rimraf dist && mkdir dist && tsc && tsc-alias",
     "chromatic": "cross-env npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.7",
     "@babel/runtime-corejs3": "^7.24.7",
+    "@lotte-innovate/ui-component-test": "^0.0.24",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-checkbox": "^1.0.4",
@@ -115,6 +116,7 @@
     "rimraf": "^6.0.1",
     "storybook": "^8.2.6",
     "tailwindcss": "^3.3.0",
+    "tsc-alias": "^1.8.10",
     "typescript": "^5"
   }
 }