@x-plat/design-system 0.4.5 → 0.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@x-plat/design-system",
-  "version": "0.4.5",
+  "version": "0.5.0",
   "description": "XPLAT UI Design System",
   "author": "XPLAT WOONG",
   "main": "dist/index.cjs",
@@ -62,13 +62,11 @@
     "react-dom": ">=18"
   },
   "dependencies": {
+    "@x-plat/tokens-core": "*",
     "@x-plat/tokens-default": "*"
   },
   "devDependencies": {
-    "chart.js": "^4.5.1",
-    "chartjs-plugin-datalabels": "^2.2.0",
     "framer-motion": "^12.23.19",
-    "react-chartjs-2": "^5.3.1",
     "@types/node": "^24.10.1",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",

package/dist/colors-CY4JXVHj.d.cts

@@ -1,137 +0,0 @@
-/**
- * 색상 토큰 설정 (세팅값만).
- * generate-theme 으로 styles/colors.scss 갱신.
- * 타입은 tokens/interface/colors.ts 또는 src/tokens 에서 export.
- */
-declare const colors: {
-    readonly xplat: {
-        readonly red: {
-            readonly 50: "#FFF0F0";
-            readonly 100: "#FFDDDE";
-            readonly 200: "#FFC1C2";
-            readonly 300: "#FF9698";
-            readonly 400: "#FF5A5D";
-            readonly 500: "#FF272B";
-            readonly 600: "#F80409";
-            readonly 700: "#D40105";
-            readonly 800: "#AE0609";
-            readonly 900: "#900C0F";
-        };
-        readonly green: {
-            readonly 50: "#E5F6EA";
-            readonly 100: "#C1E7CC";
-            readonly 200: "#98D8AC";
-            readonly 300: "#6CCA8B";
-            readonly 400: "#47BE72";
-            readonly 500: "#10B259";
-            readonly 600: "#00A34F";
-            readonly 700: "#009143";
-            readonly 800: "#007F38";
-            readonly 900: "#006024";
-        };
-        readonly orange: {
-            readonly 50: "#FFF8EC";
-            readonly 100: "#FFF0D3";
-            readonly 200: "#FFDDA5";
-            readonly 300: "#FFC46D";
-            readonly 400: "#FF9F32";
-            readonly 500: "#FF820A";
-            readonly 600: "#FF6900";
-            readonly 700: "#CC4B02";
-            readonly 800: "#A13A0B";
-            readonly 900: "#82320C";
-        };
-        readonly yellow: {
-            readonly 50: "#FFFDE7";
-            readonly 100: "#FFFAC1";
-            readonly 200: "#FFF186";
-            readonly 300: "#FFE041";
-            readonly 400: "#FFCC0D";
-            readonly 500: "#F0B100";
-            readonly 600: "#D18800";
-            readonly 700: "#A66002";
-            readonly 800: "#894B0A";
-            readonly 900: "#743D0F";
-        };
-        readonly blue: {
-            readonly 50: "#F1F4FD";
-            readonly 100: "#DFE7FA";
-            readonly 200: "#C5D4F8";
-            readonly 300: "#9EB8F2";
-            readonly 400: "#7093EA";
-            readonly 500: "#4D6DE3";
-            readonly 600: "#3950D7";
-            readonly 700: "#303EC5";
-            readonly 800: "#2D35A0";
-            readonly 900: "#29317F";
-        };
-        readonly lightblue: {
-            readonly 50: "#EEFAFF";
-            readonly 100: "#D9F4FF";
-            readonly 200: "#BBEDFF";
-            readonly 300: "#8DE3FF";
-            readonly 400: "#57D0FF";
-            readonly 500: "#30B6FF";
-            readonly 600: "#1999F7";
-            readonly 700: "#1280E3";
-            readonly 800: "#1566B8";
-            readonly 900: "#175791";
-        };
-        readonly purple: {
-            readonly 50: "#FBF6FE";
-            readonly 100: "#F5EAFD";
-            readonly 200: "#EDD8FC";
-            readonly 300: "#E0BAF8";
-            readonly 400: "#CD8DF3";
-            readonly 500: "#B961EB";
-            readonly 600: "#A541DC";
-            readonly 700: "#9230C5";
-            readonly 800: "#782B9E";
-            readonly 900: "#62247F";
-        };
-        readonly pink: {
-            readonly 50: "#FFF4FE";
-            readonly 100: "#FFE7FD";
-            readonly 200: "#FFCFFA";
-            readonly 300: "#FEA9F1";
-            readonly 400: "#FD75E7";
-            readonly 500: "#F553DA";
-            readonly 600: "#D821B6";
-            readonly 700: "#B31892";
-            readonly 800: "#921676";
-            readonly 900: "#781761";
-        };
-        readonly neutral: {
-            readonly 50: "#FAFAFA";
-            readonly 100: "#F5F5F5";
-            readonly 200: "#E5E5E5";
-            readonly 300: "#D4D4D4";
-            readonly 400: "#A1A1A1";
-            readonly 500: "#737373";
-            readonly 600: "#525252";
-            readonly 700: "#404040";
-            readonly 800: "#262626";
-            readonly 900: "#171717";
-        };
-        readonly black: "#000000";
-        readonly white: "#FFFFFF";
-    };
-    readonly test: {
-        readonly default: "#ffffff";
-    };
-};
-
-type DefaultColors = typeof colors;
-type BuildDefaultTokens<N extends keyof DefaultColors> = {
-    [C in keyof DefaultColors[N]]: DefaultColors[N][C] extends string ? `${N & string}-${C & string}` : `${N & string}-${C & string}-${keyof DefaultColors[N][C] & (string | number)}`;
-}[keyof DefaultColors[N]];
-type DefaultColorToken = {
-    [N in keyof DefaultColors]: BuildDefaultTokens<N>;
-}[keyof DefaultColors];
-type ColorToken = DefaultColorToken | XplatColorTokenRegistry[keyof XplatColorTokenRegistry];
-interface ColorProps {
-    /** "xplat-blue-500" 형태로 지정 (자동완성 지원) */
-    color?: ColorToken;
-}
-
-export { type ColorToken as C, type ColorProps as a, colors as c };

package/dist/colors-CY4JXVHj.d.ts

@@ -1,137 +0,0 @@
-/**
- * 색상 토큰 설정 (세팅값만).
- * generate-theme 으로 styles/colors.scss 갱신.
- * 타입은 tokens/interface/colors.ts 또는 src/tokens 에서 export.
- */
-declare const colors: {
-    readonly xplat: {
-        readonly red: {
-            readonly 50: "#FFF0F0";
-            readonly 100: "#FFDDDE";
-            readonly 200: "#FFC1C2";
-            readonly 300: "#FF9698";
-            readonly 400: "#FF5A5D";
-            readonly 500: "#FF272B";
-            readonly 600: "#F80409";
-            readonly 700: "#D40105";
-            readonly 800: "#AE0609";
-            readonly 900: "#900C0F";
-        };
-        readonly green: {
-            readonly 50: "#E5F6EA";
-            readonly 100: "#C1E7CC";
-            readonly 200: "#98D8AC";
-            readonly 300: "#6CCA8B";
-            readonly 400: "#47BE72";
-            readonly 500: "#10B259";
-            readonly 600: "#00A34F";
-            readonly 700: "#009143";
-            readonly 800: "#007F38";
-            readonly 900: "#006024";
-        };
-        readonly orange: {
-            readonly 50: "#FFF8EC";
-            readonly 100: "#FFF0D3";
-            readonly 200: "#FFDDA5";
-            readonly 300: "#FFC46D";
-            readonly 400: "#FF9F32";
-            readonly 500: "#FF820A";
-            readonly 600: "#FF6900";
-            readonly 700: "#CC4B02";
-            readonly 800: "#A13A0B";
-            readonly 900: "#82320C";
-        };
-        readonly yellow: {
-            readonly 50: "#FFFDE7";
-            readonly 100: "#FFFAC1";
-            readonly 200: "#FFF186";
-            readonly 300: "#FFE041";
-            readonly 400: "#FFCC0D";
-            readonly 500: "#F0B100";
-            readonly 600: "#D18800";
-            readonly 700: "#A66002";
-            readonly 800: "#894B0A";
-            readonly 900: "#743D0F";
-        };
-        readonly blue: {
-            readonly 50: "#F1F4FD";
-            readonly 100: "#DFE7FA";
-            readonly 200: "#C5D4F8";
-            readonly 300: "#9EB8F2";
-            readonly 400: "#7093EA";
-            readonly 500: "#4D6DE3";
-            readonly 600: "#3950D7";
-            readonly 700: "#303EC5";
-            readonly 800: "#2D35A0";
-            readonly 900: "#29317F";
-        };
-        readonly lightblue: {
-            readonly 50: "#EEFAFF";
-            readonly 100: "#D9F4FF";
-            readonly 200: "#BBEDFF";
-            readonly 300: "#8DE3FF";
-            readonly 400: "#57D0FF";
-            readonly 500: "#30B6FF";
-            readonly 600: "#1999F7";
-            readonly 700: "#1280E3";
-            readonly 800: "#1566B8";
-            readonly 900: "#175791";
-        };
-        readonly purple: {
-            readonly 50: "#FBF6FE";
-            readonly 100: "#F5EAFD";
-            readonly 200: "#EDD8FC";
-            readonly 300: "#E0BAF8";
-            readonly 400: "#CD8DF3";
-            readonly 500: "#B961EB";
-            readonly 600: "#A541DC";
-            readonly 700: "#9230C5";
-            readonly 800: "#782B9E";
-            readonly 900: "#62247F";
-        };
-        readonly pink: {
-            readonly 50: "#FFF4FE";
-            readonly 100: "#FFE7FD";
-            readonly 200: "#FFCFFA";
-            readonly 300: "#FEA9F1";
-            readonly 400: "#FD75E7";
-            readonly 500: "#F553DA";
-            readonly 600: "#D821B6";
-            readonly 700: "#B31892";
-            readonly 800: "#921676";
-            readonly 900: "#781761";
-        };
-        readonly neutral: {
-            readonly 50: "#FAFAFA";
-            readonly 100: "#F5F5F5";
-            readonly 200: "#E5E5E5";
-            readonly 300: "#D4D4D4";
-            readonly 400: "#A1A1A1";
-            readonly 500: "#737373";
-            readonly 600: "#525252";
-            readonly 700: "#404040";
-            readonly 800: "#262626";
-            readonly 900: "#171717";
-        };
-        readonly black: "#000000";
-        readonly white: "#FFFFFF";
-    };
-    readonly test: {
-        readonly default: "#ffffff";
-    };
-};
-
-type DefaultColors = typeof colors;
-type BuildDefaultTokens<N extends keyof DefaultColors> = {
-    [C in keyof DefaultColors[N]]: DefaultColors[N][C] extends string ? `${N & string}-${C & string}` : `${N & string}-${C & string}-${keyof DefaultColors[N][C] & (string | number)}`;
-}[keyof DefaultColors[N]];
-type DefaultColorToken = {
-    [N in keyof DefaultColors]: BuildDefaultTokens<N>;
-}[keyof DefaultColors];
-type ColorToken = DefaultColorToken | XplatColorTokenRegistry[keyof XplatColorTokenRegistry];
-interface ColorProps {
-    /** "xplat-blue-500" 형태로 지정 (자동완성 지원) */
-    color?: ColorToken;
-}
-
-export { type ColorToken as C, type ColorProps as a, colors as c };

package/dist/layout/Grid/GapGrid/index.cjs

@@ -1,32 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/layout/Grid/GapGrid/index.tsx
-var GapGrid_exports = {};
-__export(GapGrid_exports, {
-  default: () => GapGrid_default
-});
-module.exports = __toCommonJS(GapGrid_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var GapGrid = (props) => {
-  const { children } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children });
-};
-GapGrid.displayName = "GapGrid";
-var GapGrid_default = GapGrid;

package/dist/layout/Grid/GapGrid/index.d.cts

@@ -1,12 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-
-interface CenterGridProps {
-    children: React.ReactNode;
-}
-declare const GapGrid: {
-    (props: CenterGridProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-export { GapGrid as default };

package/dist/layout/Grid/GapGrid/index.d.ts

@@ -1,12 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-
-interface CenterGridProps {
-    children: React.ReactNode;
-}
-declare const GapGrid: {
-    (props: CenterGridProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-export { GapGrid as default };

package/dist/layout/Grid/GapGrid/index.js

@@ -1,11 +0,0 @@
-// src/layout/Grid/GapGrid/index.tsx
-import { jsx } from "react/jsx-runtime";
-var GapGrid = (props) => {
-  const { children } = props;
-  return /* @__PURE__ */ jsx("div", { children });
-};
-GapGrid.displayName = "GapGrid";
-var GapGrid_default = GapGrid;
-export {
-  GapGrid_default as default
-};