@primer/styled-react 0.0.0-20251030204841 → 0.0.0-20251030205510

package/dist/components/Dialog.d.ts

@@ -1,16 +1,27 @@
 import type { DialogProps as PrimerDialogProps } from '@primer/react';
 import type { SxProp } from '../sx';
 import { type PropsWithChildren } from 'react';
-type DialogProps = PropsWithChildren<PrimerDialogProps> & SxProp;
-type StyledBodyProps = React.ComponentProps<'div'> & SxProp;
-type StyledFooterProps = React.ComponentProps<'div'> & SxProp;
+type DialogProps = PropsWithChildren<PrimerDialogProps> & SxProp & {
+    as?: React.ElementType;
+};
+type StyledBodyProps = React.ComponentProps<'div'> & SxProp & {
+    as?: React.ElementType;
+};
+type StyledFooterProps = React.ComponentProps<'div'> & SxProp & {
+    as?: React.ElementType;
+};
 declare const Dialog: import("react").ForwardRefExoticComponent<PrimerDialogProps & {
     children?: import("react").ReactNode | undefined;
-} & SxProp & import("react").RefAttributes<HTMLDivElement>> & {
+} & SxProp & {
+    as?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    __SLOT__: symbol;
     Buttons: import("react").FC<PropsWithChildren<{
         buttons: import("@primer/react").DialogButtonProps[];
     }>>;
-    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & {
+        as?: React.ElementType;
+    } & import("react").RefAttributes<HTMLDivElement>>;
     Body: import("react").ForwardRefExoticComponent<Omit<StyledBodyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Footer: import("react").ForwardRefExoticComponent<Omit<StyledFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,EAA4C,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEvF,KAAK,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAA;AAahE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAO3D,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAM7D,QAAA,MAAM,MAAM;;;;;;;;;CAKV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAa,MAAM,eAAe,CAAA;AAC/E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,EAA4C,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEvF,KAAK,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAwB3F,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAYtF,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAgBxF,QAAA,MAAM,MAAM;;;SApD6D,KAAK,CAAC,WAAW;;;;;;;aAYhB,KAAK,CAAC,WAAW;;;;CA8CzF,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}

package/dist/components/Dialog.js

@@ -1,39 +1,86 @@
 import { Dialog as Dialog$1 } from '@primer/react';
-import Box from './Box.js';
+import sx from '../sx.js';
+import styled from 'styled-components';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-const DialogImpl = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
-  // @ts-expect-error - PrimerDialog is not recognized as a valid component type
-  return /*#__PURE__*/jsx(Box, {
-    as: Dialog$1,
+const StyledDialog = styled(Dialog$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Dialog__StyledDialog",
+  componentId: "sc-19zph8h-0"
+})(["", ""], sx);
+const DialogImpl = /*#__PURE__*/forwardRef(function Dialog({
+  as,
+  ...props
+}, ref) {
+  return /*#__PURE__*/jsx(StyledDialog, {
     ref: ref,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
     ...props
   });
 });
-const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Dialog$1.Header,
+const StyledDialogHeader = styled(Dialog$1.Header).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Dialog__StyledDialogHeader",
+  componentId: "sc-19zph8h-1"
+})(["", ""], sx);
+const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader({
+  as,
+  ...props
+}, ref) {
+  return /*#__PURE__*/jsx(StyledDialogHeader, {
     ref: ref,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
     ...props
   });
 });
-const DialogBody = /*#__PURE__*/forwardRef(function DialogBody(props, ref) {
-  // @ts-expect-error - PrimerDialog.Body is not recognized as a valid component type
-  return /*#__PURE__*/jsx(Box, {
-    as: Dialog$1.Body,
+const StyledDialogBody = styled(Dialog$1.Body).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Dialog__StyledDialogBody",
+  componentId: "sc-19zph8h-2"
+})(["", ""], sx);
+const DialogBody = /*#__PURE__*/forwardRef(function DialogBody({
+  as,
+  ...props
+}, ref) {
+  return /*#__PURE__*/jsx(StyledDialogBody, {
     ref: ref,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
     ...props
   });
 });
-const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Dialog$1.Footer,
+const StyledDialogFooter = styled(Dialog$1.Footer).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Dialog__StyledDialogFooter",
+  componentId: "sc-19zph8h-3"
+})(["", ""], sx);
+const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter({
+  as,
+  ...props
+}, ref) {
+  return /*#__PURE__*/jsx(StyledDialogFooter, {
     ref: ref,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
     ...props
   });
 });
