@nexus-cross/design-system 2.0.0 → 2.0.1

package/dist/tokens/css.css

@@ -2,7 +2,7 @@
  * Company CSS — 순수 CSS 변수 (:root + .dark)
  * Tailwind 없이 var(--*) 로 사용 가능
  * 자동 생성: scripts/generate-css.js
- * 생성일: 2026-05-06T03:32:31.085Z
+ * 생성일: 2026-05-07T09:40:03.599Z
  */
 
 :root {
@@ -72,12 +72,14 @@
   --color-status-success-disabled: #CDF4EA;
   --color-status-success-intense: #1B9674;
   --color-status-success-dim: #9FECD7;
+  --color-status-success-bg: #EAFAF6;
   --color-status-warning: #FF9D00;
   --color-status-warning-hover: #FFAA00;
   --color-status-warning-pressed: #F9C127;
   --color-status-warning-disabled: #FFF2D2;
   --color-status-warning-intense: #D9840C;
   --color-status-warning-dim: #FFDB6E;
+  --color-status-warning-bg: #FBF7EC;
   --color-status-danger: #DB0A2D;
   --color-status-danger-hover: #E62848;
   --color-status-danger-pressed: #AF2239;
@@ -85,12 +87,14 @@
   --color-status-danger-intense: #D20625;
   --color-status-danger-dim: #FFBBC4;
   --color-status-danger-focus: #E62848;
+  --color-status-danger-bg: #FFF4F5;
   --color-status-info: #0095FF;
   --color-status-info-hover: #20B1FF;
   --color-status-info-pressed: #1087FF;
   --color-status-info-disabled: #CCEFFF;
   --color-status-info-intense: #1672D0;
   --color-status-info-dim: #92DDFF;
+  --color-status-info-bg: #EAF8FF;
   --color-overlay-dim: #000000;
   --color-overlay-light: #000000;
   --color-static-white: #FFFFFF;
@@ -124,6 +128,8 @@
   --text-text-lg--line-height: 1.5;
   --text-text-xl: 1.25rem;
   --text-text-xl--line-height: 1.5;
+  --text-text-2xs: 0.625rem;
+  --text-text-2xs--line-height: 1.5;
   --text-text-medium-xs: 0.75rem;
   --text-text-medium-xs--line-height: 1.5;
   --text-text-medium-sm: 0.875rem;
@@ -134,6 +140,8 @@
   --text-text-medium-lg--line-height: 1.5;
   --text-text-medium-xl: 1.25rem;
   --text-text-medium-xl--line-height: 1.5;
+  --text-text-medium-2xs: 0.625rem;
+  --text-text-medium-2xs--line-height: 1.5;
   --text-text-semibold-xs: 0.75rem;
   --text-text-semibold-xs--line-height: 1.5;
   --text-text-semibold-sm: 0.875rem;
@@ -170,6 +178,8 @@
   --text-label-md--line-height: 1;
   --text-label-lg: 1rem;
   --text-label-lg--line-height: 1;
+  --text-label-xs: 0.625rem;
+  --text-label-xs--line-height: 1;
   --text-label-semibold-sm: 0.75rem;
   --text-label-semibold-sm--line-height: 1;
   --text-label-semibold-md: 0.875rem;
@@ -252,6 +262,8 @@
   --letter-spacing-text-lg: -0.01em;
   --font-weight-text-xl: 400;
   --letter-spacing-text-xl: -0.01em;
+  --font-weight-text-2xs: 400;
+  --letter-spacing-text-2xs: -0.01em;
   --font-weight-text-medium-xs: 500;
   --letter-spacing-text-medium-xs: -0.01em;
   --font-weight-text-medium-sm: 500;
@@ -262,6 +274,8 @@
   --letter-spacing-text-medium-lg: -0.01em;
   --font-weight-text-medium-xl: 500;
   --letter-spacing-text-medium-xl: -0.01em;
+  --font-weight-text-medium-2xs: 500;
+  --letter-spacing-text-medium-2xs: -0.01em;
   --font-weight-text-semibold-xs: 600;
   --letter-spacing-text-semibold-xs: -0.01em;
   --font-weight-text-semibold-sm: 600;
@@ -298,6 +312,8 @@
   --letter-spacing-label-md: 0;
   --font-weight-label-lg: 500;
   --letter-spacing-label-lg: 0;
+  --font-weight-label-xs: 500;
+  --letter-spacing-label-xs: 0;
   --font-weight-label-semibold-sm: 600;
   --letter-spacing-label-semibold-sm: 0;
   --font-weight-label-semibold-md: 600;
@@ -373,12 +389,14 @@
   --color-status-success-disabled: #0D4431;
   --color-status-success-intense: #0BDFA5;
   --color-status-success-dim: #1B9674;
+  --color-status-success-bg: #06261B;
   --color-status-warning: #FFAA00;
   --color-status-warning-hover: #FF9D00;
   --color-status-warning-pressed: #F9C127;
   --color-status-warning-disabled: #4A3F2B;
   --color-status-warning-intense: #FFAA00;
   --color-status-warning-dim: #9F701A;
+  --color-status-warning-bg: #393421;
   --color-status-danger: #DB0A2D;
   --color-status-danger-hover: #E62848;
   --color-status-danger-pressed: #D20625;
@@ -386,12 +404,14 @@
   --color-status-danger-intense: #EC3C56;
   --color-status-danger-dim: #AF2239;
   --color-status-danger-focus: #AF2239;
+  --color-status-danger-bg: #530E1A;
   --color-status-info: #0095FF;
   --color-status-info-hover: #20B1FF;
   --color-status-info-pressed: #1087FF;
   --color-status-info-disabled: #143A67;
   --color-status-info-intense: #20B1FF;
   --color-status-info-dim: #1672D0;
+  --color-status-info-bg: #0E2F53;
   --color-overlay-dim: #000000;
   --color-overlay-light: #000000;
   --color-static-white: #FFFFFF;

package/dist/tokens/data/color.json

@@ -747,6 +747,14 @@
             "source": "green.300"
           },
           "description": "Success - dim"
