@primer/styled-react 0.0.0-20251002023442 → 0.0.0-20251002204724

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.
@@ -0,0 +1,12 @@
1
+ import { Table as PrimerDataTable } from '@primer/react/experimental';
2
+ import { type SxProp } from '../sx';
3
+ import type { ComponentProps } from 'react';
4
+ import type React from 'react';
5
+ type DataTableContainerProps = ComponentProps<typeof PrimerDataTable.Container> & SxProp;
6
+ declare const DataTableContainer: React.ComponentType<DataTableContainerProps>;
7
+ declare const Table: typeof PrimerDataTable & {
8
+ Container: typeof DataTableContainer;
9
+ };
10
+ export type { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableHeaderProps, TableCellProps, TableTitleProps, TableSubtitleProps, TableActionsProps, } from '@primer/react/experimental';
11
+ export { Table, type DataTableContainerProps };
12
+ //# sourceMappingURL=DataTable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAC,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,uBAAuB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,GAAG,MAAM,CAAA;AAExF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAIpE,CAAA;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"}
@@ -1,4 +1,4 @@
1
- import { type FormControlProps as PrimerFormControlProps, type FormControlCaptionProps as PrimerFormControlCaptionProps, type FormControlValidationProps as PrimerFormControlValidationProps, type FormControlLabelProps as PrimerFormControlLabelProps, type SxProp } from '@primer/react';
1
+ import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type FormControlCaptionProps as PrimerFormControlCaptionProps, type FormControlValidationProps as PrimerFormControlValidationProps, type SxProp } from '@primer/react';
2
2
  import { type PropsWithChildren } from 'react';
3
3
  type FormControlProps = PropsWithChildren<PrimerFormControlProps> & SxProp;