+DialogHeader.__SLOT__ = Dialog$1.Header.__SLOT__;
+DialogBody.__SLOT__ = Dialog$1.Body.__SLOT__;
+DialogFooter.__SLOT__ = Dialog$1.Footer.__SLOT__;
 const Dialog = Object.assign(DialogImpl, {
+  __SLOT__: Dialog$1['__SLOT__'],
   Buttons: Dialog$1.Buttons,
   Header: DialogHeader,
   Body: DialogBody,

package/dist/index.d.ts

@@ -1,9 +1,10 @@
 export { Box, type BoxProps } from './components/Box';
 export { Details } from '@primer/react';
 export { ProgressBar } from '@primer/react';
-export { ThemeProvider, useTheme, useColorSchemeVar, BaseStyles, type ThemeProviderProps, type BaseStylesProps, } from './components/FeatureFlaggedTheming';
+export { ThemeProvider, useTheme, useColorSchemeVar, type ThemeProviderProps } from './components/ThemeProvider';
+export { BaseStyles, type BaseStylesProps } from './components/BaseStyles';
 export { theme } from '@primer/react';
-export { themeGet } from '@primer/react';
+export { get as themeGet } from './theme-get';
 export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListLinkItemProps, type ActionListGroupProps, type ActionListDividerProps, type ActionListLeadingVisualProps, type ActionListTrailingVisualProps, type ActionListTrailingActionProps, } from './components/ActionList';
 export { ActionMenu } from './components/ActionMenu';
 export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';

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":"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"}

package/dist/index.js

@@ -1,7 +1,9 @@
 "use client";
 export { default as Box } from './components/Box.js';
-export { Details, ProgressBar, theme, themeGet } from '@primer/react';
-export { BaseStyles, ThemeProvider, useColorSchemeVar, useTheme } from './components/FeatureFlaggedTheming.js';
+export { Details, ProgressBar, theme } from '@primer/react';
+export { ThemeProvider, useColorSchemeVar, useTheme } from './components/ThemeProvider.js';
+export { BaseStyles } from './components/BaseStyles.js';
+export { get as themeGet } from './theme-get.js';
 export { ActionList } from './components/ActionList.js';
 export { ActionMenu } from './components/ActionMenu.js';
 export { Autocomplete } from './components/Autocomplete.js';

package/dist/theme-get.d.ts

@@ -0,0 +1,2 @@
+export declare const get: (key: string) => (props: any) => any;
+//# sourceMappingURL=theme-get.d.ts.map

package/dist/theme-get.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-get.d.ts","sourceRoot":"","sources":["../src/theme-get.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,GAAG,GAAI,KAAK,MAAM,wBAAsC,CAAA"}

package/dist/theme-get.js

@@ -0,0 +1,10 @@
+import { themeGet } from '@styled-system/theme-get';
+import * as styledSystem from 'styled-system';
+import { theme } from '@primer/react';
+
+const {
+  get: getKey
+} = styledSystem;
+const get = key => themeGet(key, getKey(theme, key));
+
+export { get };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251030204841",
+  "version": "0.0.0-20251030205510",
   "type": "module",
   "exports": {
     ".": {
@@ -21,32 +21,46 @@
     "README.md",
     "dist"
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/primer/react.git"
+  },
   "scripts": {
     "build": "script/build",
     "clean": "rimraf dist",
     "lint:npm": "publint --types",
     "type-check": "tsc --noEmit"
   },
+  "dependencies": {
+    "@styled-system/css": "^5.1.5",
+    "@styled-system/props": "^5.1.5",
+    "@styled-system/theme-get": "^5.1.2",
+    "@types/styled-system": "^5.1.23",
+    "@types/styled-system__css": "^5.0.16",
+    "@types/styled-system__theme-get": "^5.0.1",
+    "styled-system": "^5.1.5"
+  },
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "0.0.0-20251030204841",
-    "@rollup/plugin-babel": "^6.0.4",
+    "@primer/react": "0.0.0-20251030205510",
+    "@rollup/plugin-babel": "^6.1.0",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
+    "@types/styled-components": "^5.1.26",
     "@vitejs/plugin-react": "^4.3.3",
     "babel-plugin-styled-components": "2.1.4",
     "publint": "^0.3.12",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "^6.0.1",
-    "rollup": "4.50.1",
+    "rollup": "4.52.5",
     "rollup-plugin-typescript2": "^0.36.0",
     "styled-components": "5.3.11",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251030204841",
+    "@primer/react": "0.0.0-20251030205510",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",

package/dist/components/FeatureFlaggedTheming.d.ts

@@ -1,9 +0,0 @@
-import { useTheme as primerReactUseTheme, useColorSchemeVar as primerReactUseColorSchemeVar } from '@primer/react';
-import { type ThemeProviderProps } from './ThemeProvider';
-import { type BaseStylesProps } from './BaseStyles';
-export declare const ThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
-export declare const BaseStyles: React.FC<React.PropsWithChildren<BaseStylesProps>>;
-export declare const useTheme: typeof primerReactUseTheme;
-export declare const useColorSchemeVar: typeof primerReactUseColorSchemeVar;
-export type { ThemeProviderProps, BaseStylesProps };
-//# sourceMappingURL=FeatureFlaggedTheming.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureFlaggedTheming.d.ts","sourceRoot":"","sources":["../../src/components/FeatureFlaggedTheming.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,IAAI,mBAAmB,EAC/B,iBAAiB,IAAI,4BAA4B,EAClD,MAAM,eAAe,CAAA;AACtB,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAsC,KAAK,eAAe,EAAC,MAAM,cAAc,CAAA;AAGtF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAO/E,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAOzE,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,mBAM7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,4BAMtC,CAAA;AAED,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA"}

package/dist/components/FeatureFlaggedTheming.js

@@ -1,54 +0,0 @@
-import { ThemeProvider as ThemeProvider$2, useTheme as useTheme$2, useColorSchemeVar as useColorSchemeVar$2, BaseStyles as BaseStyles$2 } from '@primer/react';
-import { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1, useColorSchemeVar as useColorSchemeVar$1 } from './ThemeProvider.js';
-import { BaseStyles as BaseStyles$1 } from './BaseStyles.js';
-import { useFeatureFlag } from '@primer/react/experimental';
-import { jsx } from 'react/jsx-runtime';
-
-const ThemeProvider = ({
-  children,
-  ...props
-}) => {
-  const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
-  if (enabled) {
-    return /*#__PURE__*/jsx(ThemeProvider$1, {
-      ...props,
-      children: children
-    });
-  } else {
-    return /*#__PURE__*/jsx(ThemeProvider$2, {
-      ...props,
-      children: children
-    });
-  }
-};
-const BaseStyles = ({
-  children,
-  ...props
-}) => {
-  const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
-  if (enabled) {
-    return /*#__PURE__*/jsx(BaseStyles$1, {
-      ...props,
-      children: children
-    });
-  } else {
-    return /*#__PURE__*/jsx(BaseStyles$2, {
-      ...props,
-      children: children
-    });
-  }
-};
-const useTheme = () => {
-  const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
-  const styledReactResults = useTheme$1();
-  const primerReactResults = useTheme$2();
-  return enabled ? styledReactResults : primerReactResults;
-};
-const useColorSchemeVar = (values, fallback) => {
-  const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
-  const styledReactResults = useColorSchemeVar$1(values, fallback);
-  const primerReactResults = useColorSchemeVar$2(values, fallback);
-  return enabled ? styledReactResults : primerReactResults;
-};
-
-export { BaseStyles, ThemeProvider, useColorSchemeVar, useTheme };