@nexus-cross/design-system 1.1.1 → 2.0.0

package/dist/tokens/tailwind.js

@@ -0,0 +1,260 @@
+/**
+ * @nexus-cross/tokens - Tailwind CSS v3 Preset
+ *
+ * data/*.json 기반으로 Tailwind v3 theme을 자동 생성합니다.
+ * 하드코딩 없이 JSON 데이터에서 직접 읽어 매핑합니다.
+ *
+ * 사용법:
+ *   module.exports = {
+ *     presets: [require('@nexus-cross/tokens/tailwind')],
+ *     content: ['./src/**\/*.{js,jsx,ts,tsx}'],
+ *   }
+ */
+
+const colorData = require('./data/color.json');
+const typographyData = require('./data/typography.json');
+const spaceData = require('./data/space.json');
+const shadowData = require('./data/shadow.json');
+const radiusData = require('./data/radius.json');
+const borderWidthData = require('./data/borderWidth.json');
+const opacityData = require('./data/opacity.json');
+const sizeData = require('./data/size.json');
+const breakpointData = require('./data/breakpoint.json');
+const motionData = require('./data/motion.json');
+const zIndexData = require('./data/zIndex.json');
+
+/**
+ * semantic color 키를 순회해서 { 'bg-default': 'var(--color-bg-default)' } 형태로 변환.
+ * 중첩 구조를 Tailwind v3의 flat 또는 nested 형태로 매핑.
+ */
+function buildColorMap(semantic) {
+  const colors = {};
+
+  function traverse(obj, prefix) {
+    for (const [key, value] of Object.entries(obj)) {
+      const newKey = prefix ? `${prefix}-${key}` : key;
+
+      if (value && typeof value === 'object') {
+        if (value.light || value.dark || value.source) {
+          const cssVar = newKey.replace(/-base$/, '');
+          colors[cssVar] = `var(--color-${cssVar})`;
+        } else {
+          traverse(value, newKey);
+        }
+      }
+    }
+  }
+
+  traverse(semantic, '');
+  return colors;
+}
+
+/**
+ * spacing primitive를 Tailwind spacing으로 매핑
+ */
+function buildSpacing(primitive) {
+  const spacing = {};
+  for (const [key, value] of Object.entries(primitive)) {
+    spacing[key] = value;
+  }
+  return spacing;
+}
+
+/**
+ * typography primitive에서 fontSize 매핑
+ */
+function buildFontSize(primitive) {
+  const fontSize = {};
+  if (primitive.fontSize) {
+    for (const [key, value] of Object.entries(primitive.fontSize)) {
+      fontSize[key] = value;
+    }
+  }
+  return fontSize;
+}
+
+/**
+ * typography primitive에서 fontFamily 매핑
+ */
+function buildFontFamily(primitive) {
+  const fontFamily = {};
+  if (primitive.fontFamily) {
+    for (const [key, value] of Object.entries(primitive.fontFamily)) {
+      fontFamily[key] = value;
+    }
+  }
+  return fontFamily;
+}
+
+/**
+ * shadow semantic에서 boxShadow 매핑 (light 기준 resolve)
+ */
+function buildBoxShadow(shadowJson) {
+  const boxShadow = {};
+  const primitive = shadowJson.primitive || {};
+  const semantic = shadowJson.semantic || {};
+  const elevation = semantic.elevation || {};
+
+  for (const [key, def] of Object.entries(elevation)) {
+    if (def && def.light && def.light.source) {
+      const resolved = primitive[def.light.source];
+      if (resolved) {
+        boxShadow[key] = resolved;
+      }
+    }
+  }
+  return boxShadow;
+}
+
+/**
+ * radius semantic에서 borderRadius 매핑
+ */
+function buildBorderRadius(radiusJson) {
+  const borderRadius = {};
+  const primitive = radiusJson.primitive || {};
+  const semantic = radiusJson.semantic || {};
+  const corner = semantic.corner || {};
+
+  for (const [key, def] of Object.entries(corner)) {
+    if (def && def.source !== undefined) {
+      const resolved = primitive[def.source];
+      if (resolved) {
+        borderRadius[key] = resolved;
+      }
+    }
+  }
+  return borderRadius;
+}
+
+/**
+ * borderWidth semantic에서 borderWidth 매핑
+ */
+function buildBorderWidth(borderWidthJson) {
+  const result = {};
+  const primitive = borderWidthJson.primitive || {};
+  const semantic = borderWidthJson.semantic || {};
+  const stroke = semantic.stroke || {};
+
+  for (const [key, def] of Object.entries(stroke)) {
+    if (def && def.source !== undefined) {
+      const resolved = primitive[def.source];
+      if (resolved) {
+        result[key] = resolved;
+      }
+    }
+  }
+  return result;
+}
+
+/**
+ * semantic 토큰을 범용 resolve (단순 source 구조)
+ */
+function buildSimpleSemantic(jsonData) {
+  const primitive = jsonData.primitive || {};
+  const semantic = jsonData.semantic || {};
+  const result = {};
+
+  function traverse(obj, prefix) {
+    for (const [key, value] of Object.entries(obj)) {
+      const newKey = prefix ? `${prefix}-${key}` : key;
+      if (value && typeof value === 'object') {
+        if (value.source !== undefined) {
+          const resolved = primitive[value.source];
+          if (resolved !== undefined) result[newKey] = String(resolved);
+        } else if (!value.description) {
+          traverse(value, newKey);
+        }
+      }
+    }
+  }
+
+  traverse(semantic, '');
+  return result;
+}
+
+/**
+ * breakpoint semantic → Tailwind screens 매핑
+ */
+function buildScreens(breakpointJson) {
+  const primitive = breakpointJson.primitive || {};
+  const semantic = breakpointJson.semantic || {};
+  const screen = semantic.screen || {};
+  const result = {};
+
+  for (const [key, def] of Object.entries(screen)) {
+    if (def && def.source !== undefined) {
+      const resolved = primitive[def.source];
+      if (resolved) result[key] = resolved;
+    }
+  }
+  return result;
+}
+
+/**
+ * motion semantic → transitionDuration / transitionTimingFunction
+ */
+function buildMotion(motionJson) {
+  const primitive = motionJson.primitive || {};
+  const semantic = motionJson.semantic || {};
+  const duration = {};
+  const timingFunction = {};
+
+  function resolveMotionSource(source) {
+    const parts = String(source).split('.');
+    let current = primitive;
+    for (const part of parts) {
+      if (current && typeof current === 'object' && current[part] !== undefined) {
+        current = current[part];
+      } else {
+        return null;
+      }
+    }
+    return typeof current === 'object' ? null : String(current);
+  }
+
+  function traverse(obj, prefix) {
+    for (const [key, value] of Object.entries(obj)) {
+      const newKey = prefix ? `${prefix}-${key}` : key;
+      if (value && typeof value === 'object') {
+        if (value.duration && value.duration.source !== undefined) {
+          const dur = resolveMotionSource(value.duration.source);
+          if (dur) duration[newKey] = dur;
+          if (value.easing && value.easing.source !== undefined) {
+            const eas = resolveMotionSource(value.easing.source);
+            if (eas) timingFunction[newKey] = eas;
+          }
+        } else if (!value.description && !value.source) {
+          traverse(value, newKey);
+        }
+      }
+    }
+  }
+
+  traverse(semantic, '');
+  return { duration, timingFunction };
+}
+
+const { duration: motionDuration, timingFunction: motionTimingFunction } = buildMotion(motionData);
+
+module.exports = {
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: buildColorMap(colorData.semantic),
+      spacing: buildSpacing(spaceData.primitive),
+      fontSize: buildFontSize(typographyData.primitive),
+      fontFamily: buildFontFamily(typographyData.primitive),
+      boxShadow: buildBoxShadow(shadowData),
+      borderRadius: buildBorderRadius(radiusData),
+      borderWidth: buildBorderWidth(borderWidthData),
+      opacity: buildSimpleSemantic(opacityData),
+      width: buildSimpleSemantic(sizeData),
+      height: buildSimpleSemantic(sizeData),
+      screens: buildScreens(breakpointData),
+      zIndex: buildSimpleSemantic(zIndexData),
+      transitionDuration: motionDuration,
+      transitionTimingFunction: motionTimingFunction,
+    },
+  },
+  plugins: [],
+};

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