+        },
+        "bg": {
+          "light": {
+            "source": "green.950"
+          },
+          "dark": {
+            "source": "green.50"
+          }
         }
       },
       "warning": {
@@ -803,6 +811,14 @@
             "source": "yellow.300"
           },
           "description": "Warning - dim"
+        },
+        "bg": {
+          "light": {
+            "source": "yellow.950"
+          },
+          "dark": {
+            "source": "yellow.100"
+          }
         }
       },
       "danger": {
@@ -868,6 +884,14 @@
             "source": "red.300"
           },
           "description": "Danger - focus"
+        },
+        "bg": {
+          "light": {
+            "source": "red.950"
+          },
+          "dark": {
+            "source": "red.100"
+          }
         }
       },
       "info": {
@@ -924,6 +948,14 @@
             "source": "blue.300"
           },
           "description": "Info - dim"
+        },
+        "bg": {
+          "light": {
+            "source": "blue.950"
+          },
+          "dark": {
+            "source": "blue.100"
+          }
         }
       }
     },

package/dist/tokens/data/space.json

@@ -19,7 +19,7 @@
     "56": "14rem",
     "64": "16rem",
     "px": "1px",
-    "1.5": "0.375rem"
+    "1.5": "6px"
   },
   "semantic": {
     "padding": {

package/dist/tokens/data/typography.json

@@ -140,6 +140,24 @@
           "source": "letterSpacing.-1"
         },
         "description": "Extra large text"
+      },
+      "2xs": {
+        "fontFamily": {
+          "source": "fontFamily.sans"
+        },
+        "fontSize": {
+          "source": "fontSize.10"
+        },
+        "fontWeight": {
+          "source": "fontWeight.400"
+        },
+        "lineHeight": {
+          "source": "lineHeight.150"
+        },
+        "letterSpacing": {
+          "source": "letterSpacing.-1"
+        },
+        "description": "2x extra small text"
       }
     },
     "text-medium": {
@@ -232,6 +250,24 @@
           "source": "letterSpacing.-1"
         },
         "description": "Extra large text - Medium"
