@primer/styled-react 0.0.0-20251002220206 → 0.0.0-20251002230155

package/dist/components/FormControl.d.ts

@@ -1,18 +1,13 @@
-import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type FormControlCaptionProps as PrimerFormControlCaptionProps, type FormControlValidationProps as PrimerFormControlValidationProps, type SxProp } from '@primer/react';
+import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type SxProp } from '@primer/react';
 import { type PropsWithChildren } from 'react';
 type FormControlProps = PropsWithChildren<PrimerFormControlProps> & SxProp;
 declare const FormControlImpl: import("react").ForwardRefExoticComponent<PrimerFormControlProps & {
     children?: import("react").ReactNode | undefined;
 } & SxProp & import("react").RefAttributes<HTMLDivElement>>;
-type FormControlCaptionProps = PropsWithChildren<PrimerFormControlCaptionProps> & SxProp;
-declare const FormControlCaption: (props: FormControlCaptionProps) => import("react").JSX.Element;
-type FormControlValidationProps = PropsWithChildren<PrimerFormControlValidationProps> & SxProp;
-declare const FormControlValidation: (props: FormControlValidationProps) => import("react").JSX.Element;
-declare const FormControlLeadingVisual: (props: PropsWithChildren<SxProp>) => import("react").JSX.Element;
 declare const FormControl: typeof FormControlImpl & {
-    Caption: typeof FormControlCaption;
-    LeadingVisual: typeof FormControlLeadingVisual;
-    Validation: typeof FormControlValidation;
+    Caption: typeof PrimerFormControl.Caption;
+    LeadingVisual: typeof PrimerFormControl.LeadingVisual;
+    Validation: typeof PrimerFormControl.Validation;
     Label: typeof PrimerFormControl.Label;
 };
 export { FormControl, type FormControlProps };

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

@@ -1 +1 @@
-{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAChC,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,KAAK,0BAA0B,IAAI,gCAAgC,EACnE,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAExD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,eAAe;;2DAEnB,CAAA;AAEF,KAAK,uBAAuB,GAAG,iBAAiB,CAAC,6BAA6B,CAAC,GAAG,MAAM,CAAA;AACxF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,gCAEzD,CAAA;AAED,KAAK,0BAA0B,GAAG,iBAAiB,CAAC,gCAAgC,CAAC,GAAG,MAAM,CAAA;AAE9F,QAAA,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,gCAE/D,CAAA;AAED,QAAA,MAAM,wBAAwB,GAAI,OAAO,iBAAiB,CAAC,MAAM,CAAC,gCAEjE,CAAA;AAED,QAAA,MAAM,WAAW,EAKX,OAAO,eAAe,GAAG;IAC7B,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,aAAa,EAAE,OAAO,wBAAwB,CAAA;IAC9C,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CACtC,CAAA;AAED,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,CAAA"}
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAChC,KAAK,gBAAgB,IAAI,sBAAsB,EAG/C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAExD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,eAAe;;2DAEnB,CAAA;AAEF,QAAA,MAAM,WAAW,EAKX,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/PageLayout.d.ts

@@ -8,15 +8,11 @@ declare const PageLayout: React.ForwardRefExoticComponent<PrimerPageLayoutProps
     Content: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
         children?: React.ReactNode | undefined;
     } & SxProp & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<PrimerPageLayoutHeaderProps & {
-        children?: React.ReactNode | undefined;
-    } & SxProp & React.RefAttributes<HTMLDivElement>>;
+    Header: React.FC<React.PropsWithChildren<PrimerPageLayoutHeaderProps>>;
     Pane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
         children?: React.ReactNode | undefined;
     } & SxProp & React.RefAttributes<HTMLDivElement>>;
