@gtcx/design-system 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+export { borderRadiusPrimitives, breakpointPrimitives, colorPrimitives, darkSemanticColors, focusPrimitives, fontFamilyPrimitives, fontSizePrimitives, fontWeightPrimitives, letterSpacingPrimitives, lineHeightPrimitives, motionPrimitives, opacityPrimitives, semanticColors, semanticLayout, semanticRadii, semanticShadows, semanticSpacing, semanticTokens, semanticTypography, shadowPrimitives, spacingPrimitives, transitionPrimitives, zIndexPrimitives } from '@gtcx/tokens';
+export { GtcxConfigProvider, createAntdTheme, useGtcxTheme } from '@gtcx/theme';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { borderRadiusPrimitives, breakpointPrimitives, colorPrimitives, darkSemanticColors, focusPrimitives, fontFamilyPrimitives, fontSizePrimitives, fontWeightPrimitives, letterSpacingPrimitives, lineHeightPrimitives, motionPrimitives, opacityPrimitives, semanticColors, semanticLayout, semanticRadii, semanticShadows, semanticSpacing, semanticTokens, semanticTypography, shadowPrimitives, spacingPrimitives, transitionPrimitives, zIndexPrimitives } from '@gtcx/tokens';
+export { GtcxConfigProvider, createAntdTheme, useGtcxTheme } from '@gtcx/theme';

package/dist/index.js

@@ -0,0 +1,81 @@
+"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/index.ts
+var index_exports = {};
+__export(index_exports, {
+  GtcxConfigProvider: () => import_theme.GtcxConfigProvider,
+  borderRadiusPrimitives: () => import_tokens.borderRadiusPrimitives,
+  breakpointPrimitives: () => import_tokens.breakpointPrimitives,
+  colorPrimitives: () => import_tokens.colorPrimitives,
+  createAntdTheme: () => import_theme.createAntdTheme,
+  darkSemanticColors: () => import_tokens.darkSemanticColors,
+  focusPrimitives: () => import_tokens.focusPrimitives,
+  fontFamilyPrimitives: () => import_tokens.fontFamilyPrimitives,
+  fontSizePrimitives: () => import_tokens.fontSizePrimitives,
+  fontWeightPrimitives: () => import_tokens.fontWeightPrimitives,
+  letterSpacingPrimitives: () => import_tokens.letterSpacingPrimitives,
+  lineHeightPrimitives: () => import_tokens.lineHeightPrimitives,
+  motionPrimitives: () => import_tokens.motionPrimitives,
+  opacityPrimitives: () => import_tokens.opacityPrimitives,
+  semanticColors: () => import_tokens.semanticColors,
+  semanticLayout: () => import_tokens.semanticLayout,
+  semanticRadii: () => import_tokens.semanticRadii,
+  semanticShadows: () => import_tokens.semanticShadows,
+  semanticSpacing: () => import_tokens.semanticSpacing,
+  semanticTokens: () => import_tokens.semanticTokens,
+  semanticTypography: () => import_tokens.semanticTypography,
+  shadowPrimitives: () => import_tokens.shadowPrimitives,
+  spacingPrimitives: () => import_tokens.spacingPrimitives,
+  transitionPrimitives: () => import_tokens.transitionPrimitives,
+  useGtcxTheme: () => import_theme.useGtcxTheme,
+  zIndexPrimitives: () => import_tokens.zIndexPrimitives
+});
+module.exports = __toCommonJS(index_exports);
+var import_tokens = require("@gtcx/tokens");
+var import_theme = require("@gtcx/theme");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GtcxConfigProvider,
+  borderRadiusPrimitives,
+  breakpointPrimitives,
+  colorPrimitives,
+  createAntdTheme,
+  darkSemanticColors,
+  focusPrimitives,
+  fontFamilyPrimitives,
+  fontSizePrimitives,
+  fontWeightPrimitives,
+  letterSpacingPrimitives,
+  lineHeightPrimitives,
+  motionPrimitives,
+  opacityPrimitives,
+  semanticColors,
+  semanticLayout,
+  semanticRadii,
+  semanticShadows,
+  semanticSpacing,
+  semanticTokens,
+  semanticTypography,
+  shadowPrimitives,
+  spacingPrimitives,
+  transitionPrimitives,
+  useGtcxTheme,
+  zIndexPrimitives
+});

package/dist/index.mjs

@@ -0,0 +1,55 @@
+// src/index.ts
+import {
+  colorPrimitives,
+  spacingPrimitives,
+  fontSizePrimitives,
+  fontWeightPrimitives,
+  lineHeightPrimitives,
+  letterSpacingPrimitives,
+  fontFamilyPrimitives,
+  borderRadiusPrimitives,
+  shadowPrimitives,
+  breakpointPrimitives,
+  zIndexPrimitives,
+  transitionPrimitives,
+  opacityPrimitives,
+  focusPrimitives,
+  motionPrimitives,
+  semanticColors,
+  semanticSpacing,
+  semanticTypography,
+  semanticRadii,
+  semanticShadows,
+  semanticLayout,
+  semanticTokens,
+  darkSemanticColors
+} from "@gtcx/tokens";
+import { createAntdTheme, GtcxConfigProvider, useGtcxTheme } from "@gtcx/theme";
+export {
+  GtcxConfigProvider,
+  borderRadiusPrimitives,
+  breakpointPrimitives,
+  colorPrimitives,
+  createAntdTheme,
+  darkSemanticColors,
+  focusPrimitives,
+  fontFamilyPrimitives,
+  fontSizePrimitives,
+  fontWeightPrimitives,
+  letterSpacingPrimitives,
+  lineHeightPrimitives,
+  motionPrimitives,
+  opacityPrimitives,
+  semanticColors,
+  semanticLayout,
+  semanticRadii,
+  semanticShadows,
+  semanticSpacing,
+  semanticTokens,
+  semanticTypography,
+  shadowPrimitives,
+  spacingPrimitives,
+  transitionPrimitives,
+  useGtcxTheme,
+  zIndexPrimitives
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@gtcx/design-system",
+  "version": "0.1.0",
+  "description": "GTCX Design System — meta-package re-exporting tokens, theme, and utilities",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts",
+    "dev": "tsup src/index.ts --format esm,cjs --dts --watch",
+    "lint": "eslint src/",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@gtcx/tokens": "workspace:*",
+    "@gtcx/theme": "workspace:*"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/readme.md

@@ -0,0 +1,33 @@
+# @gtcx/design-system
+
+Meta-package that re-exports `@gtcx/tokens` and `@gtcx/theme` for single-import convenience.
+
+> Canonical documentation: [`docs/packages/design-system.md`](../../docs/packages/design-system.md)
+
+## Quick Start
+
+```tsx
+import { GtcxConfigProvider, createAntdTheme, semanticColors } from '@gtcx/design-system';
+
+const myTheme = createAntdTheme({ colorPrimary: '#0284c7' });
+
+function App() {
+  return (
+    <GtcxConfigProvider theme={myTheme}>
+      <div style={{ color: semanticColors.text }}>Hello</div>
+    </GtcxConfigProvider>
+  );
+}
+```
+
+## Dependencies
+
+- `@gtcx/tokens` (workspace) -- Design token values
+- `@gtcx/theme` (workspace) -- Ant Design theme integration
+- `react` ^18.0.0 || ^19.0.0 -- Peer dependency
+
+## Related
+
+- [`demo/`](../../demo/) -- Documentation and gallery app
+- [UI Package](../../docs/packages/ui.md) -- Component library
+- [Design Architecture](../../docs/architecture/design-architecture-overview.md) -- Token resolution flow