@primer/styled-react 1.0.7-rc.fa8383854 → 1.0.8-rc.2a752ecd6

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

@@ -1 +1 @@
-{"version":3,"file":"BaseStyles.d.ts","sourceRoot":"","sources":["../../src/components/BaseStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,KAAK,GAAG,EAAC,MAAM,OAAO,CAAA;AAG1E,OAAO,KAAK,KAAK,YAAY,MAAM,eAAe,CAAA;AAGlD,OAAO,eAAe,CAAA;AAGtB,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,UAAU,EAC7B,YAAY,CAAC,UAAU,EACvB,YAAY,CAAC,YAAY;CAAG;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,eAAe;IACzE,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAA;CACnE;AAqFD,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAEhD,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,qBAAqB,GACvB,iBAAiB,CAAA;AAEnB,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,EAAE,EAAE,SAAiB,EACrB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,eA+BjB"}
+{"version":3,"file":"BaseStyles.d.ts","sourceRoot":"","sources":["../../src/components/BaseStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,KAAK,GAAG,EAAC,MAAM,OAAO,CAAA;AAG1E,OAAO,KAAK,KAAK,YAAY,MAAM,eAAe,CAAA;AAGlD,OAAO,eAAe,CAAA;AAGtB,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,UAAU,EAC7B,YAAY,CAAC,UAAU,EACvB,YAAY,CAAC,YAAY;CAAG;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,eAAe;IACzE,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAA;CACnE;AA8ED,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAEhD,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,qBAAqB,GACvB,iBAAiB,CAAA;AAEnB,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,EAAE,EAAE,SAAiB,EACrB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,eA+BjB"}

package/dist/components/BaseStyles.js

@@ -4,7 +4,7 @@ import 'focus-visible';
 import { createGlobalStyle } from 'styled-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-const GlobalStyle = createGlobalStyle(["*{box-sizing:border-box;}body{margin:0;}table{border-collapse:collapse;}[data-color-mode='light'] input{color-scheme:light;}[data-color-mode='dark'] input{color-scheme:dark;}@media (prefers-color-scheme:light){[data-color-mode='auto'][data-light-theme*='light']{color-scheme:light;}}@media (prefers-color-scheme:dark){[data-color-mode='auto'][data-dark-theme*='dark']{color-scheme:dark;}}[role='button']:focus:not(:focus-visible):not(:global(.focus-visible)),[role='tabpanel'][tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),button:focus:not(:focus-visible):not(:global(.focus-visible)),summary:focus:not(:focus-visible):not(:global(.focus-visible)),a:focus:not(:focus-visible):not(:global(.focus-visible)){outline:none;box-shadow:none;}[tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),details-dialog:focus:not(:focus-visible):not(:global(.focus-visible)){outline:none;}.BaseStyles{font-family:var(--BaseStyles-fontFamily,var(--fontStack-system));line-height:var(--BaseStyles-lineHeight,1.5);color:var(--BaseStyles-fgColor,var(--fgColor-default));&:has([data-color-mode='light']){input &{color-scheme:light;}}&:has([data-color-mode='dark']){input &{color-scheme:dark;}}:where(a:not([class*='prc-']):not([class*='PRC-']):not([class*='Primer_Brand__'])){color:var(--fgColor-accent,var(--color-accent-fg));text-decoration:none;&:hover{text-decoration:underline;}}}"]);
+const GlobalStyle = createGlobalStyle(["*{box-sizing:border-box;}body{margin:0;}table{border-collapse:collapse;}[data-color-mode='light'] input{color-scheme:light;}[data-color-mode='dark'] input{color-scheme:dark;}@media (prefers-color-scheme:light){[data-color-mode='auto'][data-light-theme*='light']{color-scheme:light;}}@media (prefers-color-scheme:dark){[data-color-mode='auto'][data-dark-theme*='dark']{color-scheme:dark;}}[role='button']:focus:not(:focus-visible):not(:global(.focus-visible)),[role='tabpanel'][tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),button:focus:not(:focus-visible):not(:global(.focus-visible)),summary:focus:not(:focus-visible):not(:global(.focus-visible)),a:focus:not(:focus-visible):not(:global(.focus-visible)){outline:none;box-shadow:none;}[tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),details-dialog:focus:not(:focus-visible):not(:global(.focus-visible)){outline:none;}.BaseStyles{font-family:var(--BaseStyles-fontFamily,var(--fontStack-system));line-height:var(--BaseStyles-lineHeight,1.5);color:var(--BaseStyles-fgColor,var(--fgColor-default));:where(a:not([class*='prc-']):not([class*='PRC-']):not([class*='Primer_Brand__'])){color:var(--fgColor-accent,var(--color-accent-fg));text-decoration:none;&:hover{text-decoration:underline;}}}"]);
 function BaseStyles({
   children,
   color,

package/dist/components/FeatureFlaggedTheming.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import { useTheme as primerUseTheme } from '@primer/react';
+import { useColorSchemeVar } from './ThemeProvider';
+import type { ThemeProviderProps as StyledThemeProviderProps } from './ThemeProvider';
+import type { BaseStylesProps as StyledBaseStylesProps } from './BaseStyles';
+export type ThemeProviderProps = StyledThemeProviderProps;
+export type BaseStylesProps = StyledBaseStylesProps;
+export declare const ThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
+export declare function useTheme(): ReturnType<typeof primerUseTheme>;
+export { useColorSchemeVar };
+export declare function BaseStyles(props: BaseStylesProps): React.JSX.Element;
+//# sourceMappingURL=FeatureFlaggedTheming.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlaggedTheming.d.ts","sourceRoot":"","sources":["../../src/components/FeatureFlaggedTheming.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEL,QAAQ,IAAI,cAAc,EAE3B,MAAM,eAAe,CAAA;AAMtB,OAAO,EAAmE,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACnH,OAAO,KAAK,EAAC,kBAAkB,IAAI,wBAAwB,EAAC,MAAM,iBAAiB,CAAA;AAEnF,OAAO,KAAK,EAAC,eAAe,IAAI,qBAAqB,EAAC,MAAM,cAAc,CAAA;AAE1E,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CAAA;AAEzD,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAA;AAEnD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAM/E,CAAA;AAED,wBAAgB,QAAQ,IAAI,UAAU,CAAC,OAAO,cAAc,CAAC,CAQ5D;AAED,OAAO,EAAC,iBAAiB,EAAC,CAAA;AAE1B,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAMhD"}

package/dist/components/FeatureFlaggedTheming.js

@@ -0,0 +1,45 @@
+import { BaseStyles as BaseStyles$1, ThemeProvider as ThemeProvider$1, useTheme as useTheme$2 } from '@primer/react';
+import { useFeatureFlag } from '@primer/react/experimental';
+import { ThemeProvider as ThemeProvider$2, useTheme as useTheme$1 } from './ThemeProvider.js';
+export { useColorSchemeVar } from './ThemeProvider.js';
+import { BaseStyles as BaseStyles$2 } from './BaseStyles.js';
+import { jsx } from 'react/jsx-runtime';
+
+const ThemeProvider = ({
+  children,
+  ...props
+}) => {
+  const enabled = useFeatureFlag('primer_react_styled_react_use_primer_theme_providers');
+  if (enabled) {
+    return /*#__PURE__*/jsx(ThemeProvider$1, {
+      ...props,
+      children: children
+    });
+  }
+  return /*#__PURE__*/jsx(ThemeProvider$2, {
+    ...props,
+    children: children
+  });
+};
+function useTheme() {
+  const enabled = useFeatureFlag('primer_react_styled_react_use_primer_theme_providers');
+  const styledTheme = useTheme$1();
+  const primerTheme = useTheme$2();
+  if (enabled) {
+    return primerTheme;
+  }
+  return styledTheme;
+}
+function BaseStyles(props) {
+  const enabled = useFeatureFlag('primer_react_styled_react_use_primer_theme_providers');
+  if (enabled) {
+    return /*#__PURE__*/jsx(BaseStyles$1, {
+      ...props
+    });
+  }
+  return /*#__PURE__*/jsx(BaseStyles$2, {
+    ...props
+  });
+}
+
+export { BaseStyles, ThemeProvider, useTheme };

package/dist/components.json

@@ -6,17 +6,12 @@
     "Button",
     "Dialog",
     "Flash",
-    "FormControl",
-    "Header",
     "Heading",
     "IconButton",
     "Label",
     "Link",
-    "LinkButton",
     "Octicon",
-    "SegmentedControl",
     "Spinner",
-    "TabNav",
     "Text",
     "TextInput",
     "ThemeProvider",
@@ -38,20 +33,12 @@
     "ButtonProps",
     "DialogHeaderProps",
     "DialogProps",
-    "FormControlProps",
-    "HeaderProps",
     "IconButtonProps",
     "LabelProps",
-    "LinkButtonProps",
     "LinkProps",
     "OcticonProps",
-    "SegmentedControlButtonProps",
-    "SegmentedControlIconButtonProps",
-    "SegmentedControlProps",
     "SpinnerProps",
     "SxProp",
-    "TabNavLinkProps",
-    "TabNavProps",
     "TextInputActionProps",
     "TextInputProps",
     "TextProps",

package/dist/deprecated.d.ts

@@ -1,20 +1,4 @@
 export { 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-TabNav, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type TabNavProps, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type TabNavLinkProps, } from './components/deprecated/TabNav';
-export { 
 /**
  * @deprecated Usage of the `sx` prop with this component is no longer
  * supported. Use the component from `@primer/react` with CSS Modules instead.

package/dist/deprecated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW;AAEhB;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,gCAAgC,CAAA;AAEvC,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW;AAEhB;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,kCAAkC,CAAA;AAEzC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,iCAAiC,CAAA;AAExC,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,mBAAmB;AAExB;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,oCAAoC,CAAA"}
+{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW;AAEhB;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,kCAAkC,CAAA;AAEzC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,iCAAiC,CAAA;AAExC,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,mBAAmB;AAExB;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,oCAAoC,CAAA"}

package/dist/deprecated.js

@@ -1,4 +1,3 @@
-export { TabNav } from './components/deprecated/TabNav.js';
 export { Dialog } from './components/deprecated/DialogV1.js';
 export { Octicon } from './components/deprecated/Octicon.js';
 export { ActionList } from './components/deprecated/ActionList.js';

package/dist/index.d.ts

@@ -29,7 +29,7 @@ useColorSchemeVar,
  * @deprecated Theming in JavaScript is no longer supported. Prefer using
  * `@primer/primitives` and CSS Modules instead.
  */
-type ThemeProviderProps, } from './components/ThemeProvider';
+type ThemeProviderProps, } from './components/FeatureFlaggedTheming';
 export { 
 /**
  * @deprecated Usage of the `sx` prop with this component is no longer
@@ -40,7 +40,7 @@ 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/BaseStyles';
+type BaseStylesProps, } from './components/FeatureFlaggedTheming';
 export { 
 /**
  * @deprecated Theming in JavaScript is no longer supported. Prefer using
@@ -128,28 +128,6 @@ export {
  */
 Flash, } from './components/Flash';
 export { 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-FormControl, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type FormControlProps, } from './components/FormControl';
-export { 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-Header, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type HeaderProps, } from './components/Header';
-export { 
 /**
  * @deprecated Usage of the `sx` prop with this component is no longer
  * supported. Use the component from `@primer/react` with CSS Modules instead.
@@ -189,38 +167,6 @@ Link,
  */
 type LinkProps, } from './components/Link';
 export { 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-LinkButton, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type LinkButtonProps, } from './components/LinkButton';
-export { 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-SegmentedControl, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type SegmentedControlProps, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type SegmentedControlButtonProps, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type SegmentedControlIconButtonProps, } from './components/SegmentedControl';
-export { 
 /**
  * @deprecated Usage of the `sx` prop with this component is no longer
  * supported. Use the component from `@primer/react` with CSS Modules instead.

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO;AACL;;;GAGG;AACH,GAAG;AAEH;;;GAGG;AACH,KAAK,QAAQ,GACd,MAAM,kBAAkB,CAAA;AAGzB,OAAO;AACL;;;GAGG;AACH,aAAa;AAEb;;;GAGG;AACH,QAAQ;AAER;;;GAGG;AACH,iBAAiB;AAEjB;;;GAGG;AACH,KAAK,kBAAkB,GACxB,MAAM,oCAAoC,CAAA;AAE3C,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,oCAAoC,CAAA;AAE3C,OAAO;AACL;;;GAGG;AACH,KAAK,GACN,MAAM,eAAe,CAAA;AAEtB,OAAO;AACL;;;GAGG;AACH,GAAG,IAAI,QAAQ,GAChB,MAAM,aAAa,CAAA;AAEpB,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,mBAAmB;AAExB;;;GAGG;AACH,KAAK,uBAAuB;AAE5B;;;GAGG;AACH,KAAK,oBAAoB;AAEzB;;;GAGG;AACH,KAAK,sBAAsB;AAE3B;;;GAGG;AACH,KAAK,4BAA4B;AAEjC;;;GAGG;AACH,KAAK,6BAA6B;AAElC;;;GAGG;AACH,KAAK,6BAA6B,GACnC,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,eAAe,IAAI,MAAM;AAEzB;;;GAGG;AACH,KAAK,oBAAoB,IAAI,WAAW,GACzC,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,KAAK,GACN,MAAM,oBAAoB,CAAA;AAE3B,OAAO;AACL;;;GAGG;AACH,OAAO,GACR,MAAM,sBAAsB,CAAA;AAE7B,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,KAAK;AAEL;;;GAGG;AACH,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAA;AAE3B,OAAO;AACL;;;GAGG;AACH,IAAI;AAEJ;;;GAGG;AACH,KAAK,SAAS,GACf,MAAM,mBAAmB,CAAA;AAE1B,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,sBAAsB,CAAA;AAE7B,OAAO;AACL;;;GAGG;AACH,IAAI;AAEJ;;;GAGG;AACH,KAAK,SAAS,GACf,MAAM,mBAAmB,CAAA;AAE1B,OAAO;AACL;;;GAGG;AACH,SAAS;AAET;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,wBAAwB,CAAA;AAE/B,OAAO;AACL;;;GAGG;AACH,YAAY;AAEZ;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAElC,OAAO;AACL;;;GAGG;AACH,YAAY;AAEZ;;;GAGG;AACH,KAAK,iBAAiB;AAEtB;;;GAGG;AACH,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAA;AAElC,OAAO;AACL;;;GAGG;AACH,KAAK;AAEL;;;GAGG;AACH,EAAE;AAEF;;;GAGG;AACH,KAAK,MAAM,GACZ,MAAM,MAAM,CAAA;AAEb,OAAO;AACL;;;GAGG;AACH,KAAK,uBAAuB,GAC7B,MAAM,MAAM,CAAA"}

package/dist/index.js

@@ -1,21 +1,16 @@
 "use client";
 export { Box } from './components/Box.js';
-export { ThemeProvider, useColorSchemeVar, useTheme } from './components/ThemeProvider.js';
-export { BaseStyles } from './components/BaseStyles.js';
+export { BaseStyles, ThemeProvider, useTheme } from './components/FeatureFlaggedTheming.js';
 export { theme } from '@primer/react';
 export { get as themeGet } from './theme-get.js';
 export { ActionList } from './components/ActionList.js';
 export { ButtonComponent as Button } from './components/Button.js';
 export { Dialog } from './components/Dialog.js';
 export { Flash } from './components/Flash.js';
-export { FormControl } from './components/FormControl.js';
-export { Header } from './components/Header.js';
 export { Heading } from './components/Heading.js';
 export { IconButton } from './components/IconButton.js';
 export { Label } from './components/Label.js';
 export { Link } from './components/Link.js';
-export { LinkButton } from './components/LinkButton.js';
-export { SegmentedControl } from './components/SegmentedControl.js';
 export { Spinner } from './components/Spinner.js';
 export { Text } from './components/Text.js';
 export { TextInput } from './components/TextInput.js';
@@ -23,3 +18,4 @@ export { ToggleSwitch } from './components/ToggleSwitch.js';
 export { UnderlineNav } from './components/UnderlineNav.js';
 export { sx } from './sx.js';
 export { default as merge } from 'deepmerge';
+export { useColorSchemeVar } from './components/ThemeProvider.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "1.0.7-rc.fa8383854",
+  "version": "1.0.8-rc.2a752ecd6",
   "type": "module",
   "exports": {
     ".": {
@@ -49,7 +49,7 @@
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
     "@primer/primitives": "10.x || 11.x",
-    "@primer/react": "^38.22.0",
+    "@primer/react": "^38.22.1",
     "@rollup/plugin-babel": "^6.1.0",
     "@storybook/react-vite": "^10.3.3",
     "@types/react": "18.3.11",
@@ -67,7 +67,7 @@
     "rollup": "4.59.0",
     "rollup-plugin-typescript2": "^0.36.0",
     "styled-components": "5.3.11",
-    "typescript": "^5.9.2"
+    "typescript": "^6.0.3"
   },
   "peerDependencies": {
     "@primer/react": "*",

package/dist/components/FormControl.d.ts

@@ -1,13 +0,0 @@
-import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps } from '@primer/react';
-import { type PropsWithChildren } from 'react';
-import { type SxProp } from '../sx';
-type FormControlProps = PropsWithChildren<PrimerFormControlProps> & SxProp;
-declare const FormControlImpl: React.ComponentType<FormControlProps>;
-declare const FormControl: typeof FormControlImpl & {
-    Caption: typeof PrimerFormControl.Caption;
-    LeadingVisual: typeof PrimerFormControl.LeadingVisual;
-    Validation: typeof PrimerFormControl.Validation;
-    Label: typeof PrimerFormControl.Label;
-};
-export { FormControl, type FormControlProps };
-//# sourceMappingURL=FormControl.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,IAAI,iBAAiB,EAAE,KAAK,gBAAgB,IAAI,sBAAsB,EAAC,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAI1D,CAAA;AAED,QAAA,MAAM,WAAW,EAMX,OAAO,eAAe,GAAG;IAC7B,OAAO,EAAE,OAAO,iBAAiB,CAAC,OAAO,CAAA;IACzC,aAAa,EAAE,OAAO,iBAAiB,CAAC,aAAa,CAAA;IACrD,UAAU,EAAE,OAAO,iBAAiB,CAAC,UAAU,CAAA;IAC/C,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CACtC,CAAA;AAED,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,CAAA"}

package/dist/components/FormControl.js

@@ -1,19 +0,0 @@
-import { FormControl as FormControl$1 } from '@primer/react';
-import styled from 'styled-components';
-import { sx } from '../sx.js';
-
-const FormControlImpl = styled(FormControl$1).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "FormControl__FormControlImpl",
-  componentId: "sc-1642wfe-0"
-})(["", ""], sx);
-const FormControl = Object.assign(FormControlImpl, {
-  __SLOT__: FormControl$1.__SLOT__,
-  Caption: FormControl$1.Caption,
-  LeadingVisual: FormControl$1.LeadingVisual,
-  Validation: FormControl$1.Validation,
-  Label: FormControl$1.Label
-});
-
-export { FormControl };

package/dist/components/Header.d.ts

@@ -1,11 +0,0 @@
-import { type HeaderProps as PrimerHeaderProps, type HeaderItemProps as PrimerHeaderItemProps, type HeaderLinkProps as PrimerHeaderLinkProps } from '@primer/react';
-import type { ForwardRefComponent } from '../polymorphic';
-import type { SxProp } from '../sx';
-type HeaderProps = PrimerHeaderProps & SxProp;
-type HeaderItemProps = PrimerHeaderItemProps & SxProp;
-declare const Header: ForwardRefComponent<"header", HeaderProps> & {
-    Item: import("react").ForwardRefExoticComponent<Omit<HeaderItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Link: import("react").ForwardRefExoticComponent<Omit<PrimerHeaderLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
-};
-export { Header, type HeaderProps };
-//# sourceMappingURL=Header.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,EAG9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAU7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAcrD,QAAA,MAAM,MAAM;;;CAGV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}

package/dist/components/Header.js

@@ -1,52 +0,0 @@
-import { Header as Header$1 } from '@primer/react';
-import { forwardRef } from 'react';
-import { Box } from './Box.js';
-import { jsx } from 'react/jsx-runtime';
-
-const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Header$1,
-    ref: ref,
-    ...props
-  });
-});
-const HeaderImpl = /*#__PURE__*/forwardRef(({
-  as,
-  ...props
-}, ref) => /*#__PURE__*/jsx(StyledHeader, {
-  ...props,
-  ...(as ? {
-    forwardedAs: as
-  } : {}),
-  ref: ref
-}));
-const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Header$1.Item,
-    ref: ref,
-    ...props
-  });
-});
-const StyledHeaderLink = /*#__PURE__*/forwardRef(function HeaderLink(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Header$1.Link,
-    ref: ref,
-    ...props
-  });
-});
-const HeaderLink = /*#__PURE__*/forwardRef(({
-  as,
-  ...props
-}, ref) => /*#__PURE__*/jsx(StyledHeaderLink, {
-  ...props,
-  ...(as ? {
-    forwardedAs: as
-  } : {}),
-  ref: ref
-}));
-const Header = Object.assign(HeaderImpl, {
-  Item: HeaderItem,
-  Link: HeaderLink
-});
-
-export { Header };