-    Footer: React.ForwardRefExoticComponent<PrimerPageLayoutFooterProps & {
-        children?: React.ReactNode | undefined;
-    } & SxProp & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.FC<React.PropsWithChildren<PrimerPageLayoutFooterProps>>;
 };
 export { PageLayout, type PageLayoutProps };
 //# sourceMappingURL=PageLayout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,sBAAsB,IAAI,4BAA4B,EACtD,qBAAqB,IAAI,2BAA2B,EACpD,mBAAmB,IAAI,yBAAyB,EAChD,qBAAqB,IAAI,2BAA2B,EACrD,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAiCxE,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;CAKd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
+{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,sBAAsB,IAAI,4BAA4B,EACtD,qBAAqB,IAAI,2BAA2B,EACpD,mBAAmB,IAAI,yBAAyB,EAChD,qBAAqB,IAAI,2BAA2B,EACrD,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAmBxE,QAAA,MAAM,UAAU;;;;;;;;;;;CAKd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}

package/dist/components.json

@@ -59,7 +59,6 @@
     "CheckboxGroupProps",
     "CheckboxProps",
     "CounterLabelProps",
-    "DataTableContainerProps",
     "DialogHeaderProps",
     "DialogProps",
     "FormControlProps",
@@ -82,15 +81,6 @@
     "SubNavLinkProps",
     "SubNavProps",
     "SxProp",
-    "TableActionsProps",
-    "TableBodyProps",
-    "TableCellProps",
-    "TableHeaderProps",
-    "TableHeadProps",
-    "TableProps",
-    "TableRowProps",
-    "TableSubtitleProps",
-    "TableTitleProps",
     "TabNavLinkProps",
     "TabNavProps",
     "TextInputProps",

package/dist/experimental.d.ts

@@ -2,5 +2,5 @@ export { Dialog, type DialogProps } from './components/Dialog';
 export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
 export { Tooltip, type TooltipProps } from './components/Tooltip';
 export { UnderlinePanels, type UnderlinePanelsProps, type UnderlinePanelsTabProps, type UnderlinePanelsPanelProps, } from './components/UnderlinePanels';
-export { Table, type DataTableContainerProps, type TableProps, type TableHeadProps, type TableBodyProps, type TableRowProps, type TableHeaderProps, type TableCellProps, type TableTitleProps, type TableSubtitleProps, type TableActionsProps, } from './components/DataTable';
+export { Table } from '@primer/react/experimental';
 //# sourceMappingURL=experimental.d.ts.map

package/dist/experimental.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAE/D,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,GAC/B,MAAM,8BAA8B,CAAA;AAErC,OAAO,EACL,KAAK,EACL,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAE/D,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,GAC/B,MAAM,8BAA8B,CAAA;AAErC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAA"}

package/dist/experimental.js

@@ -1,6 +1,7 @@
 export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
 export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
-import { UnderlinePanels as UnderlinePanels$1, Table as Table$1 } from '@primer/react/experimental';
+import { UnderlinePanels as UnderlinePanels$1 } from '@primer/react/experimental';
+export { Table } from '@primer/react/experimental';
 import styled from 'styled-components';
 import { sx } from '@primer/react';
 import { jsx } from 'react/jsx-runtime';
@@ -28,30 +29,4 @@ const UnderlinePanels = Object.assign(UnderlinePanelsImpl, {
   Panel: UnderlinePanels$1.Panel
 });
 
-const {
-  Container: PrimerDataTableContainer,
-  ...rest
-} = Table$1;
-const StyleDataTableContainer = styled(PrimerDataTableContainer).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "DataTable__StyleDataTableContainer",
-  componentId: "sc-qy1ey2-0"
-})(["", ""], sx);
-function DataTableContainer({
-  as,
-  ...rest
-}) {
-  return /*#__PURE__*/jsx(StyleDataTableContainer, {
-    ...rest,
-    ...(as ? {
-      forwardedAs: as
-    } : {})
-  });
-}
-const Table = Object.assign(Table$1, {
-  Container: DataTableContainer,
-  ...rest
-});
-
-export { Table, UnderlinePanels };
+export { UnderlinePanels };

