@primer/styled-react 1.1.1-rc.fcbfbaea1 → 1.1.1-rc.fd837f586

package/dist/components/BaseStyles.js

@@ -1,6 +1,6 @@
 import { useTheme } from "./useTheme.js";
 import { createGlobalStyle } from "styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxDEV } from "react/jsx-dev-runtime";
 import { clsx } from "clsx";
 import "focus-visible";
 //#region src/components/BaseStyles.tsx
@@ -12,7 +12,7 @@ function BaseStyles({ children, color, fontFamily, lineHeight, className, as: Co
 		["--BaseStyles-fontFamily"]: fontFamily,
 		["--BaseStyles-lineHeight"]: lineHeight
 	};
-	return /*#__PURE__*/ jsxs(Component, {
+	return /*#__PURE__*/ jsxDEV(Component, {
 		className: clsx("BaseStyles", className),
 		"data-portal-root": true,
 		"data-color-mode": colorMode === "auto" ? "auto" : colorScheme?.includes("dark") ? "dark" : "light",
@@ -23,8 +23,8 @@ function BaseStyles({ children, color, fontFamily, lineHeight, className, as: Co
 			...style
 		},
 		...rest,
-		children: [/*#__PURE__*/ jsx(GlobalStyle, { colorScheme: colorScheme?.includes("dark") ? "dark" : "light" }), children]
-	});
+		children: [/*#__PURE__*/ jsxDEV(GlobalStyle, { colorScheme: colorScheme?.includes("dark") ? "dark" : "light" }, void 0, false), children]
+	}, void 0, true);
 }
 //#endregion
 export { BaseStyles };

package/dist/components/FeatureFlaggedTheming.js

@@ -2,21 +2,21 @@ import { ThemeProvider as ThemeProvider$2 } from "./ThemeProvider.js";
 import { BaseStyles as BaseStyles$2 } from "./BaseStyles.js";
 import { BaseStyles, ThemeProvider } from "@primer/react";
 import { useFeatureFlag } from "@primer/react/experimental";
-import { jsx } from "react/jsx-runtime";
+import { jsxDEV } from "react/jsx-dev-runtime";
 //#region src/components/FeatureFlaggedTheming.tsx
 const ThemeProvider$1 = ({ children, ...props }) => {
-	if (useFeatureFlag("primer_react_styled_react_use_primer_theme_providers")) return /*#__PURE__*/ jsx(ThemeProvider, {
+	if (useFeatureFlag("primer_react_styled_react_use_primer_theme_providers")) return /*#__PURE__*/ jsxDEV(ThemeProvider, {
 		...props,
 		children
-	});
-	return /*#__PURE__*/ jsx(ThemeProvider$2, {
+	}, void 0, false);
+	return /*#__PURE__*/ jsxDEV(ThemeProvider$2, {
 		...props,
 		children
-	});
+	}, void 0, false);
 };
 function BaseStyles$1(props) {
-	if (useFeatureFlag("primer_react_styled_react_use_primer_theme_providers")) return /*#__PURE__*/ jsx(BaseStyles, { ...props });
-	return /*#__PURE__*/ jsx(BaseStyles$2, { ...props });
+	if (useFeatureFlag("primer_react_styled_react_use_primer_theme_providers")) return /*#__PURE__*/ jsxDEV(BaseStyles, { ...props }, void 0, false);
+	return /*#__PURE__*/ jsxDEV(BaseStyles$2, { ...props }, void 0, false);
 }
 //#endregion
 export { BaseStyles$1 as BaseStyles, ThemeProvider$1 as ThemeProvider };

package/dist/components/ThemeProvider.js

@@ -5,7 +5,7 @@ import { useId, useSyncedState } from "@primer/react";
 import React from "react";
 import { ThemeProvider as ThemeProvider$1 } from "styled-components";
 import deepmerge from "deepmerge";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxDEV } from "react/jsx-dev-runtime";
 const defaultDayScheme = "light";
 const defaultNightScheme = "dark";
 const serverHandoffCache = /* @__PURE__ */ new Map();
@@ -61,17 +61,17 @@ const ThemeProvider$2 = ({ children, ...props }) => {
 		setDayScheme,
 		setNightScheme
 	]);
-	return /*#__PURE__*/ jsx(ThemeContext.Provider, {
+	return /*#__PURE__*/ jsxDEV(ThemeContext.Provider, {
 		value: contextValue,
-		children: /*#__PURE__*/ jsxs(ThemeProvider$1, {
+		children: /*#__PURE__*/ jsxDEV(ThemeProvider$1, {
 			theme: resolvedTheme,
-			children: [children, props.preventSSRMismatch ? /*#__PURE__*/ jsx("script", {
+			children: [children, props.preventSSRMismatch ? /*#__PURE__*/ jsxDEV("script", {
 				type: "application/json",
 				id: `__PRIMER_DATA_${uniqueDataId}__`,
 				dangerouslySetInnerHTML: { __html: JSON.stringify({ resolvedServerColorMode: resolvedColorMode }) }
-			}) : null]
-		})
-	});
+			}, void 0, false) : null]
+		}, void 0, true)
+	}, void 0, false);
 };
 function subscribeToSystemColorMode(callback) {
 	const media = window?.matchMedia?.("(prefers-color-scheme: dark)");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "1.1.1-rc.fcbfbaea1",
+  "version": "1.1.1-rc.fd837f586",
   "type": "module",
   "exports": {
     ".": {
@@ -40,19 +40,18 @@
     "styled-system": "^5.1.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.7",
-    "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
+    "@babel/core": "^8.0.7",
+    "@babel/preset-react": "^8.0.1",
+    "@babel/preset-typescript": "^8.0.7",
     "@primer/primitives": "10.x || 11.x",
     "@primer/react": "^38.36.0",
     "@rolldown/plugin-babel": "^0.2.4",
     "@storybook/react-vite": "10.5.10",
-    "@types/babel__core": "^7.20.5",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
     "@types/styled-components": "^5.1.26",
     "@vitejs/plugin-react": "^6.1.1",
-    "babel-plugin-styled-components": "2.1.4",
+    "babel-plugin-styled-components": "2.3.0",
     "oxc-transform-react": "^0.153.0",
     "postcss-preset-primer": "^0.0.0",
     "publint": "^0.3.15",
@@ -60,7 +59,7 @@
     "react-compiler-runtime": "^1.0.0",
     "react-dom": "18.3.1",
     "rimraf": "^6.0.1",
-    "rolldown": "^1.2.11",
+    "rolldown": "^1.2.13",
     "rolldown-plugin-dts": "^0.26.0",
     "rolldown-plugin-preserve-directives": "^0.0.0",
     "styled-components": "5.3.11",