@dax-ui/tokens 0.0.0-stage → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# @dax-ui/tokens
+
+## 0.2.0
+
+### Minor Changes
+
+- bbb8ff9: New `@dax-ui/sidebar` package: app navigation with sections, active item, router links,
+  badges, disabled items, expandable groups, collapsing to icons with tooltips, a mobile
+  drawer and a `SidebarUser` footer card. Customizable logo (`logoIcon`/`logoSrc`,
+  `logoTitle`, `logoSubtitle`, `logoHref`), `floating` layout, `colors` overrides,
+  `backgroundImage` with a tint, and `showGrid`. `@dax-ui/tokens` adds `color.sidebar`, and
+  `@dax-ui/react` now includes the sidebar.
+
+## 0.1.0
+
+### Minor Changes
+
+- First public release: design tokens, theme and UIProvider, Button, TextField, the
+  @dax-ui/react bundle, and @dax-ui/nextjs for Next.js App Router.

package/LICENSE

@@ -0,0 +1,12 @@
+Copyright (c) 2026 Digital Auxilius. All rights reserved.
+
+This software and its source code are proprietary. They are made publicly available
+for viewing and installation only. No license is granted to use, copy, modify, merge,
+publish, distribute, sublicense or sell copies of this software, in whole or in part,
+except under a separate written agreement with Digital Auxilius.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY ARISING FROM, OUT OF OR
+IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,3 +1,40 @@
-# Temporary Holding Version
+# @dax-ui/tokens
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Design tokens: the raw values the theme is built from. Plain data with no React or MUI
+code, so it can be imported anywhere, including React Server Components, Node scripts
+and non-React code.
+
+Inside React components, prefer theme values (`sx={{ color: 'primary.main' }}`), which
+follow light/dark mode. Use tokens where there is no theme.
+
+## Installation
+
+```bash
+pnpm add @dax-ui/tokens
+```
+
+## Usage
+
+```ts
+import { tokens } from '@dax-ui/tokens';
+
+tokens.color.brand[500];      // '#3b6ef6'
+tokens.radius.md;             // 8
+tokens.spacingUnit * 2;       // 16
+tokens.font.family;           // '"Inter", "Helvetica Neue", Arial, sans-serif'
+```
+
+## Tokens
+
+| Token | Values |
+| --- | --- |
+| `color.brand` | Scale `50`, `100`, `300`, `500`, `600`, `700`, `900` |
+| `color.neutral` | Scale `0`, `50`, `100`, `200`, `400`, `600`, `800`, `900`, `950` |
+| `color.success` / `warning` / `error` / `info` | Single status colors |
+| `color.sidebar` | `backgroundFrom` / `backgroundTo` (gradient), `accent` (active tile), `onAccent` |
+| `radius` | `sm` 4, `md` 8, `lg` 12 (px) |
+| `spacingUnit` | 8 (px); `theme.spacing(n)` is `n * spacingUnit` |
+| `font.family` | Inter, with system fallbacks |
+| `font.weight` | `regular` 400, `medium` 500, `semibold` 600, `bold` 700 |
+
+The `Tokens` type describes the whole object.

package/lib/index.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Design tokens: the single source of truth for brand values.
+ * Placeholder values — replace with the values from your Figma file.
+ * This module has no React or MUI imports so it is safe in server code.
+ */
+declare const tokens: {
+    readonly color: {
+        readonly brand: {
+            readonly 50: "#eef4ff";
+            readonly 100: "#dbe6fe";
+            readonly 300: "#93b4fd";
+            readonly 500: "#3b6ef6";
+            readonly 600: "#2554eb";
+            readonly 700: "#1d42d8";
+            readonly 900: "#1e3279";
+        };
+        readonly neutral: {
+            readonly 0: "#ffffff";
+            readonly 50: "#f8fafc";
+            readonly 100: "#f1f5f9";
+            readonly 200: "#e2e8f0";
+            readonly 400: "#94a3b8";
+            readonly 600: "#475569";
+            readonly 800: "#1e293b";
+            readonly 900: "#0f172a";
+            readonly 950: "#020617";
+        };
+        readonly success: "#16a34a";
+        readonly warning: "#d97706";
+        readonly error: "#dc2626";
+        readonly info: "#0284c7";
+        /** The sidebar is a dark brand surface in both light and dark mode. */
+        readonly sidebar: {
+            readonly backgroundFrom: "#0b3554";
+            readonly backgroundTo: "#16707f";
+            /** Active item tile, avatar and focus ring. */
+            readonly accent: "#2ec4b6";
+            /** Text and icons on `accent`. */
+            readonly onAccent: "#073049";
+        };
+    };
+    readonly radius: {
+        readonly sm: 4;
+        readonly md: 8;
+        readonly lg: 12;
+    };
+    /** Base spacing unit in px; theme.spacing(n) = n * unit. */
+    readonly spacingUnit: 8;
+    readonly font: {
+        readonly family: "\"Inter\", \"Helvetica Neue\", Arial, sans-serif";
+        readonly weight: {
+            readonly regular: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+            readonly bold: 700;
+        };
+    };
+};
+type Tokens = typeof tokens;
+
+export { type Tokens, tokens };