package/dist/components/LinkButton.d.ts

@@ -1,8 +0,0 @@
-import { type LinkButtonProps as PrimerLinkButtonProps } from '@primer/react';
-import { type ForwardRefComponent } from '../polymorphic';
-import { type SxProp } from '../sx';
-type LinkButtonProps = PrimerLinkButtonProps & SxProp;
-declare const LinkButton: ForwardRefComponent<'a', LinkButtonProps>;
-export { LinkButton };
-export type { LinkButtonProps };
-//# sourceMappingURL=LinkButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/components/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAE3G,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAErD,QAAA,MAAM,UAAU,EAAE,mBAAmB,CAAC,GAAG,EAAE,eAAe,CAIzD,CAAA;AAED,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAC,CAAA"}

package/dist/components/LinkButton.js

@@ -1,12 +0,0 @@
-import { LinkButton as LinkButton$1 } from '@primer/react';
-import styled from 'styled-components';
-import { sx } from '../sx.js';
-
-const LinkButton = styled(LinkButton$1).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "LinkButton",
-  componentId: "sc-1v6zkmg-0"
-})(["", ""], sx);
-
-export { LinkButton };

package/dist/components/SegmentedControl.d.ts

@@ -1,19 +0,0 @@
-import { type SegmentedControlProps as PrimerSegmentedControlProps, type SegmentedControlButtonProps as PrimerSegmentedControlButtonProps, type SegmentedControlIconButtonProps as PrimerSegmentedControlIconButtonProps } from '@primer/react';
-import type { PropsWithChildren } from 'react';
-import type { SxProp } from '../sx';
-type SegmentedControlProps = PropsWithChildren<PrimerSegmentedControlProps> & SxProp;
-type SegmentedControlButtonProps = PropsWithChildren<PrimerSegmentedControlButtonProps> & SxProp;
-type SegmentedControlIconButtonProps = PropsWithChildren<PrimerSegmentedControlIconButtonProps> & SxProp;
-declare const SegmentedControl: ((props: SegmentedControlProps) => import("react").JSX.Element) & {
-    __SLOT__: symbol;
-    Button: {
-        (props: SegmentedControlButtonProps): import("react").JSX.Element;
-        __SLOT__: symbol | undefined;
-    };
-    IconButton: {
-        (props: SegmentedControlIconButtonProps): import("react").JSX.Element;
-        __SLOT__: symbol | undefined;
-    };
-};
-export { SegmentedControl, type SegmentedControlProps, type SegmentedControlButtonProps, type SegmentedControlIconButtonProps, };
-//# sourceMappingURL=SegmentedControl.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,IAAI,2BAA2B,EAEzD,KAAK,2BAA2B,IAAI,iCAAiC,EACrE,KAAK,+BAA+B,IAAI,qCAAqC,EAC9E,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,2BAA2B,CAAC,GAAG,MAAM,CAAA;AACpF,KAAK,2BAA2B,GAAG,iBAAiB,CAAC,iCAAiC,CAAC,GAAG,MAAM,CAAA;AAChG,KAAK,+BAA+B,GAAG,iBAAiB,CAAC,qCAAqC,CAAC,GAAG,MAAM,CAAA;AAcxG,QAAA,MAAM,gBAAgB,WAJe,qBAAqB;;;gBARnB,2BAA2B;;;;gBAIvB,+BAA+B;;;CAYxE,CAAA;AAKF,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,+BAA+B,GACrC,CAAA"}

