@dax-ui/tokens 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +1 -0
  3. package/lib/index.d.ts +9 -0
  4. package/lib/index.js +10 -1
  5. package/lib/index.js.map +1 -1
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @dax-ui/tokens
2
2
 
3
+ ## 0.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - bbb8ff9: New `@dax-ui/sidebar` package: app navigation with sections, active item, router links,
8
+ badges, disabled items, expandable groups, collapsing to icons with tooltips, a mobile
9
+ drawer and a `SidebarUser` footer card. Customizable logo (`logoIcon`/`logoSrc`,
10
+ `logoTitle`, `logoSubtitle`, `logoHref`), `floating` layout, `colors` overrides,
11
+ `backgroundImage` with a tint, and `showGrid`. `@dax-ui/tokens` adds `color.sidebar`, and
12
+ `@dax-ui/react` now includes the sidebar.
13
+
3
14
  ## 0.1.0
4
15
 
5
16
  ### Minor Changes
package/README.md CHANGED
@@ -31,6 +31,7 @@ tokens.font.family; // '"Inter", "Helvetica Neue", Arial, sans-serif'
31
31
  | `color.brand` | Scale `50`, `100`, `300`, `500`, `600`, `700`, `900` |
32
32
  | `color.neutral` | Scale `0`, `50`, `100`, `200`, `400`, `600`, `800`, `900`, `950` |
33
33
  | `color.success` / `warning` / `error` / `info` | Single status colors |
34
+ | `color.sidebar` | `backgroundFrom` / `backgroundTo` (gradient), `accent` (active tile), `onAccent` |
34
35
  | `radius` | `sm` 4, `md` 8, `lg` 12 (px) |
35
36
  | `spacingUnit` | 8 (px); `theme.spacing(n)` is `n * spacingUnit` |
36
37
  | `font.family` | Inter, with system fallbacks |
package/lib/index.d.ts CHANGED
@@ -29,6 +29,15 @@ declare const tokens: {
29
29
  readonly warning: "#d97706";
30
30
  readonly error: "#dc2626";
31
31
  readonly info: "#0284c7";
32
+ /** The sidebar is a dark brand surface in both light and dark mode. */
33
+ readonly sidebar: {
34
+ readonly backgroundFrom: "#0b3554";
35
+ readonly backgroundTo: "#16707f";
36
+ /** Active item tile, avatar and focus ring. */
37
+ readonly accent: "#2ec4b6";
38
+ /** Text and icons on `accent`. */
39
+ readonly onAccent: "#073049";
40
+ };
32
41
  };
33
42
  readonly radius: {
34
43
  readonly sm: 4;
package/lib/index.js CHANGED
@@ -24,7 +24,16 @@ var tokens = {
24
24
  success: "#16a34a",
25
25
  warning: "#d97706",
26
26
  error: "#dc2626",
27
- info: "#0284c7"
27
+ info: "#0284c7",
28
+ /** The sidebar is a dark brand surface in both light and dark mode. */
29
+ sidebar: {
30
+ backgroundFrom: "#0b3554",
31
+ backgroundTo: "#16707f",
32
+ /** Active item tile, avatar and focus ring. */
33
+ accent: "#2ec4b6",
34
+ /** Text and icons on `accent`. */
35
+ onAccent: "#073049"
36
+ }
28
37
  },
29
38
  radius: {
30
39
  sm: 4,
package/lib/index.js.map CHANGED
@@ -1 +1 @@
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 },\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,EACR;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":[]}
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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dax-ui/tokens",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Design tokens for dax-ui (plain data, server-safe)",
5
5
  "keywords": [
6
6
  "dax-ui",