@nexub/react 4.9.0 → 5.0.0

package/accessibility.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.9.0",
+  "version": "5.0.0",
   "standard": "WCAG 2.2 Level AA",
   "method": {
     "automated": "axe-core rules tagged wcag2a, wcag2aa, wcag21a, wcag21aa and wcag22aa, run on every Storybook story in light and dark on every pull request; a new violation fails the build.",

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -45,8 +45,10 @@ export interface ThemeProviderProps {
     seed?: string;
     /** Accent family the seed recolours: 'primary' (default) or 'tertiary' (product brand). */
     seedTarget?: 'primary' | 'tertiary';
+    /** Expression set on <html> when it has no data-expression. Needs `@nexub/themes/vivid` for Vivid. @default 'vivid' */
+    defaultExpression?: 'vivid' | 'calm';
 }
-export declare function ThemeProvider({ children, defaultTheme, storageKey, defaultGlass, glassStorageKey, seed, seedTarget, }: ThemeProviderProps): React.JSX.Element;
+export declare function ThemeProvider({ children, defaultTheme, storageKey, defaultGlass, glassStorageKey, seed, seedTarget, defaultExpression, }: ThemeProviderProps): React.JSX.Element;
 export declare function useTheme(): ThemeContextValue;
 export interface ThemeScriptProps {
     /** Must match ThemeProvider's `storageKey`. Defaults to 'nexub-theme'. */

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { warnOnce } from "../../utils/deprecated.js";
 import * as React from "react";
 import { useIsomorphicLayoutEffect } from "../../hooks/useIsomorphicLayoutEffect.js";
 const GLASS_MODES = ["clear", "balanced", "tinted", "off"];
@@ -105,17 +104,14 @@ function ThemeProvider({
   defaultGlass = "balanced",
   glassStorageKey = "nexub-glass",
   seed,
-  seedTarget = "primary"
+  seedTarget = "primary",
+  defaultExpression = "vivid"
 }) {
   useSeedTheme(seed, seedTarget);
-  React.useEffect(() => {
-    if (React.version.startsWith("18.")) warnOnce("react-18", "React 18 support is deprecated; 5.0 requires React 19.");
-    if (!document.documentElement.closest("[data-expression]") && !document.querySelector("[data-expression]"))
-      warnOnce(
-        "expression-default",
-        `In 5.0 the Vivid expression becomes the default. Set data-expression="calm" on <html> to keep today's look, or data-expression="vivid" to opt in now.`
-      );
-  }, []);
+  useIsomorphicLayoutEffect(() => {
+    const html = document.documentElement;
+    if (!html.hasAttribute("data-expression")) html.setAttribute("data-expression", defaultExpression);
+  }, [defaultExpression]);
   const [theme, setThemeState] = React.useState(defaultTheme);
   const [systemTheme, setSystemTheme] = React.useState("light");
   const [glass, setGlassState] = React.useState(defaultGlass);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/react",
-  "version": "4.9.0",
+  "version": "5.0.0",
   "description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
   "type": "module",
   "license": "MIT",
@@ -81,13 +81,13 @@
     "date-fns": "^4.4.0",
     "react-day-picker": "^10.0.2",
     "tailwind-merge": "^3.7.0",
-    "@nexub/core": "4.9.0",
-    "@nexub/icons": "4.9.0"
+    "@nexub/core": "5.0.0",
+    "@nexub/icons": "5.0.0"
   },
   "peerDependencies": {
-    "react": ">=18 <20",
-    "react-dom": ">=18 <20",
-    "@nexub/tokens": "^4.9.0"
+    "react": ">=19 <20",
+    "react-dom": ">=19 <20",
+    "@nexub/tokens": "^5.0.0"
   },
   "devDependencies": {
     "@playwright/test": "1.64.0",
@@ -113,8 +113,8 @@
     "vaul": "1.1.2",
     "vite": "^8.3.5",
     "vitest": "^5.0.5",
-    "@nexub/themes": "4.9.0",
-    "@nexub/tokens": "4.9.0"
+    "@nexub/themes": "5.0.0",
+    "@nexub/tokens": "5.0.0"
   },
   "scripts": {
     "build": "rm -rf dist && tsup && tsc -p tsconfig.build.json && rm -f dist/vendor/*.d.ts && node scripts/check-dts.mjs && tailwindcss -i src/styles.css -o dist/styles.css --minify && cp -R ../themes/src/fonts dist/fonts",

package/dist/utils/deprecated.d.ts

@@ -1,8 +0,0 @@
-/**
- * Warns once per component, outside production, that it is deprecated and removed in 3.0
- * (GOVERNANCE.md: a removal needs a development warning in a 2.x minor first).
- * Bundlers replace `process.env.NODE_ENV`, so production builds drop the call's body.
- */
-export declare function warnDeprecated(name: string, replacement: string): void;
-/** Warns once per key, outside production (same rules as warnDeprecated). Used for 4.9 → 5.0 notices. */
-export declare function warnOnce(key: string, message: string): void;

package/dist/utils/deprecated.js

@@ -1,27 +0,0 @@
-const warned = /* @__PURE__ */ new Set();
-function warnDeprecated(name, replacement) {
-  try {
-    if (process.env.NODE_ENV === "production") return;
-  } catch {
-    return;
-  }
-  if (warned.has(name)) return;
-  warned.add(name);
-  console.warn(
-    `[@nexub/react] ${name} is deprecated and will be removed in 3.0. Use ${replacement} instead.`
-  );
-}
-function warnOnce(key, message) {
-  try {
-    if (process.env.NODE_ENV === "production") return;
-  } catch {
-    return;
-  }
-  if (warned.has(key)) return;
-  warned.add(key);
-  console.warn(`[@nexub/react] ${message}`);
-}
-export {
-  warnDeprecated,
-  warnOnce
-};