@fabio.caffarello/react-design-system 4.3.0 → 4.5.0

package/dist/ui/primitives/DataBadge/DataBadge.d.ts

@@ -1,12 +1,15 @@
 import type { HTMLAttributes, ReactNode } from "react";
 /**
- * Semantic tone for a {@link DataBadge}. Mirrors the `Badge` vocabulary
- * (role, not tone) so the soft-wash color treatment is shared and already
- * AA-verified. Map a consumer's tone names onto these roles:
- * `default → neutral`, `destructive → error`, `brand → primary`,
- * `accent → info` (or `secondary`).
+ * Semantic tone for a {@link DataBadge}. The status/brand members mirror the
+ * `Badge` vocabulary (role, not tone) so the soft-wash treatment is shared
+ * and already AA-verified; `dataviz` adds a CATEGORICAL member (a
+ * reddish-purple wash for "category / analytical" data, the badge-facing
+ * counterpart to the chart palette) that is intentionally NOT a status.
+ * Map a consumer's tone names onto these roles: `default → neutral`,
+ * `destructive → error`, `brand → primary`, `accent → dataviz` (the
+ * data-viz purple — RDS `accent` is cyan, so the category tone is `dataviz`).
  */
-export type DataBadgeTone = "neutral" | "success" | "warning" | "error" | "info" | "primary" | "secondary";
+export type DataBadgeTone = "neutral" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | "dataviz";
 export type DataBadgeSize = "sm" | "md";
 export interface DataBadgeProps extends HTMLAttributes<HTMLSpanElement> {
     /** Primary datum — the value the badge is about (e.g. "L2", "Aprovada"). */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fabio.caffarello/react-design-system",
   "private": false,
-  "version": "4.3.0",
+  "version": "4.5.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -32,7 +32,9 @@
       "import": "./dist/granular/index.js"
     },
     "./styles": "./dist/react-design-system.css",
-    "./styles.css": "./dist/react-design-system.css"
+    "./styles.css": "./dist/react-design-system.css",
+    "./theme": "./dist/tokens.css",
+    "./theme.css": "./dist/tokens.css"
   },
   "files": [
     "dist",
@@ -43,8 +45,8 @@
     "access": "public"
   },
   "scripts": {
-    "build": "npx tsc --project tsconfig.app.json --declaration --emitDeclarationOnly --outDir dist && vite build && vite build --config vite.config.server.ts && vite build --config vite.config.hooks.ts && vite build --config vite.config.granular.ts && npm run build:validate",
-    "build:validate": "tsx scripts/validate-build-exports.ts && node scripts/validate-use-client-in-dist.mjs && node scripts/validate-server-entry.mjs",
+    "build": "npx tsc --project tsconfig.app.json --declaration --emitDeclarationOnly --outDir dist && vite build && vite build --config vite.config.server.ts && vite build --config vite.config.hooks.ts && vite build --config vite.config.granular.ts && node scripts/build-tokens-css.mjs && npm run build:validate",
+    "build:validate": "tsx scripts/validate-build-exports.ts && node scripts/validate-use-client-in-dist.mjs && node scripts/validate-server-entry.mjs && node scripts/validate-theme-export.mjs",
     "lint": "eslint .",
     "typecheck": "tsc --build --force tsconfig.json",
     "storybook": "storybook dev -p 6006",
@@ -101,14 +103,14 @@
     "@commitlint/config-conventional": "^21.0.2",
     "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.60.0",
-    "@storybook/addon-a11y": "^10.4.2",
+    "@storybook/addon-a11y": "^10.4.6",
     "@storybook/addon-coverage": "^3.0.1",
     "@storybook/addon-designs": "^11.1.3",
-    "@storybook/addon-docs": "^10.4.2",
+    "@storybook/addon-docs": "^10.4.6",
     "@storybook/addon-measure": "^9.0.8",
     "@storybook/addon-outline": "^9.0.8",
-    "@storybook/addon-vitest": "^10.4.2",
-    "@storybook/react-vite": "^10.4.2",
+    "@storybook/addon-vitest": "^10.4.6",
+    "@storybook/react-vite": "^10.4.6",
     "@storybook/test": "^8.6.15",
     "@tailwindcss/vite": "^4.3.0",
     "@testing-library/dom": "^10.4.1",
@@ -125,10 +127,10 @@
     "baseline-browser-mapping": "^2.10.37",
     "culori": "^4.0.2",
     "dependency-cruiser": "^17.3.6",
-    "eslint": "^10.4.1",
+    "eslint": "^10.5.0",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.22",
-    "eslint-plugin-storybook": "^10.4.2",
+    "eslint-plugin-react-refresh": "^0.5.3",
+    "eslint-plugin-storybook": "^10.4.6",
     "globals": "^16.4.0",
     "husky": "^9.1.7",
     "jsdom": "^29.1.1",
@@ -137,15 +139,15 @@
     "madge": "^8.0.0",
     "plop": "^4.0.5",
     "postcss": "^8.5.6",
-    "prettier": "^3.8.3",
+    "prettier": "^3.8.4",
     "react-hook-form": "^7.79.0",
     "remark-gfm": "^4.0.1",
-    "storybook": "^10.4.2",
+    "storybook": "^10.4.6",
     "storybook-addon-performance": "^0.17.3",
     "tailwindcss": "^4.3.0",
     "tsx": "^4.22.4",
     "typescript": "~6.0.3",
-    "typescript-eslint": "^8.60.1",
+    "typescript-eslint": "^8.61.1",
     "vite": "^7.1.7",
     "vite-tsconfig-paths": "^6.1.1",
     "vitest": "^4.1.8"