package/dist/components/SegmentedControl.js

@@ -1,31 +0,0 @@
-import { SegmentedControl as SegmentedControl$1 } from '@primer/react';
-import { Box } from './Box.js';
-import { jsx } from 'react/jsx-runtime';
-
-const SegmentedControlButton = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: SegmentedControl$1.Button,
-    ...props
-  });
-};
-const SegmentedControlIconButton = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: SegmentedControl$1.IconButton,
-    ...props
-  });
-};
-const SegmentedControlImpl = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: SegmentedControl$1,
-    ...props
-  });
-};
-const SegmentedControl = Object.assign(SegmentedControlImpl, {
-  __SLOT__: SegmentedControl$1.__SLOT__,
-  Button: SegmentedControlButton,
-  IconButton: SegmentedControlIconButton
-});
-SegmentedControlButton.__SLOT__ = SegmentedControl$1.Button.__SLOT__;
-SegmentedControlIconButton.__SLOT__ = SegmentedControl$1.IconButton.__SLOT__;
-
-export { SegmentedControl };

package/dist/components/deprecated/TabNav.d.ts

@@ -1,9 +0,0 @@
-import type { TabNavProps as PrimerTabNavProps, TabNavLinkProps as PrimerTabNavLinkProps } from '@primer/react/deprecated';
-import { type SxProp } from '../../sx';
-type TabNavProps = PrimerTabNavProps & SxProp;
-type TabNavLinkProps = PrimerTabNavLinkProps & SxProp;
-declare const TabNav: (({ as, ...props }: TabNavProps) => import("react").JSX.Element) & {
-    Link: import("react").ForwardRefExoticComponent<Omit<TabNavLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
-};
-export { TabNav, type TabNavProps, type TabNavLinkProps };
-//# sourceMappingURL=TabNav.d.ts.map