+      },
+      "2xs": {
+        "fontFamily": {
+          "source": "fontFamily.sans"
+        },
+        "fontSize": {
+          "source": "fontSize.10"
+        },
+        "fontWeight": {
+          "source": "fontWeight.500"
+        },
+        "lineHeight": {
+          "source": "lineHeight.150"
+        },
+        "letterSpacing": {
+          "source": "letterSpacing.-1"
+        },
+        "description": "2x extra small text - Medium"
       }
     },
     "text-semibold": {
@@ -564,6 +600,24 @@
           "source": "fontFamily.sans"
         },
         "description": "Label Large"
+      },
+      "xs": {
+        "fontFamily": {
+          "source": "fontFamily.sans"
+        },
+        "fontSize": {
+          "source": "fontSize.10"
+        },
+        "fontWeight": {
+          "source": "fontWeight.500"
+        },
+        "lineHeight": {
+          "source": "lineHeight.100"
+        },
+        "letterSpacing": {
+          "source": "letterSpacing.0"
+        },
+        "description": "Label Extra Small"
       }
     },
     "label-semibold": {
@@ -623,4 +677,4 @@
       }
     }
   }
-}
+}

package/dist/tokens-domains/data/gamehub/domain.json

@@ -0,0 +1,258 @@
+{
+  "$schema": "../../../tokens/src/data/schema.json",
+  "$comment": "Project Scoped Domain Tokens - Prediction (Semantic Mode-Aware)",
+  "$policy": {
+    "allowValue": false,
+    "allowedFormats": [],
+    "requireBothModes": true
+  },
+  "domain-market": {
+    "$policy": {
+      "allowValue": false
+    },
+    "bullish": {
+      "base": {
+        "light": {
+          "source": "green.400"
+        },
+        "dark": {
+          "source": "green.600"
+        }
+      },
+      "intense": {
+        "light": {
+          "source": "green.300"
+        },
+        "dark": {
+          "source": "green.700"
+        }
+      },
+      "disabled": {
+        "light": {
+          "source": "green.900"
+        },
+        "dark": {
+          "source": "green.200"
+        }
+      }
+    },
+    "bullish-bg": {},
+    "bearish": {
+      "base": {
+        "light": {
+          "source": "red.500"
+        },
+        "dark": {
+          "source": "red.500"
+        }
+      },
+      "intense": {
+        "light": {
+          "source": "red.400"
+        },
+        "dark": {
+          "source": "red.700"
+        }
+      },
+      "disabled": {
+        "light": {
+          "source": "red.900"
+        },
+        "dark": {
+          "source": "red.200"
+        }
+      }
+    },
+    "bearish-bg": {},
+    "flat": {}
+  },
+  "domain-chart": {
+    "$policy": {
+      "allowValue": true,
+      "allowedFormats": [
+        "hex",
+        "rgba"
+      ]
+    },
+    "orange": {
+      "base": {
+        "light": {
+          "value": "#FF6324"
+        },
+        "dark": {
+          "value": "#F1713D"
+        }
+      }
+    },
+    "purple": {
+      "base": {
+        "light": {
+          "value": "#8154FF"
+        },
+        "dark": {
+          "value": "#8D65FF"
+        }
+      }
+    },
+    "blue": {
+      "base": {
+        "light": {
+          "value": "#0F87FF"
+        },
+        "dark": {
+          "value": "#2391FF"
+        }
+      }
+    },
+    "yellow": {
+      "base": {
+        "light": {
+          "value": "#EBBE07"
+        },
+        "dark": {
+          "value": "#C49D01"
+        }
+      }
+    },
+    "green": {
+      "light": {
+        "value": "#00B784"
+      },
+      "dark": {
+        "value": "#01C791"
+      }
+    }
+  },
+  "domain-builder": {
+    "info": {
+      "base": {
+        "light": {
+          "value": "#EC53C0"
+        },
+        "dark": {
+          "value": "#EC53C0"
+        }
+      },
+      "intense": {
+        "light": {
+          "value": "#D20698"
+        },
+        "dark": {
+          "value": "#F94EB7"
+        }
+      },
+      "bg": {
+        "light": {
+          "value": "#FDE8F3"
+        },
+        "dark": {
+          "value": "#5B1233"
+        }
+      }
+    },
+    "hero": {
+      "base": {
+        "light": {
+          "value": "#9473F2"
+        },
+        "dark": {
+          "value": "#9473F2"
+        }
+      },
+      "intense": {
+        "light": {
+          "value": "#7346F3"
+        },
+        "dark": {
+          "value": "#B296FF"
+        }
+      },
+      "bg": {
+        "light": {
+          "value": "#F4EBFF"
+        },
+        "dark": {
+          "value": "#3A1D7C"
+        }
+      }
+    },
+    "grid": {
+      "base": {
+        "light": {
+          "value": "#50B89B"
+        },
+        "dark": {
+          "value": "#50B89B"
+        }
+      },
+      "intense": {
+        "light": {
+          "value": "#1E9171"
+        },
+        "dark": {
+          "value": "#0BDFA5"
+        }
+      },
+      "bg": {
+        "light": {
+          "value": "#CDF4EA"
+        },
+        "dark": {
+          "value": "#123F3C"
+        }
+      }
+    },
+    "banner": {
+      "base": {
+        "light": {
+          "value": "#F2AB38"
+        },
+        "dark": {
+          "value": "#F2AB38"
+        }
+      },
+      "intense": {
+        "light": {
+          "value": "#D9840C"
+        },
+        "dark": {
+          "value": "#FFAA00"
+        }
+      },
+      "bg": {
+        "light": {
+          "value": "#FFF2D2"
+        },
+        "dark": {
+          "value": "#4A3F2B"
+        }
+      }
+    },
+    "card": {
+      "base": {
+        "light": {
+          "value": "#55A0EE"
+        },
+        "dark": {
+          "value": "#55A0EE"
+        }
+      },
+      "intense": {
+        "light": {
+          "value": "#1672D0"
+        },
+        "dark": {
+          "value": "#20B1FF"
+        }
+      },
+      "bg": {
+        "light": {
+          "value": "#CCEFFF"
+        },
+        "dark": {
+          "value": "#143A67"
+        }
+      }
+    }
+  }
+}

