@primer/react 38.35.1 → 38.36.0-rc.acb49cd1b

package/dist/next/ThemeProvider.d.ts

@@ -0,0 +1,7 @@
+import { ThemeProviderProps } from "../ThemeProvider.js";
+import React from "react";
+
+//#region src/next/ThemeProvider.d.ts
+declare const ThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
+//#endregion
+export { ThemeProvider, ThemeProvider as default };

package/dist/next/ThemeProvider.js

@@ -0,0 +1,35 @@
+import { ThemeProviderBase } from "../internal/components/ThemeProviderBase.js";
+import { useThemeProvider } from "../internal/hooks/useThemeProvider.js";
+import { c } from "react-compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/next/ThemeProvider.tsx
+const ThemeProvider = (t0) => {
+	const $ = c(7);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	const { value } = useThemeProvider(props);
+	let t1;
+	if ($[3] !== children || $[4] !== props.contextOnly || $[5] !== value) {
+		t1 = /*#__PURE__*/ jsx(ThemeProviderBase, {
+			contextOnly: props.contextOnly,
+			value,
+			children
+		});
+		$[3] = children;
+		$[4] = props.contextOnly;
+		$[5] = value;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
+};
+//#endregion
+export { ThemeProvider, ThemeProvider as default };

package/dist/next/index.d.ts

@@ -1,2 +1,5 @@
+import { ThemeProviderProps } from "../ThemeProvider.js";
+import { useColorSchemeVar, useTheme } from "../useTheme.js";
 import { Tooltip, TooltipProps } from "../TooltipV2/Tooltip.js";
-export { Tooltip, type TooltipProps };
+import { ThemeProvider } from "./ThemeProvider.js";
+export { ThemeProvider, type ThemeProviderProps, Tooltip, type TooltipProps, useColorSchemeVar, useTheme };

package/dist/next/index.js

@@ -1,3 +1,5 @@
 "use client";
+import { useColorSchemeVar, useTheme } from "../useTheme.js";
 import { Tooltip } from "../TooltipV2/Tooltip.js";
-export { Tooltip };
+import { ThemeProvider } from "./ThemeProvider.js";
+export { ThemeProvider, Tooltip, useColorSchemeVar, useTheme };

package/dist/theme.d.ts

@@ -1082,6 +1082,7 @@ declare const theme: {
     }>;
   }>;
 };
+/** @deprecated Use `ThemeProvider` from `@primer/react/next` to migrate away from JavaScript theme values. */
 type ThemeColors = {
   fg: {
     default: string;
@@ -1106,60 +1107,21 @@ type ThemeColors = {
     muted: string;
     subtle: string;
   };
-  accent: {
-    fg: string;
-    emphasis: string;
-    muted: string;
-    subtle: string;
-  };
-  success: {
-    fg: string;
-    emphasis: string;
-    muted: string;
-    subtle: string;
-  };
-  attention: {
-    fg: string;
-    emphasis: string;
-    muted: string;
-    subtle: string;
-  };
-  severe: {
-    fg: string;
-    emphasis: string;
-    muted: string;
-    subtle: string;
-  };
-  danger: {
-    fg: string;
-    emphasis: string;
-    muted: string;
-    subtle: string;
-  };
-  open: {
-    fg: string;
-    emphasis: string;
-    muted: string;
-    subtle: string;
-  };
-  closed: {
-    fg: string;
-    emphasis: string;
-    muted: string;
-    subtle: string;
-  };
-  done: {
-    fg: string;
-    emphasis: string;
-    muted: string;
-    subtle: string;
-  };
-  sponsors: {
-    fg: string;
-    emphasis: string;
-    muted: string;
-    subtle: string;
-  };
+  accent: ThemeRole;
+  success: ThemeRole;
+  attention: ThemeRole;
+  severe: ThemeRole;
+  danger: ThemeRole;
+  open: ThemeRole;
+  closed: ThemeRole;
+  done: ThemeRole;
+  sponsors: ThemeRole;
+};
+type ThemeRole = {
+  fg: string;
+  emphasis: string;
+  muted: string;
+  subtle: string;
 };
 type ThemeShadows = {
   shadow: {

package/dist/useTheme.d.ts

@@ -1,19 +1,7 @@
-import { ColorMode, ColorModeWithAuto, Theme } from "./ThemeProvider.js";
-import React from "react";
+import { ThemeContextValue } from "./ThemeContext.js";
 
 //#region src/useTheme.d.ts
-declare function useTheme(): {
-  theme?: Theme;
-  colorScheme?: string;
-  colorMode?: ColorModeWithAuto;
-  resolvedColorMode?: ColorMode;
-  resolvedColorScheme?: string;
-  dayScheme?: string;
-  nightScheme?: string;
-  setColorMode: React.Dispatch<React.SetStateAction<ColorModeWithAuto>>;
-  setDayScheme: React.Dispatch<React.SetStateAction<string>>;
-  setNightScheme: React.Dispatch<React.SetStateAction<string>>;
-};
+declare function useTheme(): ThemeContextValue;
 declare function useColorSchemeVar(values: Partial<Record<string, string>>, fallback: string): string;
 //#endregion
 export { useColorSchemeVar, useTheme };

package/generated/hooks.json

@@ -960,11 +960,6 @@
         {
           "name": "ThemeProviderProps",
           "properties": [
-            {
-              "name": "theme",
-              "type": "{[key: string]: any}",
-              "description": "The theme object to be applied."
-            },
             {
               "name": "colorMode",
               "type": "'auto' | 'day' | 'night' | 'light' | 'dark'",
@@ -993,7 +988,7 @@
             {
               "name": "theme",
               "type": "Theme",
-              "description": "The theme object that is applied."
+              "description": "Deprecated: Use `ThemeProvider` from `@primer/react/next` to migrate away from JavaScript theme values."
             },
             {
               "name": "colorScheme",
@@ -1008,7 +1003,7 @@
             {
               "name": "resolvedColorScheme",
               "type": "string",
-              "description": "The name of the current color scheme."
+              "description": "Deprecated: Use `colorScheme` with `ThemeProvider` from `@primer/react/next`."
             },
             {
               "name": "resolvedColorMode",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.35.1",
+  "version": "38.36.0-rc.acb49cd1b",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -45,7 +45,6 @@
     "build:docs:preview": "NODE_OPTIONS=--openssl-legacy-provider script/build-docs preview",
     "build:components.json": "tsx script/components-json/build.ts",
     "build:hooks.json": "tsx script/hooks-json/build.ts",
-    "build:precompile-color-schemes": "tsx script/precompile-color-schemes.ts",
     "lint:npm": "publint --types",
     "lint:react-compiler": "node script/lint-react-compiler.ts",
     "storybook": "storybook",
@@ -64,7 +63,6 @@
   ],
   "files": [
     "dist",
-    "!dist/legacy-theme/ts/colors",
     "generated",
     "CHANGELOG.md"
   ],