@fabio.caffarello/react-design-system 3.7.0 → 3.8.0

package/dist/ui/components/Accordion/Accordion.d.ts

@@ -5,6 +5,12 @@ export interface AccordionItem {
     title: string;
     content: ReactNode;
     disabled?: boolean;
+    /** Extra classes for the item wrapper (the bordered card). Merged after the defaults, so conflicting Tailwind classes win. */
+    className?: string;
+    /** Extra classes for the header button — overrides the default `label` typography (e.g. `font-semibold text-base`). */
+    triggerClassName?: string;
+    /** Extra classes for the content padding wrapper inside the panel. */
+    contentClassName?: string;
 }
 export interface AccordionProps {
     items: AccordionItem[];
@@ -18,7 +24,9 @@ export interface AccordionProps {
  *
  * A collapsible content component that can display multiple items.
  * Supports single and multiple selection modes.
- * Follows Atomic Design principles as an Atom component.
+ *
+ * Open panels animate via `grid-template-rows: 0fr → 1fr`, so content of
+ * any height expands fully — there is no max-height clamp (issue #202).
  *
  * @example
  * ```tsx

package/dist/ui/hooks-entry.d.ts

@@ -0,0 +1,2 @@
+export { useScrollSpy } from "./hooks/useScrollSpy";
+export type { UseScrollSpyOptions } from "./hooks/useScrollSpy";

package/dist/ui/utils/tailwind-safelist.d.ts

@@ -32,7 +32,9 @@ export declare const TAILWIND_SAFELIST: readonly [RegExp, RegExp, RegExp, RegExp
  * Documentation for Tailwind v4 configuration
  *
  * In Tailwind v4, safelist is configured via CSS using @theme or @source directives.
- * Since we're using @tailwindcss/postcss, we can add safelist in the CSS file.
+ * Since we're using the @tailwindcss/vite plugin (see vite.config.ts and
+ * .claude/rules/tokens.md — the PostCSS pipeline is banned), we can add
+ * safelist in the CSS file.
  *
  * For dynamic classes, we should ensure they're:
  * 1. Used in component code (so Tailwind detects them)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fabio.caffarello/react-design-system",
   "private": false,
-  "version": "3.7.0",
+  "version": "3.8.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -19,6 +19,11 @@
       "import": "./dist/server/index.js",
       "require": "./dist/server/index.cjs"
     },
+    "./hooks": {
+      "types": "./dist/ui/hooks-entry.d.ts",
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/hooks/index.cjs"
+    },
     "./styles": "./dist/react-design-system.css",
     "./styles.css": "./dist/react-design-system.css"
   },
@@ -31,7 +36,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "npx tsc --project tsconfig.app.json --declaration --emitDeclarationOnly --outDir dist && vite build && vite build --config vite.config.server.ts && npm run build:validate",
+    "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 && 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",
     "lint": "eslint .",
     "typecheck": "tsc --build --force tsconfig.json",
@@ -50,7 +55,7 @@
     "lucide-react": "^0.552.0 || ^1.0.0",
     "react": ">=19",
     "react-dom": ">=19",
-    "react-hook-form": "^7.77.0"
+    "react-hook-form": "^7.78.0"
   },
   "overrides": {
     "handlebars": "^4.7.9",
@@ -77,8 +82,7 @@
     }
   },
   "dependencies": {
-    "@radix-ui/react-slot": "^1.2.4",
-    "@tailwindcss/postcss": "^4.1.16",
+    "@radix-ui/react-slot": "^1.2.5",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "react": ">=19",
@@ -86,8 +90,8 @@
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^20.3.1",
-    "@commitlint/config-conventional": "^20.3.1",
+    "@commitlint/cli": "^21.0.2",
+    "@commitlint/config-conventional": "^21.0.2",
     "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.60.0",
     "@storybook/addon-a11y": "^10.4.2",
@@ -99,19 +103,19 @@
     "@storybook/addon-vitest": "^10.4.2",
     "@storybook/react-vite": "^10.4.2",
     "@storybook/test": "^8.6.15",
-    "@tailwindcss/vite": "^4.1.16",
+    "@tailwindcss/vite": "^4.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/bun": "^1.3.7",
-    "@types/node": "^24.6.0",
-    "@types/react": "^19.2.16",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.0.4",
     "@vitest/browser-playwright": "^4.1.8",
     "@vitest/coverage-v8": "^4.1.8",
-    "autoprefixer": "^10.4.21",
-    "baseline-browser-mapping": "^2.10.32",
+    "autoprefixer": "^10.5.0",
+    "baseline-browser-mapping": "^2.10.34",
     "culori": "^4.0.2",
     "dependency-cruiser": "^17.3.6",
     "eslint": "^10.4.1",
@@ -127,7 +131,7 @@
     "plop": "^4.0.4",
     "postcss": "^8.5.6",
     "prettier": "^3.8.3",
-    "react-hook-form": "^7.77.0",
+    "react-hook-form": "^7.78.0",
     "remark-gfm": "^4.0.1",
     "storybook": "^10.4.2",
     "storybook-addon-performance": "^0.17.3",