package/dist/tokens-domains/data/index.ts

@@ -5,12 +5,14 @@
  *     scripts/generate-data-index.js
  */
 
+import gamehubDomain from './gamehub/domain.json';
 import predictionDomain from './prediction/domain.json';
 
 export const domainRegistry: Record<string, Record<string, any>> = {
+  gamehub: gamehubDomain,
   prediction: predictionDomain,
 };
 
-export { predictionDomain };
+export { gamehubDomain, predictionDomain };
 
 export type DomainProjectId = keyof typeof domainRegistry;

package/dist/tokens-domains/data/prediction/domain.json

@@ -308,17 +308,5 @@
         }
       }
     }
-  },
-  "domain-bg": {
-    "subtle": {
-      "base": {
-        "light": {
-          "source": "special.white"
-        },
-        "dark": {
-          "source": "neutral.50"
-        }
-      }
-    }
   }
 }

package/dist/tokens-domains/gamehub.md

@@ -0,0 +1,62 @@
+# @nexus-cross/tokens-domains/gamehub — Domain Token Reference
+
+> Domain token reference for the Gamehub project.
+
+## Installation & Usage
+
+### Tailwind v4 (Recommended)
+```css
+@import "tailwindcss";
+@import "@nexus-cross/tokens/company.css";
+@import "@nexus-cross/tokens-domains/gamehub.css";
+```
+
+### Tailwind v3
+```js
+// tailwind.config.js
+module.exports = {
+  presets: [require("@nexus-cross/tokens-domains/tailwind")],
+};
+```
+
+### Plain CSS (without Tailwind)
+```css
+@import "@nexus-cross/tokens-domains/gamehub-vars.css";
+```
+
+### JS/TS API
+```ts
+import { getGamehubTheme } from "@nexus-cross/tokens-domains";
+const { domain } = getGamehubTheme("dark");
+```
+
+## Domain Color Tokens
+
+| Tailwind Class | CSS Variable | Light | Dark |
+|---|---|---|---|
+| `bg-domain-market-bullish` | `--color-domain-market-bullish` | `#00B784` | `#02D69C` |
+| `bg-domain-market-bullish-intense` | `--color-domain-market-bullish-intense` | `#1B9674` | `#0BDFA5` |
+| `bg-domain-market-bullish-disabled` | `--color-domain-market-bullish-disabled` | `#CDF4EA` | `#0D4431` |
+| `bg-domain-market-bearish` | `--color-domain-market-bearish` | `#DB0A2D` | `#DB0A2D` |
+| `bg-domain-market-bearish-intense` | `--color-domain-market-bearish-intense` | `#D20625` | `#EC3C56` |
+| `bg-domain-market-bearish-disabled` | `--color-domain-market-bearish-disabled` | `#FDE8EB` | `#5B121E` |
+| `bg-domain-chart-orange` | `--color-domain-chart-orange` | `#FF6324` | `#F1713D` |
+| `bg-domain-chart-purple` | `--color-domain-chart-purple` | `#8154FF` | `#8D65FF` |
+| `bg-domain-chart-blue` | `--color-domain-chart-blue` | `#0F87FF` | `#2391FF` |
+| `bg-domain-chart-yellow` | `--color-domain-chart-yellow` | `#EBBE07` | `#C49D01` |
+| `bg-domain-chart-green` | `--color-domain-chart-green` | `#00B784` | `#01C791` |
+| `bg-domain-builder-info` | `--color-domain-builder-info` | `#EC53C0` | `#EC53C0` |
+| `bg-domain-builder-info-intense` | `--color-domain-builder-info-intense` | `#D20698` | `#F94EB7` |
+| `bg-domain-builder-info-bg` | `--color-domain-builder-info-bg` | `#FDE8F3` | `#5B1233` |
+| `bg-domain-builder-hero` | `--color-domain-builder-hero` | `#9473F2` | `#9473F2` |
+| `bg-domain-builder-hero-intense` | `--color-domain-builder-hero-intense` | `#7346F3` | `#B296FF` |
+| `bg-domain-builder-hero-bg` | `--color-domain-builder-hero-bg` | `#F4EBFF` | `#3A1D7C` |
+| `bg-domain-builder-grid` | `--color-domain-builder-grid` | `#50B89B` | `#50B89B` |
+| `bg-domain-builder-grid-intense` | `--color-domain-builder-grid-intense` | `#1E9171` | `#0BDFA5` |
+| `bg-domain-builder-grid-bg` | `--color-domain-builder-grid-bg` | `#CDF4EA` | `#123F3C` |
+| `bg-domain-builder-banner` | `--color-domain-builder-banner` | `#F2AB38` | `#F2AB38` |
+| `bg-domain-builder-banner-intense` | `--color-domain-builder-banner-intense` | `#D9840C` | `#FFAA00` |
+| `bg-domain-builder-banner-bg` | `--color-domain-builder-banner-bg` | `#FFF2D2` | `#4A3F2B` |
+| `bg-domain-builder-card` | `--color-domain-builder-card` | `#55A0EE` | `#55A0EE` |
+| `bg-domain-builder-card-intense` | `--color-domain-builder-card-intense` | `#1672D0` | `#20B1FF` |
+| `bg-domain-builder-card-bg` | `--color-domain-builder-card-bg` | `#CCEFFF` | `#143A67` |

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

