@opencxh/ui-kit 3.49.0 → 3.55.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.
package/dist/index.js CHANGED
@@ -2358,18 +2358,21 @@ const Z = ({
2358
2358
  "font-semibold": t === "semibold",
2359
2359
  "font-bold": t === "bold"
2360
2360
  },
2361
- // Color variants
2361
+ // Color variants. Tekst-tonen lopen via de semantische `--text-*` tokens
2362
+ // (gedefinieerd voor light én dark in global.css) zodat ze matchen met de
2363
+ // rest van de interface (zelfde tokens als bv. Table). De `--text-*` vars
2364
+ // worden in `.dark` overschreven, dus geen aparte `dark:`-varianten nodig.
2362
2365
  {
2363
2366
  "text-primary": a === "primary",
2364
2367
  "text-secondary": a === "secondary",
2365
- "text-accent": a === "accent",
2366
- "text-success": a === "success",
2368
+ "text-[var(--text-accent)]": a === "accent",
2369
+ "text-[var(--text-success)]": a === "success",
2367
2370
  "text-warning": a === "warning",
2368
- "text-error": a === "error",
2371
+ "text-[var(--text-error)]": a === "error",
2369
2372
  "text-info": a === "info",
2370
- "text-neutral": a === "neutral",
2373
+ "text-[var(--text-default)]": a === "neutral",
2371
2374
  "text-current": a === "current",
2372
- "text-neutral-400 dark:text-neutral-500": a === "muted"
2375
+ "text-[var(--text-muted)]": a === "muted"
2373
2376
  },
2374
2377
  // Alignment
2375
2378
  {
@@ -4181,16 +4184,16 @@ const ot = ({
4181
4184
  "font-semibold": t === "semibold",
4182
4185
  "font-bold": t === "bold"
4183
4186
  },
4184
- // Color variants
4187
+ // Color variants — semantische `--text-*` tokens (light+dark) net als Text/Table.
4185
4188
  {
4186
4189
  "text-primary": a === "primary",
4187
4190
  "text-secondary": a === "secondary",
4188
- "text-accent": a === "accent",
4189
- "text-success": a === "success",
4191
+ "text-[var(--text-accent)]": a === "accent",
4192
+ "text-[var(--text-success)]": a === "success",
4190
4193
  "text-warning": a === "warning",
4191
- "text-error": a === "error",
4194
+ "text-[var(--text-error)]": a === "error",
4192
4195
  "text-info": a === "info",
4193
- "text-neutral": a === "neutral",
4196
+ "text-[var(--text-default)]": a === "neutral",
4194
4197
  "text-current": a === "current"
4195
4198
  },
4196
4199
  // Alignment