@@ -0,0 +1,16 @@
+/**
+ * Domain Token Data (SSOT)
+ *
+ * ⚠️  이 파일은 자동 생성됩니다. 직접 수정하지 마세요.
+ *     scripts/generate-data-index.js
+ */
+
+import predictionDomain from './prediction/domain.json';
+
+export const domainRegistry: Record<string, Record<string, any>> = {
+  prediction: predictionDomain,
+};
+
+export { predictionDomain };
+
+export type DomainProjectId = keyof typeof domainRegistry;

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

@@ -0,0 +1,324 @@
+{
+  "$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"
+        }
+      },
+      "dim": {
+        "light": {
+          "source": "green.800"
+        },
+        "dark": {
+          "source": "green.300"
+        }
+      },
+      "hover": {
+        "light": {
+          "source": "green.500"
+        },
+        "dark": {
+          "source": "green.700"
+        }
+      },
+      "pressed": {
+        "light": {
+          "source": "green.300"
+        },
+        "dark": {
+          "source": "green.500"
+        }
+      },
+      "disabled": {
+        "light": {
+          "source": "green.900"
+        },
+        "dark": {
+          "source": "green.200"
+        }
+      }
+    },
+    "bullish-bg": {
+      "base": {
+        "light": {
+          "source": "green.900"
+        },
+        "dark": {
+          "source": "green.200"
+        }
+      },
+      "hover": {
+        "light": {
+          "source": "green.800"
+        },
+        "dark": {
+          "source": "green.300"
+        }
+      },
+      "pressed": {
+        "light": {
+          "source": "green.900"
+        },
+        "dark": {
+          "source": "green.400"
+        }
+      }
+    },
+    "bearish": {
+      "base": {
+        "light": {
+          "source": "red.500"
+        },
+        "dark": {
+          "source": "red.500"
+        }
+      },
+      "intense": {
+        "light": {
+          "source": "red.400"
+        },
+        "dark": {
+          "source": "red.700"
+        }
+      },
+      "dim": {
+        "light": {
+          "source": "red.800"
+        },
+        "dark": {
+          "source": "red.300"
+        }
+      },
+      "hover": {
+        "light": {
+          "source": "red.600"
+        },
+        "dark": {
+          "source": "red.600"
+        }
+      },
+      "pressed": {
+        "light": {
+          "source": "red.300"
+        },
+        "dark": {
+          "source": "red.400"
+        }
+      },
+      "disabled": {
+        "light": {
+          "source": "red.900"
+        },
+        "dark": {
+          "source": "red.200"
+        }
+      }
+    },
+    "bearish-bg": {
+      "base": {
+        "light": {
+          "source": "red.900"
+        },
+        "dark": {
+          "source": "red.200"
+        }
+      },
+      "hover": {
+        "light": {
+          "source": "red.800"
+        },
+        "dark": {
+          "source": "red.300"
+        }
+      },
+      "pressed": {
+        "light": {
+          "source": "red.900"
+        },
+        "dark": {
+          "source": "red.200"
+        }
+      }
+    },
+    "flat": {
+      "base": {
+        "light": {
+          "source": "neutral.600"
+        },
+        "dark": {
+          "source": "neutral.600"
+        }
+      }
+    },
+    "on-bullish": {
+      "light": {
+        "source": "special.white"
+      },
+      "dark": {
+        "source": "special.black"
+      }
+    },
+    "on-bearish": {
+      "light": {
+        "source": "special.white"
+      },
+      "dark": {
+        "source": "special.black"
+      }
+    }
+  },
+  "domain-accent": {
+    "$policy": {
+      "allowValue": false
+    },
+    "primary": {
+      "base": {
+        "light": {
+          "source": "purple.300"
+        },
+        "dark": {
+          "source": "purple.400"
+        }
+      },
+      "intense": {
+        "light": {
+          "source": "purple.300"
+        },
+        "dark": {
+          "source": "purple.500"
+        }
+      },
+      "dim": {
+        "light": {
+          "source": "purple.800"
+        },
+        "dark": {
+          "source": "purple.300"
+        }
+      },
+      "hover": {
+        "light": {
+          "source": "purple.400"
+        },
+        "dark": {
+          "source": "purple.500"
+        }
+      },
+      "pressed": {
+        "light": {
+          "source": "purple.500"
+        },
+        "dark": {
+          "source": "purple.300"
+        }
+      },
+      "disabled": {
+        "light": {
+          "source": "purple.900"
+        },
+        "dark": {
+          "source": "purple.200"
+        }
+      },
+      "focus": {
+        "light": {
+          "source": "purple.400"
+        },
+        "dark": {
+          "source": "purple.500"
+        }
+      }
+    },
+    "on-primary": {
+      "light": {
+        "source": "special.white"
+      },
+      "dark": {
+        "source": "special.black"
+      }
+    }
+  },
+  "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"
+        }
+      }
+    }
+  },
+  "domain-bg": {
+    "subtle": {
+      "base": {
+        "light": {
+          "source": "special.white"
+        },
+        "dark": {
+          "source": "neutral.50"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+/**
+ * @nexus-cross/design-system/tokens-domains
+ *
+ * Re-export of @nexus-cross/tokens-domains public API (JS/TS).
+ * Allows consumers to install only @nexus-cross/design-system and access
+ * domain tokens via sub-path:
+ * `import { getPredictionTheme } from '@nexus-cross/design-system/tokens-domains'`.
+ *
+ * Equivalent to: `import { getPredictionTheme } from '@nexus-cross/tokens-domains'`.
+ */
+export * from '@nexus-cross/tokens-domains';
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens-domains/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens-domains/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,cAAc,6BAA6B,CAAC"}

package/dist/tokens-domains/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var tokensDomains = require('@nexus-cross/tokens-domains');
+
+
+
+Object.keys(tokensDomains).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return tokensDomains[k]; }
+	});
+});

package/dist/tokens-domains/index.mjs

@@ -0,0 +1 @@
+export * from '@nexus-cross/tokens-domains';