@@ -2,7 +2,7 @@
  * Prediction Domain CSS — 순수 CSS 변수
  * Tailwind 없이 var(--*) 로 사용 가능
  * 자동 생성: scripts/generate-css.js
- * 생성일: 2026-05-06T03:32:31.090Z
+ * 생성일: 2026-05-07T09:40:03.606Z
  */
 
 :root {
@@ -39,7 +39,6 @@
   --color-domain-chart-purple: #8154FF;
   --color-domain-chart-blue: #0F87FF;
   --color-domain-chart-yellow: #EBBE07;
-  --color-domain-bg-subtle: #FFFFFF;
 }
 
 .prediction {
@@ -76,7 +75,6 @@
   --color-domain-chart-purple: #8154FF;
   --color-domain-chart-blue: #0F87FF;
   --color-domain-chart-yellow: #EBBE07;
-  --color-domain-bg-subtle: #FFFFFF;
 }
 
 .prediction.dark {
@@ -113,7 +111,6 @@
   --color-domain-chart-purple: #8D65FF;
   --color-domain-chart-blue: #2391FF;
   --color-domain-chart-yellow: #C49D01;
-  --color-domain-bg-subtle: #161A21;
 }
 
 .dark {
@@ -150,5 +147,4 @@
   --color-domain-chart-purple: #8D65FF;
   --color-domain-chart-blue: #2391FF;
   --color-domain-chart-yellow: #C49D01;
-  --color-domain-bg-subtle: #161A21;
 }