package/dist/components/deprecated/TabNav.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/TabNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAE,eAAe,IAAI,qBAAqB,EAAC,MAAM,0BAA0B,CAAA;AACxH,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAIxC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAC7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAsBrD,QAAA,MAAM,MAAM,sBAdwB,WAAW;;CAgB7C,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,CAAA"}

package/dist/components/deprecated/TabNav.js

@@ -1,44 +0,0 @@
-import { TabNav as TabNav$1 } from '@primer/react/deprecated';
-import { sx } from '../../sx.js';
-import styled from 'styled-components';
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-const StyledTabNav = styled(TabNav$1).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "TabNav__StyledTabNav",
-  componentId: "sc-13kad3t-0"
-})(["", ""], sx);
-const TabNavImpl = ({
-  as,
-  ...props
-}) => {
-  return /*#__PURE__*/jsx(StyledTabNav, {
-    ...props,
-    ...(as ? {
-      forwardedAs: as
-    } : {})
-  });
-};
-const StyledTabNavLink = styled(TabNav$1.Link).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "TabNav__StyledTabNavLink",
-  componentId: "sc-13kad3t-1"
-})(["", ""], sx);
-const TabNavLink = /*#__PURE__*/forwardRef(({
-  as,
-  ...props
-}, ref) => /*#__PURE__*/jsx(StyledTabNavLink, {
-  ...props,
-  ...(as ? {
-    forwardedAs: as
-  } : {}),
-  ref: ref
-}));
-const TabNav = Object.assign(TabNavImpl, {
-  Link: TabNavLink
-});
-
-export { TabNav };