package/dist/index.js

@@ -144,28 +144,10 @@ const FormControlImpl = /*#__PURE__*/forwardRef(function FormControl(props, ref)
     ...props
   });
 });
-const FormControlCaption = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: FormControl$1.Caption,
-    ...props
-  });
-};
-const FormControlValidation = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: FormControl$1.Validation,
-    ...props
-  });
-};
-const FormControlLeadingVisual = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: FormControl$1.LeadingVisual,
-    ...props
-  });
-};
 const FormControl = Object.assign(FormControlImpl, {
-  Caption: FormControlCaption,
-  LeadingVisual: FormControlLeadingVisual,
-  Validation: FormControlValidation,
+  Caption: FormControl$1.Caption,
+  LeadingVisual: FormControl$1.LeadingVisual,
+  Validation: FormControl$1.Validation,
   Label: FormControl$1.Label
 });
 
@@ -332,14 +314,6 @@ const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
     ...props
   });
 });
-const PageLayoutHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
-  // @ts-expect-error - PrimerPageLayout.Header is not recognized as a valid component type
-  return /*#__PURE__*/jsx(Wrapper, {
-    as: PageLayout$1.Header,
-    ref: ref,
-    ...props
-  });
-});
 const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/jsx(Wrapper, {
     as: PageLayout$1.Pane,
@@ -347,19 +321,11 @@ const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
     ...props
   });
 });
-const PageLayoutFooter = /*#__PURE__*/React.forwardRef((props, ref) => {
-  // @ts-expect-error - PrimerPageLayout.Footer is not recognized as a valid component type
-  return /*#__PURE__*/jsx(Wrapper, {
-    as: PageLayout$1.Footer,
-    ref: ref,
-    ...props
-  });
-});
 const PageLayout = Object.assign(PageLayoutImpl, {
   Content: PageLayoutContent,
-  Header: PageLayoutHeader,
+  Header: PageLayout$1.Header,
   Pane: PageLayoutPane,
-  Footer: PageLayoutFooter
+  Footer: PageLayout$1.Footer
 });
 
 const RadioGroupImpl = props => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251002220206",
+  "version": "0.0.0-20251002230155",
   "type": "module",
   "exports": {
     ".": {
@@ -30,7 +30,7 @@
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "0.0.0-20251002220206",
+    "@primer/react": "0.0.0-20251002230155",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
@@ -46,7 +46,7 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251002220206",
+    "@primer/react": "0.0.0-20251002230155",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",

package/dist/components/DataTable.d.ts

@@ -1,11 +0,0 @@
-import { Table as PrimerDataTable, type TableContainerProps } from '@primer/react/experimental';
-import { type SxProp } from '../sx';
-import type React from 'react';
-type DataTableContainerProps<As extends React.ElementType = 'div'> = TableContainerProps<As> & SxProp;
-declare function DataTableContainer<As extends React.ElementType = 'div'>({ as, ...rest }: DataTableContainerProps<As>): React.JSX.Element;
-declare const Table: typeof PrimerDataTable & {
-    Container: typeof DataTableContainer;
-};
-export type { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableHeaderProps, TableCellProps, TableTitleProps, TableSubtitleProps, TableActionsProps, } from '@primer/react/experimental';
-export { Table, type DataTableContainerProps };
-//# sourceMappingURL=DataTable.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAE,KAAK,mBAAmB,EAAC,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,uBAAuB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,mBAAmB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAYrG,iBAAS,kBAAkB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,uBAAuB,CAAC,EAAE,CAAC,qBAE3G;AAED,QAAA,MAAM,KAAK,EAAE,OAAO,eAAe,GAAG;IACpC,SAAS,EAAE,OAAO,kBAAkB,CAAA;CAIpC,CAAA;AAEF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAC,KAAK,EAAE,KAAK,uBAAuB,EAAC,CAAA"}