package/dist/tokens-domains/prediction.css

@@ -1,7 +1,7 @@
 /**
  * Prediction Domain CSS — Tailwind v4 (@theme + .prediction)
  * 자동 생성: scripts/generate-css.js
- * 생성일: 2026-05-06T03:32:31.089Z
+ * 생성일: 2026-05-07T09:40:03.605Z
  */
 
 @theme {
@@ -38,7 +38,6 @@
   --color-domain-chart-purple: #8154FF;
   --color-domain-chart-blue: #0F87FF;
   --color-domain-chart-yellow: #EBBE07;
-  --color-domain-bg-subtle: #FFFFFF;
 }
 
 .prediction {
@@ -75,7 +74,6 @@
   --color-domain-chart-purple: #8154FF;
   --color-domain-chart-blue: #0F87FF;
   --color-domain-chart-yellow: #EBBE07;
-  --color-domain-bg-subtle: #FFFFFF;
 }
 
 .prediction.dark {
@@ -112,7 +110,6 @@
   --color-domain-chart-purple: #8D65FF;
   --color-domain-chart-blue: #2391FF;
   --color-domain-chart-yellow: #C49D01;
-  --color-domain-bg-subtle: #161A21;
 }
 
 .dark {
@@ -149,5 +146,4 @@
   --color-domain-chart-purple: #8D65FF;
   --color-domain-chart-blue: #2391FF;
   --color-domain-chart-yellow: #C49D01;
-  --color-domain-bg-subtle: #161A21;
 }

package/dist/tokens-domains/prediction.md

@@ -67,4 +67,3 @@ const { domain } = getPredictionTheme("dark");
 | `bg-domain-chart-purple` | `--color-domain-chart-purple` | `#8154FF` | `#8D65FF` |
 | `bg-domain-chart-blue` | `--color-domain-chart-blue` | `#0F87FF` | `#2391FF` |
 | `bg-domain-chart-yellow` | `--color-domain-chart-yellow` | `#EBBE07` | `#C49D01` |
-| `bg-domain-bg-subtle` | `--color-domain-bg-subtle` | `#FFFFFF` | `#161A21` |