@primer/styled-react 1.1.0-rc.fbf889cc5 → 1.1.1-rc.7156e7efc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeContext.d.ts","names":[],"sources":["../../src/components/ThemeContext.ts"],"mappings":";;;;cAGa,YAAA,EAAY,KAAA,CAAA,OAAA;UACf,KAAA;;cAEI,iBAAA;sBACQ,SAAA;;;;gBAIN,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA,CAAe,iBAAA;gBACpC,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA;kBACnB,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA;AAAA"}
1
+ {"version":3,"file":"ThemeContext.d.ts","names":[],"sources":["../../src/components/ThemeContext.ts"],"mappings":";;;;cAGa,YAAA,EAAY,KAAA,CAAA,OAAA;EACf,KAAA,GAAA,KAAA;EACM,WAAA;EACF,SAAA,GAAA,iBAAA;EACQ,iBAAA,GAAA,SAAA;EACE,mBAAA;EACV,SAAA;EACE,WAAA;EACA,YAAA,EAAA,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA,CAAe,iBAAA;EACpC,YAAA,EAAA,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA;EACnB,cAAA,EAAA,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.d.ts","names":[],"sources":["../../src/components/ThemeProvider.tsx"],"mappings":";;;cAOa,gBAAA;AAAA,KAKD,KAAA;EAAA,CAAU,GAAW;AAAA;AAAA,KACrB,SAAA;AAAA,KACA,iBAAA,GAAoB,SAAS;AAAA,KAE7B,kBAAA;EACV,KAAA,GAAQ,KAAA;EACR,SAAA,GAAY,iBAAiB;EAC7B,SAAA;EACA,WAAA;EACA,kBAAA;EARU;;;;EAaV,WAAA;AAAA;AAAA,cA8BW,aAAA,EAAe,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,iBAAA,CAAkB,kBAAA"}
1
+ {"version":3,"file":"ThemeProvider.d.ts","names":[],"sources":["../../src/components/ThemeProvider.tsx"],"mappings":";;;cAQa,gBAAA;AAAA,KAKD,KAAA;EAAA,CAAU,GAAW;AAAA;AAAA,KACrB,SAAA;AAAA,KACA,iBAAA,GAAoB,SAAS;AAAA,KAE7B,kBAAA;EACV,KAAA,GAAQ,KAAA;EACR,SAAA,GAAY,iBAAiB;EAC7B,SAAA;EACA,WAAA;EACA,kBAAA;EARU;AAAS;AAAA;AAAA;EAanB,WAAA;AAAA;AAAA,cA8BW,aAAA,EAAe,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,iBAAA,CAAkB,kBAAA"}
@@ -1,6 +1,7 @@
1
+ import { theme as theme$1 } from "../theme.js";
1
2
  import { ThemeContext } from "./ThemeContext.js";
2
3
  import { useTheme as useTheme$1 } from "./useTheme.js";
3
- import { theme, useId, useSyncedState } from "@primer/react";
4
+ import { useId, useSyncedState } from "@primer/react";
4
5
  import React from "react";
5
6
  import { ThemeProvider as ThemeProvider$1 } from "styled-components";
6
7
  import deepmerge from "deepmerge";
@@ -28,7 +29,7 @@ const getServerHandoff = (id) => {
28
29
  const emptySubscribe = () => () => {};
29
30
  const ThemeProvider$2 = ({ children, ...props }) => {
30
31
  const { theme: fallbackTheme, colorMode: fallbackColorMode, dayScheme: fallbackDayScheme, nightScheme: fallbackNightScheme } = useTheme$1();
31
- const theme$1 = props.theme ?? fallbackTheme ?? theme;
32
+ const theme = props.theme ?? fallbackTheme ?? theme$1;
32
33
  const uniqueDataId = useId();
33
34
  const [colorMode, setColorMode] = useSyncedState(props.colorMode ?? fallbackColorMode ?? "day");
34
35
  const [dayScheme, setDayScheme] = useSyncedState(props.dayScheme ?? fallbackDayScheme ?? defaultDayScheme);
@@ -36,7 +37,7 @@ const ThemeProvider$2 = ({ children, ...props }) => {
36
37
  const clientColorMode = resolveColorMode(colorMode, useSystemColorMode());
37
38
  const resolvedColorMode = React.useSyncExternalStore(emptySubscribe, () => clientColorMode, () => getServerHandoff(uniqueDataId).resolvedServerColorMode ?? clientColorMode);
38
39
  const colorScheme = chooseColorScheme(resolvedColorMode, dayScheme, nightScheme);
39
- const { resolvedTheme, resolvedColorScheme } = React.useMemo(() => applyColorScheme(theme$1, colorScheme), [theme$1, colorScheme]);
40
+ const { resolvedTheme, resolvedColorScheme } = React.useMemo(() => applyColorScheme(theme, colorScheme), [theme, colorScheme]);
40
41
  const contextValue = React.useMemo(() => ({
41
42
  theme: resolvedTheme,
42
43
  colorScheme,
@@ -1,4 +1,4 @@
1
- import { useTheme as useTheme$1 } from "@primer/react";
1
+ import { useTheme as useTheme$1 } from "./useTheme.js";
2
2
 
3
3
  //#region src/components/useFeatureFlaggedTheme.d.ts
4
4
  declare function useTheme(): ReturnType<typeof useTheme$1>;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { BaseStyles, BaseStylesProps, ThemeProvider, ThemeProviderProps } from "./components/FeatureFlaggedTheming.js";
2
2
  import { useColorSchemeVar, useTheme } from "./components/useFeatureFlaggedTheme.js";
3
+ import { theme } from "./theme.js";
3
4
  import { get } from "./theme-get.js";
4
5
  import sx, { BetterSystemStyleObject, SxProp, merge } from "./sx.js";
5
- import { theme } from "@primer/react";
6
6
  export { BaseStyles, type BaseStylesProps, type BetterSystemStyleObject, type SxProp, ThemeProvider, type ThemeProviderProps, merge, sx, theme, get as themeGet, useColorSchemeVar, useTheme };
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
+ import { theme } from "./theme.js";
2
3
  import { BaseStyles, ThemeProvider } from "./components/FeatureFlaggedTheming.js";
3
4
  import { useColorSchemeVar, useTheme } from "./components/useFeatureFlaggedTheme.js";
4
5
  import { get } from "./theme-get.js";
5
6
  import sx, { merge } from "./sx.js";
6
- import { theme } from "@primer/react";
7
7
  export { BaseStyles, ThemeProvider, merge, sx, theme, get as themeGet, useColorSchemeVar, useTheme };