package/lib/index.js

@@ -0,0 +1,53 @@
+// src/index.ts
+var tokens = {
+  color: {
+    brand: {
+      50: "#eef4ff",
+      100: "#dbe6fe",
+      300: "#93b4fd",
+      500: "#3b6ef6",
+      600: "#2554eb",
+      700: "#1d42d8",
+      900: "#1e3279"
+    },
+    neutral: {
+      0: "#ffffff",
+      50: "#f8fafc",
+      100: "#f1f5f9",
+      200: "#e2e8f0",
+      400: "#94a3b8",
+      600: "#475569",
+      800: "#1e293b",
+      900: "#0f172a",
+      950: "#020617"
+    },
+    success: "#16a34a",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0284c7",
+    /** The sidebar is a dark brand surface in both light and dark mode. */
+    sidebar: {
+      backgroundFrom: "#0b3554",
+      backgroundTo: "#16707f",
+      /** Active item tile, avatar and focus ring. */
+      accent: "#2ec4b6",
+      /** Text and icons on `accent`. */
+      onAccent: "#073049"
+    }
+  },
+  radius: {
+    sm: 4,
+    md: 8,
+    lg: 12
+  },
+  /** Base spacing unit in px; theme.spacing(n) = n * unit. */
+  spacingUnit: 8,
+  font: {
+    family: '"Inter", "Helvetica Neue", Arial, sans-serif',
+    weight: { regular: 400, medium: 500, semibold: 600, bold: 700 }
+  }
+};
+export {
+  tokens
+};
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * Design tokens: the single source of truth for brand values.\n * Placeholder values — replace with the values from your Figma file.\n * This module has no React or MUI imports so it is safe in server code.\n */\nexport const tokens = {\n  color: {\n    brand: {\n      50: '#eef4ff',\n      100: '#dbe6fe',\n      300: '#93b4fd',\n      500: '#3b6ef6',\n      600: '#2554eb',\n      700: '#1d42d8',\n      900: '#1e3279',\n    },\n    neutral: {\n      0: '#ffffff',\n      50: '#f8fafc',\n      100: '#f1f5f9',\n      200: '#e2e8f0',\n      400: '#94a3b8',\n      600: '#475569',\n      800: '#1e293b',\n      900: '#0f172a',\n      950: '#020617',\n    },\n    success: '#16a34a',\n    warning: '#d97706',\n    error: '#dc2626',\n    info: '#0284c7',\n    /** The sidebar is a dark brand surface in both light and dark mode. */\n    sidebar: {\n      backgroundFrom: '#0b3554',\n      backgroundTo: '#16707f',\n      /** Active item tile, avatar and focus ring. */\n      accent: '#2ec4b6',\n      /** Text and icons on `accent`. */\n      onAccent: '#073049',\n    },\n  },\n  radius: {\n    sm: 4,\n    md: 8,\n    lg: 12,\n  },\n  /** Base spacing unit in px; theme.spacing(n) = n * unit. */\n  spacingUnit: 8,\n  font: {\n    family: '\"Inter\", \"Helvetica Neue\", Arial, sans-serif',\n    weight: { regular: 400, medium: 500, semibold: 600, bold: 700 },\n  },\n} as const;\n\nexport type Tokens = typeof tokens;\n"],"mappings":";AAKO,IAAM,SAAS;AAAA,EACpB,OAAO;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,SAAS;AAAA,MACP,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,IAEN,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,cAAc;AAAA;AAAA,MAEd,QAAQ;AAAA;AAAA,MAER,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA;AAAA,EAEA,aAAa;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ,EAAE,SAAS,KAAK,QAAQ,KAAK,UAAU,KAAK,MAAM,IAAI;AAAA,EAChE;AACF;","names":[]}

package/package.json

@@ -1,6 +1,46 @@
 {
   "name": "@dax-ui/tokens",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "description": "Design tokens for dax-ui (plain data, server-safe)",
+  "keywords": [
+    "dax-ui",
+    "react",
+    "design-system",
+    "design-tokens"
+  ],
+  "author": "Digital Auxilius",
+  "homepage": "https://github.com/FaaizHussain26/DAX-UI/tree/main/packages/tokens#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/FaaizHussain26/DAX-UI.git",
+    "directory": "packages/tokens"
+  },
+  "bugs": {
+    "url": "https://github.com/FaaizHussain26/DAX-UI/issues"
+  },
+  "license": "UNLICENSED",
+  "type": "module",
+  "sideEffects": false,
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib",
+    "CHANGELOG.md"
+  ],
+  "devDependencies": {
+    "@dax-ui/builder": "^0.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "builder --server"
+  }
 }