@primer/styled-react 1.0.5 → 1.0.6-rc.d5c143d51

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 type 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,KAAK,MAAM,OAAO,CAAA;AAE9B,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,7 @@
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 { jsx } from 'react/jsx-runtime';
4
5
 
5
6
  const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
6
7
  shouldForwardProp: prop => prop !== 'sx'
@@ -8,12 +9,21 @@ const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
8
9
  displayName: "ActionMenu__ActionMenuOverlay",
9
10
  componentId: "sc-w5s60e-0"
10
11
  })(["", ""], sx);
11
- const ActionMenu = Object.assign(ActionMenu$1, {
12
+ ActionMenuOverlay.__SLOT__ = ActionMenu$1.Overlay.__SLOT__;
13
+
14
+ // Create a wrapper component to avoid mutating the original PrimerActionMenu
15
+ function ActionMenuRoot(props) {
16
+ return /*#__PURE__*/jsx(ActionMenu$1, {
17
+ ...props
18
+ });
19
+ }
20
+ ActionMenuRoot.displayName = 'ActionMenu';
21
+ ActionMenuRoot.__SLOT__ = ActionMenu$1.__SLOT__;
22
+ const ActionMenu = Object.assign(ActionMenuRoot, {
12
23
  Button: ActionMenu$1.Button,
13
24
  Anchor: ActionMenu$1.Anchor,
14
25
  Overlay: ActionMenuOverlay,
15
26
  Divider: ActionMenu$1.Divider
16
27
  });
17
- ActionMenuOverlay.__SLOT__ = ActionMenu$1.Overlay.__SLOT__;
18
28
 
19
29
  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 from 'react';
4
5
  import { jsx } from 'react/jsx-runtime';
5
6
 
6
7
  const {
@@ -24,7 +25,16 @@ 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
+ const TableRoot = /*#__PURE__*/React.forwardRef(function TableRoot(props, ref) {
31
+ return /*#__PURE__*/jsx(Table$1, {
32
+ ...props,
33
+ ref: ref
34
+ });
35
+ });
36
+ TableRoot.__SLOT__ = Table$1.__SLOT__;
37
+ const Table = Object.assign(TableRoot, {
28
38
  Container: DataTableContainer,
29
39
  ...rest
30
40
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/styled-react",
3
- "version": "1.0.5",
3
+ "version": "1.0.6-rc.d5c143d51",
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": "^38.19.0",
52
+ "@primer/react": "^38.19.1",
53
53
  "@rollup/plugin-babel": "^6.1.0",
54
54
  "@storybook/react-vite": "^10.3.3",
55
55
  "@types/react": "18.3.11",