@nexus-cross/design-system 2.0.2 → 2.0.4

package/dist/styles/.generated/built.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"built.d.ts","sourceRoot":"","sources":["../../../src/styles/.generated/built.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,GAAG,y04JAAijmI,CAAC;AAC3jmI,eAAe,GAAG,CAAC"}
+{"version":3,"file":"built.d.ts","sourceRoot":"","sources":["../../../src/styles/.generated/built.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,GAAG,qz6JAAwjnI,CAAC;AAClknI,eAAe,GAAG,CAAC"}

package/dist/styles/layer.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkJICW6KWH_js = require('../chunks/chunk-JICW6KWH.js');
+var chunk7G7U4DP2_js = require('../chunks/chunk-7G7U4DP2.js');
 
 // src/styles/inject-layer.ts
 var STYLE_ID = "__nexus-ds-layer__";
@@ -8,7 +8,7 @@ var __nexus_styles_injected__ = typeof document !== "undefined" && !document.get
   const style = document.createElement("style");
   style.id = STYLE_ID;
   style.textContent = `@layer nexus {
-${chunkJICW6KWH_js.built_default}
+${chunk7G7U4DP2_js.built_default}
 }`;
   document.head.appendChild(style);
   return true;

package/dist/styles/layer.mjs

@@ -1,4 +1,4 @@
-import { built_default } from '../chunks/chunk-3NSJMG3G.mjs';
+import { built_default } from '../chunks/chunk-JFZLKFFM.mjs';
 
 // src/styles/inject-layer.ts
 var STYLE_ID = "__nexus-ds-layer__";

package/dist/styles.css

@@ -4508,6 +4508,14 @@
   border-radius: var(--radius-corner-md, 8px);
   overflow: hidden;
 }
+/* cover preview: X 버튼이 박스 모서리 밖으로 튀어나오게 하기 위해
+   container 의 클리핑을 해제. 배경/라운드도 자식(.--preview-cover)이 직접 그리므로
+   여기서는 색을 비워둔다. */
+.nexus-image-upload__container--preview-cover {
+  overflow: visible;
+  background: transparent;
+  border-radius: 0;
+}
 .nexus-image-upload {
   position: relative;
   display: flex;
@@ -4671,7 +4679,10 @@
 }
 
 /* ─── ImageUpload: previewMode="cover" — 박스 가득 채우는 풀 이미지 ─── */
