@primer/styled-react 0.0.0-20260409023801 → 0.0.0-20260409025644

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,6 +1,7 @@
1
1
  import { ActionMenu as PrimerActionMenu, type SlotMarker } from '@primer/react';
2
2
  import { type SxProp } from '../sx';
3
3
  import type { ComponentProps } from 'react';
4
+ import React from 'react';
4
5
  type ActionMenuOverlayProps = ComponentProps<typeof PrimerActionMenu.Overlay> & SxProp;
5
6
  declare const ActionMenuOverlay: React.ComponentType<ActionMenuOverlayProps> & SlotMarker;
6
7
  export declare const ActionMenu: typeof PrimerActionMenu & {
@@ -1 +1 @@
1
- {"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAC7E,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,MAAM,CAAA;AAEtF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,GAAG,UAMtE,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,gBAAgB,GAAG;IACjD,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC,OAAO,CAAA;CAMxC,CAAA"}
1
+ {"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAC7E,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,MAAM,CAAA;AAEtF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,GAAG,UAMtE,CAAA;AAUD,eAAO,MAAM,UAAU,EAAE,OAAO,gBAAgB,GAAG;IACjD,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC,OAAO,CAAA;CAMxC,CAAA"}
@@ -1,6 +1,8 @@
1
1
  import { ActionMenu as ActionMenu$1 } from '@primer/react';
2
2
  import { sx } from '../sx.js';
3
3
  import styled from 'styled-components';
4
+ import 'react';
5
+ import { jsx } from 'react/jsx-runtime';
4
6
 
5
7
  const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
6
8
  shouldForwardProp: prop => prop !== 'sx'
@@ -8,12 +10,21 @@ const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
8
10
  displayName: "ActionMenu__ActionMenuOverlay",
9
11
  componentId: "sc-w5s60e-0"
10
12
  })(["", ""], sx);
11
- const ActionMenu = Object.assign({}, ActionMenu$1, {
13
+ ActionMenuOverlay.__SLOT__ = ActionMenu$1.Overlay.__SLOT__;
14
+
15
+ // Create a wrapper component to avoid mutating the original PrimerActionMenu
16
+ function ActionMenuRoot(props) {
17
+ return /*#__PURE__*/jsx(ActionMenu$1, {
18
+ ...props
19
+ });
20
+ }
21
+ ActionMenuRoot.displayName = 'ActionMenu';
22
+ ActionMenuRoot.__SLOT__ = ActionMenu$1.__SLOT__;
23
+ const ActionMenu = Object.assign(ActionMenuRoot, {
12
24
  Button: ActionMenu$1.Button,
13
25
  Anchor: ActionMenu$1.Anchor,
14
26
  Overlay: ActionMenuOverlay,
15
27
  Divider: ActionMenu$1.Divider
16
28
  });
17
- ActionMenuOverlay.__SLOT__ = ActionMenu$1.Overlay.__SLOT__;
18
29
 
19
30
  export { ActionMenu };
@@ -1,6 +1,6 @@
1
1
  import { Table as PrimerDataTable, type TableContainerProps } from '@primer/react/experimental';
2
2
  import { type SxProp } from '../sx';
3
- import type React from 'react';
3
+ import React from 'react';
4
4
  type DataTableContainerProps<As extends React.ElementType = 'div'> = TableContainerProps<As> & SxProp;
5
5
  declare function DataTableContainer<As extends React.ElementType = 'div'>({ as, ...rest }: DataTableContainerProps<As>): React.JSX.Element;
6
6
  declare const Table: typeof PrimerDataTable & {
@@ -1 +1 @@
1
- {"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"}
1
+ {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAE,KAAK,mBAAmB,EAAkB,MAAM,4BAA4B,CAAA;AAC9G,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,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;AAUD,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,6 +1,7 @@
1
1
  import { Table as Table$1 } from '@primer/react/experimental';
2
2
  import { sx } from '../sx.js';
3
3
  import styled from 'styled-components';
4
+ import 'react';
4
5
  import { jsx } from 'react/jsx-runtime';
5
6
 
6
7
  const {
@@ -24,7 +25,15 @@ function DataTableContainer({
24
25
  } : {})
25
26
  });
26
27
  }
27
- const Table = Object.assign(Table$1, {
28
+
29
+ // Create a wrapper component to avoid mutating the original PrimerDataTable
30
+ function TableRoot(props) {
31
+ return /*#__PURE__*/jsx(Table$1, {
32
+ ...props
33
+ });
34
+ }
35
+ TableRoot.__SLOT__ = Table$1.__SLOT__;
36
+ const Table = Object.assign(TableRoot, {
28
37
  Container: DataTableContainer,
29
38
  ...rest
30
39
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/styled-react",
3
- "version": "0.0.0-20260409023801",
3
+ "version": "0.0.0-20260409025644",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -49,7 +49,7 @@
49
49
  "@babel/preset-react": "^7.28.5",
50
50
  "@babel/preset-typescript": "^7.28.5",
51
51
  "@primer/primitives": "10.x || 11.x",
52
- "@primer/react": "0.0.0-20260409023801",
52
+ "@primer/react": "0.0.0-20260409025644",
53
53
  "@rollup/plugin-babel": "^6.1.0",
54
54
  "@storybook/react-vite": "^10.3.3",
55
55
  "@types/react": "18.3.11",
@@ -70,7 +70,7 @@
70
70
  "typescript": "^5.9.2"
71
71
  },
72
72
  "peerDependencies": {
73
- "@primer/react": "0.0.0-20260409023801",
73
+ "@primer/react": "0.0.0-20260409025644",
74
74
  "@types/react": "18.x || 19.x",
75
75
  "@types/react-dom": "18.x || 19.x",
76
76
  "@types/react-is": "18.x || 19.x",