@primer/styled-react 0.0.0-20260615151755 → 0.0.0-20260722112739

package/dist/components/useFeatureFlaggedTheme.js

@@ -0,0 +1,19 @@
+import { useColorSchemeVar as useColorSchemeVar$2, useTheme as useTheme$2 } from "./useTheme.js";
+import { useColorSchemeVar, useTheme } from "@primer/react";
+import { useFeatureFlag } from "@primer/react/experimental";
+//#region src/components/useFeatureFlaggedTheme.ts
+function useTheme$1() {
+	const enabled = useFeatureFlag("primer_react_styled_react_use_primer_theme_providers");
+	const styledTheme = useTheme$2();
+	const primerTheme = useTheme();
+	if (enabled) return primerTheme;
+	return styledTheme;
+}
+function useColorSchemeVar$1(values, fallback) {
+	const enabled = useFeatureFlag("primer_react_styled_react_use_primer_theme_providers");
+	const styledValue = useColorSchemeVar$2(values, fallback);
+	const primerValue = useColorSchemeVar(values, fallback);
+	return enabled ? primerValue : styledValue;
+}
+//#endregion
+export { useColorSchemeVar$1 as useColorSchemeVar, useTheme$1 as useTheme };

package/dist/components/useTheme.d.ts

@@ -0,0 +1,20 @@
+import { ColorMode, ColorModeWithAuto, Theme } from "./ThemeProvider.js";
+import React from "react";
+
+//#region src/components/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 useColorSchemeVar(values: Partial<Record<string, string>>, fallback: string): string;
+//#endregion
+export { useColorSchemeVar, useTheme };
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/components/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","names":[],"sources":["../../src/components/useTheme.ts"],"mappings":";;;;iBAGgB,QAAA;UAAQ,KAAA;;;;;;;;;;;iBAIR,iBAAA,CAAkB,MAAA,EAAQ,OAAO,CAAC,MAAA,mBAAyB,QAAA"}

package/dist/components/useTheme.js

@@ -0,0 +1,12 @@
+import { ThemeContext } from "./ThemeContext.js";
+import React from "react";
+//#region src/components/useTheme.ts
+function useTheme() {
+	return React.useContext(ThemeContext);
+}
+function useColorSchemeVar(values, fallback) {
+	const { colorScheme = "" } = useTheme();
+	return values[colorScheme] ?? fallback;
+}
+//#endregion
+export { useColorSchemeVar, useTheme };

package/dist/index.d.ts

@@ -1,67 +1,6 @@
-export { 
-/**
- * @deprecated Theming in JavaScript is no longer supported. Prefer using
- * `@primer/primitives` and CSS Modules instead.
- */
-ThemeProvider, 
-/**
- * @deprecated Theming in JavaScript is no longer supported. Prefer using
- * `@primer/primitives` and CSS Modules instead.
- */
-useTheme, 
-/**
- * @deprecated Theming in JavaScript is no longer supported. Prefer using
- * `@primer/primitives` and CSS Modules instead.
- */
-useColorSchemeVar, 
-/**
- * @deprecated Theming in JavaScript is no longer supported. Prefer using
- * `@primer/primitives` and CSS Modules instead.
- */
-type ThemeProviderProps, } from './components/FeatureFlaggedTheming';
-export { 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-BaseStyles, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type BaseStylesProps, } from './components/FeatureFlaggedTheming';
-export { 
-/**
- * @deprecated Theming in JavaScript is no longer supported. Prefer using
- * `@primer/primitives` and CSS Modules instead.
- */
-theme, } from '@primer/react';
-export { 
-/**
- * @deprecated Theming in JavaScript is no longer supported. Prefer using
- * `@primer/primitives` and CSS Modules instead.
- */
-get as themeGet, } from './theme-get';
-export { 
-/**
- * @deprecated Theming in JavaScript is no longer supported. Prefer using
- * `@primer/primitives` and CSS Modules instead.
- */
-merge, 
-/**
- * @deprecated Styling with the `sx` prop is no longer supported. Use CSS
- * Modules instead
- */
-sx, 
-/**
- * @deprecated Styling with the `sx` prop is no longer supported. Use CSS
- * Modules instead
- */
-type SxProp, } from './sx';
-export { 
-/**
- * @deprecated Styling with the `sx` prop is no longer supported. Use CSS
- * Modules instead
- */
-type BetterSystemStyleObject, } from './sx';
-//# sourceMappingURL=index.d.ts.map
+import { BaseStyles, BaseStylesProps, ThemeProvider, ThemeProviderProps } from "./components/FeatureFlaggedTheming.js";
+import { useColorSchemeVar, useTheme } from "./components/useFeatureFlaggedTheme.js";
+import { theme } from "./theme.js";
+import { get } from "./theme-get.js";
+import sx, { BetterSystemStyleObject, SxProp, merge } from "./sx.js";
+export { BaseStyles, type BaseStylesProps, type BetterSystemStyleObject, type SxProp, ThemeProvider, type ThemeProviderProps, merge, sx, theme, get as themeGet, useColorSchemeVar, useTheme };

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
-export { BaseStyles, ThemeProvider, useTheme } from './components/FeatureFlaggedTheming.js';
-export { theme } from '@primer/react';
-export { get as themeGet } from './theme-get.js';
-export { sx } from './sx.js';
-export { default as merge } from 'deepmerge';
-export { useColorSchemeVar } from './components/ThemeProvider.js';
+import { theme } from "./theme.js";
+import { BaseStyles, ThemeProvider } from "./components/FeatureFlaggedTheming.js";
+import { useColorSchemeVar, useTheme } from "./components/useFeatureFlaggedTheme.js";
+import { get } from "./theme-get.js";
+import sx, { merge } from "./sx.js";
+export { BaseStyles, ThemeProvider, merge, sx, theme, get as themeGet, useColorSchemeVar, useTheme };