@nexub/react 4.8.0 → 5.0.0

package/accessibility.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.8.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

@@ -104,9 +104,14 @@ function ThemeProvider({
   defaultGlass = "balanced",
   glassStorageKey = "nexub-glass",
   seed,
-  seedTarget = "primary"
+  seedTarget = "primary",
+  defaultExpression = "vivid"
 }) {
   useSeedTheme(seed, seedTarget);
+  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.8.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.8.0",
-    "@nexub/icons": "4.8.0"
+    "@nexub/core": "5.0.0",
+    "@nexub/icons": "5.0.0"
   },
   "peerDependencies": {
-    "react": ">=18 <20",
-    "react-dom": ">=18 <20",
-    "@nexub/tokens": "^4.8.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.8.0",
-    "@nexub/tokens": "4.8.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,6 +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;

package/dist/utils/deprecated.js

@@ -1,16 +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.`
-  );
-}
-export {
-  warnDeprecated
-};