4
4
  declare const FormControlImpl: import("react").ForwardRefExoticComponent<PrimerFormControlProps & {
@@ -9,13 +9,11 @@ declare const FormControlCaption: (props: FormControlCaptionProps) => import("re
9
9
  type FormControlValidationProps = PropsWithChildren<PrimerFormControlValidationProps> & SxProp;
10
10
  declare const FormControlValidation: (props: FormControlValidationProps) => import("react").JSX.Element;
11
11
  declare const FormControlLeadingVisual: (props: PropsWithChildren<SxProp>) => import("react").JSX.Element;
12
- type FormControlLabelProps = PropsWithChildren<PrimerFormControlLabelProps> & SxProp;
13
- declare const FormControlLabel: (props: FormControlLabelProps) => import("react").JSX.Element;
14
12
  declare const FormControl: typeof FormControlImpl & {
15
13
  Caption: typeof FormControlCaption;
16
14
  LeadingVisual: typeof FormControlLeadingVisual;
17
15
  Validation: typeof FormControlValidation;
18
- Label: typeof FormControlLabel;
16
+ Label: typeof PrimerFormControl.Label;
19
17
  };
20
18
  export { FormControl, type FormControlProps };
21
19
  //# sourceMappingURL=FormControl.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,KAAK,0BAA0B,IAAI,gCAAgC,EACnE,KAAK,qBAAqB,IAAI,2BAA2B,EACzD,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,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,2BAA2B,CAAC,GAAG,MAAM,CAAA;AAEpF,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,gCAErD,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,gBAAgB,CAAA;CAC/B,CAAA;AAED,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,CAAA"}
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"}
@@ -59,6 +59,7 @@
59
59
  "CheckboxGroupProps",
60
60
  "CheckboxProps",
61
61
  "CounterLabelProps",
62
+ "DataTableContainerProps",
62
63
  "DialogHeaderProps",
63
64
  "DialogProps",
64
65
  "FormControlProps",
@@ -81,6 +82,15 @@
81
82
  "SubNavLinkProps",
82
83
  "SubNavProps",
83
84
  "SxProp",
85
+ "TableActionsProps",
86
+ "TableBodyProps",
87
+ "TableCellProps",
88
+ "TableHeaderProps",
89
+ "TableHeadProps",
90
+ "TableProps",
91
+ "TableRowProps",
92
+ "TableSubtitleProps",
93
+ "TableTitleProps",
84
94
  "TabNavLinkProps",
85
95
  "TabNavProps",
86
96
  "TextInputProps",
@@ -2,5 +2,5 @@ export { Dialog, type DialogProps } from './components/Dialog';
2
2
  export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
3
3
  export { Tooltip, type TooltipProps } from './components/Tooltip';
4
4
  export { UnderlinePanels, type UnderlinePanelsProps, type UnderlinePanelsTabProps, type UnderlinePanelsPanelProps, } from './components/UnderlinePanels';
5
- export { Table } from '@primer/react/experimental';
5
+ 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';
6
6
  //# sourceMappingURL=experimental.d.ts.map
@@ -1 +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,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAA"}
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"}
@@ -1,7 +1,6 @@
1
1
  export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
2
2
  export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
3
- import { UnderlinePanels as UnderlinePanels$1 } from '@primer/react/experimental';
4
- export { Table } from '@primer/react/experimental';
3
+ import { UnderlinePanels as UnderlinePanels$1, Table as Table$1 } from '@primer/react/experimental';
5
4
  import styled from 'styled-components';
6
5
  import { sx } from '@primer/react';
7
6
  import { jsx } from 'react/jsx-runtime';
@@ -29,4 +28,19 @@ const UnderlinePanels = Object.assign(UnderlinePanelsImpl, {
29
28
  Panel: UnderlinePanels$1.Panel
30
29
  });
31
30
 
32
- export { UnderlinePanels };
31
+ const {
32
+ Container: PrimerDataTableContainer,
33
+ ...rest
34
+ } = Table$1;
35
+ const DataTableContainer = styled(PrimerDataTableContainer).withConfig({
36
+ shouldForwardProp: prop => prop !== 'sx'
37
+ }).withConfig({
38
+ displayName: "DataTable__DataTableContainer",
39
+ componentId: "sc-qy1ey2-0"
40
+ })(["", ""], sx);
41
+ const Table = Object.assign(Table$1, {
42
+ Container: DataTableContainer,
43
+ ...rest
44
+ });
45
+
46
+ export { Table, UnderlinePanels };
package/dist/index.js CHANGED
@@ -162,17 +162,11 @@ const FormControlLeadingVisual = props => {
162
162
  ...props
163
163
  });
164
164
  };
165
- const FormControlLabel = props => {
166
- return /*#__PURE__*/jsx(Box, {
167
- as: FormControl$1.Label,
168
- ...props
169
- });
170
- };
171
165
  const FormControl = Object.assign(FormControlImpl, {
172
166
  Caption: FormControlCaption,
173
167
  LeadingVisual: FormControlLeadingVisual,
174
168
  Validation: FormControlValidation,
175
- Label: FormControlLabel
169
+ Label: FormControl$1.Label
176
170
  });
177
171
 
178
172
  const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/styled-react",
3
- "version": "0.0.0-20251002023442",
3
+ "version": "0.0.0-20251002204724",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -30,7 +30,7 @@
30
30
  "devDependencies": {
31
31
  "@babel/preset-react": "^7.27.1",
32
32
  "@babel/preset-typescript": "^7.27.1",
33
- "@primer/react": "0.0.0-20251002023442",
33
+ "@primer/react": "0.0.0-20251002204724",
34
34
  "@rollup/plugin-babel": "^6.0.4",
35
35
  "@types/react": "18.3.11",
36
36
  "@types/react-dom": "18.3.1",
@@ -46,7 +46,7 @@
46
46
  "typescript": "^5.9.2"
47
47
  },
48
48
  "peerDependencies": {
49
- "@primer/react": "0.0.0-20251002023442",
49
+ "@primer/react": "0.0.0-20251002204724",
50
50
  "@types/react": "18.x || 19.x",
51
51
  "@types/react-dom": "18.x || 19.x",
52
52
  "@types/react-is": "18.x || 19.x",