-.nexus-image-upload--preview-cover {
+/* base .nexus-image-upload 와 selector specificity 를 맞추기 위해 .nexus-image-upload 를
+   같이 적어 (0,0,2,0) 으로 올린다. 이래야 cascade 순서에 의존하지 않고
+   overflow/padding/border-style 등을 안정적으로 덮어쓸 수 있다. */
+.nexus-image-upload.nexus-image-upload--preview-cover {
   position: relative;
   display: block;
   padding: 0;
@@ -4679,10 +4690,11 @@
   border-style: solid;
   background: var(--color-surface-strong);
   cursor: pointer;
-  /* X 버튼이 모서리 밖으로 살짝 튀어나올 수 있도록 visible. 이미지는 아래 clip wrapper가 라운드 처리. */
+  /* X 버튼이 모서리 밖으로 살짝 튀어나올 수 있도록 visible.
+     이미지는 자식인 __preview-cover-clip 이 overflow:hidden 으로 라운드 처리. */
   overflow: visible;
 }
-.nexus-image-upload--preview-cover:hover {
+.nexus-image-upload.nexus-image-upload--preview-cover:hover {
   border-color: var(--color-border-default-hover);
   box-shadow: 0 0 0 0.5px var(--color-border-default-hover);
 }

package/dist/styles.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkJICW6KWH_js = require('./chunks/chunk-JICW6KWH.js');
+var chunk7G7U4DP2_js = require('./chunks/chunk-7G7U4DP2.js');
 
 // src/styles/inject.ts
 var STYLE_ID = "__nexus-ds__";
 var __nexus_styles_injected__ = typeof document !== "undefined" && !document.getElementById(STYLE_ID) ? (() => {
   const style = document.createElement("style");
   style.id = STYLE_ID;
-  style.textContent = chunkJICW6KWH_js.built_default;
+  style.textContent = chunk7G7U4DP2_js.built_default;
   document.head.appendChild(style);
   return true;
 })() : false;

package/dist/styles.layered.css

@@ -4509,6 +4509,14 @@
   border-radius: var(--radius-corner-md, 8px);
   overflow: hidden;
 }
+/* cover preview: X 버튼이 박스 모서리 밖으로 튀어나오게 하기 위해
+   container 의 클리핑을 해제. 배경/라운드도 자식(.--preview-cover)이 직접 그리므로
+   여기서는 색을 비워둔다. */
+.nexus-image-upload__container--preview-cover {
+  overflow: visible;
+  background: transparent;
+  border-radius: 0;
+}
 .nexus-image-upload {
   position: relative;
   display: flex;
@@ -4672,7 +4680,10 @@
 }
 
 /* ─── ImageUpload: previewMode="cover" — 박스 가득 채우는 풀 이미지 ─── */
-.nexus-image-upload--preview-cover {
+/* base .nexus-image-upload 와 selector specificity 를 맞추기 위해 .nexus-image-upload 를
+   같이 적어 (0,0,2,0) 으로 올린다. 이래야 cascade 순서에 의존하지 않고
+   overflow/padding/border-style 등을 안정적으로 덮어쓸 수 있다. */
+.nexus-image-upload.nexus-image-upload--preview-cover {
   position: relative;
   display: block;
   padding: 0;
@@ -4680,10 +4691,11 @@
   border-style: solid;
   background: var(--color-surface-strong);
   cursor: pointer;
-  /* X 버튼이 모서리 밖으로 살짝 튀어나올 수 있도록 visible. 이미지는 아래 clip wrapper가 라운드 처리. */
+  /* X 버튼이 모서리 밖으로 살짝 튀어나올 수 있도록 visible.
+     이미지는 자식인 __preview-cover-clip 이 overflow:hidden 으로 라운드 처리. */
   overflow: visible;
 }
-.nexus-image-upload--preview-cover:hover {
+.nexus-image-upload.nexus-image-upload--preview-cover:hover {
   border-color: var(--color-border-default-hover);
   box-shadow: 0 0 0 0.5px var(--color-border-default-hover);
 }

package/dist/styles.mjs

@@ -1,4 +1,4 @@
-import { built_default } from './chunks/chunk-3NSJMG3G.mjs';
+import { built_default } from './chunks/chunk-JFZLKFFM.mjs';
 
 // src/styles/inject.ts
 var STYLE_ID = "__nexus-ds__";

package/dist/tokens/company.css

@@ -1,7 +1,7 @@
 /**
  * Company CSS — Tailwind v4 (@theme + .dark)
  * 자동 생성: scripts/generate-css.js
- * 생성일: 2026-05-07T10:05:13.498Z
+ * 생성일: 2026-05-11T10:03:03.762Z
  *
  * @theme: Tailwind 유틸리티 클래스 자동 생성
  * :root: 순수 CSS 변수 (var()로 직접 사용)

package/dist/tokens/css.css

@@ -2,7 +2,7 @@
  * Company CSS — 순수 CSS 변수 (:root + .dark)
  * Tailwind 없이 var(--*) 로 사용 가능
  * 자동 생성: scripts/generate-css.js
- * 생성일: 2026-05-07T10:05:13.503Z
+ * 생성일: 2026-05-11T10:03:03.767Z
  */
 
 :root {

package/dist/tokens-domains/gamehub-vars.css

@@ -0,0 +1,122 @@
+/**
+ * Gamehub Domain CSS — 순수 CSS 변수
+ * Tailwind 없이 var(--*) 로 사용 가능
+ * 자동 생성: scripts/generate-css.js
+ * 생성일: 2026-05-11T10:03:03.773Z
+ */
+
+:root {
+  --color-domain-market-bullish: #00B784;
+  --color-domain-market-bullish-intense: #1B9674;
+  --color-domain-market-bullish-disabled: #CDF4EA;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #D20625;
+  --color-domain-market-bearish-disabled: #FDE8EB;
+  --color-domain-chart-orange: #FF6324;
+  --color-domain-chart-purple: #8154FF;
+  --color-domain-chart-blue: #0F87FF;
+  --color-domain-chart-yellow: #EBBE07;
+  --color-domain-chart-green: #00B784;
+  --color-domain-builder-info: #EC53C0;
+  --color-domain-builder-info-intense: #D20698;
+  --color-domain-builder-info-bg: #FDE8F3;
+  --color-domain-builder-hero: #9473F2;
+  --color-domain-builder-hero-intense: #7346F3;
+  --color-domain-builder-hero-bg: #F4EBFF;
+  --color-domain-builder-grid: #50B89B;
+  --color-domain-builder-grid-intense: #1E9171;
+  --color-domain-builder-grid-bg: #CDF4EA;
+  --color-domain-builder-banner: #F2AB38;
+  --color-domain-builder-banner-intense: #D9840C;
+  --color-domain-builder-banner-bg: #FFF2D2;
+  --color-domain-builder-card: #55A0EE;
+  --color-domain-builder-card-intense: #1672D0;
+  --color-domain-builder-card-bg: #CCEFFF;
+}
+
+.gamehub {
+  --color-domain-market-bullish: #00B784;
+  --color-domain-market-bullish-intense: #1B9674;
+  --color-domain-market-bullish-disabled: #CDF4EA;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #D20625;
+  --color-domain-market-bearish-disabled: #FDE8EB;
+  --color-domain-chart-orange: #FF6324;
+  --color-domain-chart-purple: #8154FF;
+  --color-domain-chart-blue: #0F87FF;
+  --color-domain-chart-yellow: #EBBE07;
+  --color-domain-chart-green: #00B784;
+  --color-domain-builder-info: #EC53C0;
+  --color-domain-builder-info-intense: #D20698;
+  --color-domain-builder-info-bg: #FDE8F3;
+  --color-domain-builder-hero: #9473F2;
+  --color-domain-builder-hero-intense: #7346F3;
+  --color-domain-builder-hero-bg: #F4EBFF;
+  --color-domain-builder-grid: #50B89B;
+  --color-domain-builder-grid-intense: #1E9171;
+  --color-domain-builder-grid-bg: #CDF4EA;
+  --color-domain-builder-banner: #F2AB38;
+  --color-domain-builder-banner-intense: #D9840C;
+  --color-domain-builder-banner-bg: #FFF2D2;
+  --color-domain-builder-card: #55A0EE;
+  --color-domain-builder-card-intense: #1672D0;
+  --color-domain-builder-card-bg: #CCEFFF;
+}
+
+.gamehub.dark {
+  --color-domain-market-bullish: #02D69C;
+  --color-domain-market-bullish-intense: #0BDFA5;
+  --color-domain-market-bullish-disabled: #0D4431;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #EC3C56;
+  --color-domain-market-bearish-disabled: #5B121E;
+  --color-domain-chart-orange: #F1713D;
+  --color-domain-chart-purple: #8D65FF;
+  --color-domain-chart-blue: #2391FF;
+  --color-domain-chart-yellow: #C49D01;
+  --color-domain-chart-green: #01C791;
+  --color-domain-builder-info: #EC53C0;
+  --color-domain-builder-info-intense: #F94EB7;
+  --color-domain-builder-info-bg: #5B1233;
+  --color-domain-builder-hero: #9473F2;
+  --color-domain-builder-hero-intense: #B296FF;
+  --color-domain-builder-hero-bg: #3A1D7C;
+  --color-domain-builder-grid: #50B89B;
+  --color-domain-builder-grid-intense: #0BDFA5;
+  --color-domain-builder-grid-bg: #123F3C;
+  --color-domain-builder-banner: #F2AB38;
+  --color-domain-builder-banner-intense: #FFAA00;
+  --color-domain-builder-banner-bg: #4A3F2B;
+  --color-domain-builder-card: #55A0EE;
+  --color-domain-builder-card-intense: #20B1FF;
+  --color-domain-builder-card-bg: #143A67;
+}
+
+.dark {
+  --color-domain-market-bullish: #02D69C;
+  --color-domain-market-bullish-intense: #0BDFA5;
+  --color-domain-market-bullish-disabled: #0D4431;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #EC3C56;
+  --color-domain-market-bearish-disabled: #5B121E;
+  --color-domain-chart-orange: #F1713D;
+  --color-domain-chart-purple: #8D65FF;
+  --color-domain-chart-blue: #2391FF;
+  --color-domain-chart-yellow: #C49D01;
+  --color-domain-chart-green: #01C791;
+  --color-domain-builder-info: #EC53C0;
+  --color-domain-builder-info-intense: #F94EB7;
+  --color-domain-builder-info-bg: #5B1233;
+  --color-domain-builder-hero: #9473F2;
+  --color-domain-builder-hero-intense: #B296FF;
+  --color-domain-builder-hero-bg: #3A1D7C;
+  --color-domain-builder-grid: #50B89B;
+  --color-domain-builder-grid-intense: #0BDFA5;
+  --color-domain-builder-grid-bg: #123F3C;
+  --color-domain-builder-banner: #F2AB38;
+  --color-domain-builder-banner-intense: #FFAA00;
+  --color-domain-builder-banner-bg: #4A3F2B;
+  --color-domain-builder-card: #55A0EE;
+  --color-domain-builder-card-intense: #20B1FF;
+  --color-domain-builder-card-bg: #143A67;
+}

package/dist/tokens-domains/gamehub.css

@@ -0,0 +1,121 @@
+/**
+ * Gamehub Domain CSS — Tailwind v4 (@theme + .gamehub)
+ * 자동 생성: scripts/generate-css.js
+ * 생성일: 2026-05-11T10:03:03.772Z
+ */
+
+@theme {
+  --color-domain-market-bullish: #00B784;
+  --color-domain-market-bullish-intense: #1B9674;
+  --color-domain-market-bullish-disabled: #CDF4EA;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #D20625;
+  --color-domain-market-bearish-disabled: #FDE8EB;
+  --color-domain-chart-orange: #FF6324;
+  --color-domain-chart-purple: #8154FF;
+  --color-domain-chart-blue: #0F87FF;
+  --color-domain-chart-yellow: #EBBE07;
+  --color-domain-chart-green: #00B784;
+  --color-domain-builder-info: #EC53C0;
+  --color-domain-builder-info-intense: #D20698;
+  --color-domain-builder-info-bg: #FDE8F3;
+  --color-domain-builder-hero: #9473F2;
+  --color-domain-builder-hero-intense: #7346F3;
+  --color-domain-builder-hero-bg: #F4EBFF;
+  --color-domain-builder-grid: #50B89B;
+  --color-domain-builder-grid-intense: #1E9171;
+  --color-domain-builder-grid-bg: #CDF4EA;
+  --color-domain-builder-banner: #F2AB38;
+  --color-domain-builder-banner-intense: #D9840C;
+  --color-domain-builder-banner-bg: #FFF2D2;
+  --color-domain-builder-card: #55A0EE;
+  --color-domain-builder-card-intense: #1672D0;
+  --color-domain-builder-card-bg: #CCEFFF;
+}
+
+.gamehub {
+  --color-domain-market-bullish: #00B784;
+  --color-domain-market-bullish-intense: #1B9674;
+  --color-domain-market-bullish-disabled: #CDF4EA;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #D20625;
+  --color-domain-market-bearish-disabled: #FDE8EB;
+  --color-domain-chart-orange: #FF6324;
+  --color-domain-chart-purple: #8154FF;
+  --color-domain-chart-blue: #0F87FF;
+  --color-domain-chart-yellow: #EBBE07;
+  --color-domain-chart-green: #00B784;
+  --color-domain-builder-info: #EC53C0;
+  --color-domain-builder-info-intense: #D20698;
+  --color-domain-builder-info-bg: #FDE8F3;
+  --color-domain-builder-hero: #9473F2;
+  --color-domain-builder-hero-intense: #7346F3;
+  --color-domain-builder-hero-bg: #F4EBFF;
+  --color-domain-builder-grid: #50B89B;
+  --color-domain-builder-grid-intense: #1E9171;
+  --color-domain-builder-grid-bg: #CDF4EA;
+  --color-domain-builder-banner: #F2AB38;
+  --color-domain-builder-banner-intense: #D9840C;
+  --color-domain-builder-banner-bg: #FFF2D2;
+  --color-domain-builder-card: #55A0EE;
+  --color-domain-builder-card-intense: #1672D0;
+  --color-domain-builder-card-bg: #CCEFFF;
+}
+
+.gamehub.dark {
+  --color-domain-market-bullish: #02D69C;
+  --color-domain-market-bullish-intense: #0BDFA5;
+  --color-domain-market-bullish-disabled: #0D4431;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #EC3C56;
+  --color-domain-market-bearish-disabled: #5B121E;
+  --color-domain-chart-orange: #F1713D;
+  --color-domain-chart-purple: #8D65FF;
+  --color-domain-chart-blue: #2391FF;
+  --color-domain-chart-yellow: #C49D01;
+  --color-domain-chart-green: #01C791;
+  --color-domain-builder-info: #EC53C0;
+  --color-domain-builder-info-intense: #F94EB7;
+  --color-domain-builder-info-bg: #5B1233;
+  --color-domain-builder-hero: #9473F2;
+  --color-domain-builder-hero-intense: #B296FF;
+  --color-domain-builder-hero-bg: #3A1D7C;
+  --color-domain-builder-grid: #50B89B;
+  --color-domain-builder-grid-intense: #0BDFA5;
+  --color-domain-builder-grid-bg: #123F3C;
+  --color-domain-builder-banner: #F2AB38;
+  --color-domain-builder-banner-intense: #FFAA00;
+  --color-domain-builder-banner-bg: #4A3F2B;
+  --color-domain-builder-card: #55A0EE;
+  --color-domain-builder-card-intense: #20B1FF;
+  --color-domain-builder-card-bg: #143A67;
+}
+
+.dark {
+  --color-domain-market-bullish: #02D69C;
+  --color-domain-market-bullish-intense: #0BDFA5;
+  --color-domain-market-bullish-disabled: #0D4431;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #EC3C56;
+  --color-domain-market-bearish-disabled: #5B121E;
+  --color-domain-chart-orange: #F1713D;
+  --color-domain-chart-purple: #8D65FF;
+  --color-domain-chart-blue: #2391FF;
+  --color-domain-chart-yellow: #C49D01;
+  --color-domain-chart-green: #01C791;
+  --color-domain-builder-info: #EC53C0;
+  --color-domain-builder-info-intense: #F94EB7;
+  --color-domain-builder-info-bg: #5B1233;
+  --color-domain-builder-hero: #9473F2;
+  --color-domain-builder-hero-intense: #B296FF;
+  --color-domain-builder-hero-bg: #3A1D7C;
+  --color-domain-builder-grid: #50B89B;
+  --color-domain-builder-grid-intense: #0BDFA5;
+  --color-domain-builder-grid-bg: #123F3C;
+  --color-domain-builder-banner: #F2AB38;
+  --color-domain-builder-banner-intense: #FFAA00;
+  --color-domain-builder-banner-bg: #4A3F2B;
+  --color-domain-builder-card: #55A0EE;
+  --color-domain-builder-card-intense: #20B1FF;
+  --color-domain-builder-card-bg: #143A67;
+}

package/dist/tokens-domains/prediction-vars.css

@@ -2,7 +2,7 @@
  * Prediction Domain CSS — 순수 CSS 변수
  * Tailwind 없이 var(--*) 로 사용 가능
  * 자동 생성: scripts/generate-css.js
- * 생성일: 2026-05-07T10:05:13.510Z
+ * 생성일: 2026-05-11T10:03:03.774Z
  */
 
 :root {

package/dist/tokens-domains/prediction.css

@@ -1,7 +1,7 @@
 /**
  * Prediction Domain CSS — Tailwind v4 (@theme + .prediction)
  * 자동 생성: scripts/generate-css.js
- * 생성일: 2026-05-07T10:05:13.510Z
+ * 생성일: 2026-05-11T10:03:03.774Z
  */
 
 @theme {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexus-cross/design-system",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "NEXUS Design System UI Components",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -40,8 +40,7 @@
     "./tokens-domains/data": "./dist/tokens-domains/data",
     "./tokens-domains/data/*": "./dist/tokens-domains/data/*",
     "./tokens-domains/tailwind": "./dist/tokens-domains/tailwind.js",
-    "./tokens-domains/prediction.css": "./dist/tokens-domains/prediction.css",
-    "./tokens-domains/prediction-vars.css": "./dist/tokens-domains/prediction-vars.css",
+    "./tokens-domains/*.css": "./dist/tokens-domains/*.css",
     "./modal": {
       "types": "./dist/modal/index.d.ts",
       "import": "./dist/modal/index.mjs",
@@ -362,8 +361,8 @@
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
     "zod": "^3.25.76",
-    "@nexus-cross/tokens": "2.0.2",
-    "@nexus-cross/tokens-domains": "2.0.2"
+    "@nexus-cross/tokens": "2.0.4",
+    "@nexus-cross/tokens-domains": "2.0.4"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",