@primer/styled-react 0.0.0-20251003223746 → 0.0.0-20251003225114

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,23 @@
1
+ import { type PropsWithChildren } from 'react';
2
+ import { type ActionListProps as PrimerActionListProps, type ActionListItemProps as PrimerActionListItemProps, type ActionListGroupProps as PrimerActionListGroupProps } from '@primer/react/deprecated';
3
+ import { type SxProp } from '../../sx';
4
+ import type { ActionListDividerProps } from '@primer/react';
5
+ type ActionListProps = PropsWithChildren<PrimerActionListProps & SxProp>;
6
+ type ActionListItemProps = PropsWithChildren<PrimerActionListItemProps & SxProp & {
7
+ as?: React.ElementType;
8
+ }>;
9
+ type ActionListGroupProps = PropsWithChildren<PrimerActionListGroupProps & SxProp>;
10
+ declare function ActionListGroup(props: ActionListGroupProps): import("react").JSX.Element;
11
+ declare function ActionListDivider(props: ActionListDividerProps): import("react").JSX.Element;
12
+ declare const ActionList: import("react").ForwardRefExoticComponent<ActionListProps & import("react").RefAttributes<HTMLDivElement>> & {
13
+ Item: import("react").ForwardRefExoticComponent<PrimerActionListItemProps & SxProp & {
14
+ as?: React.ElementType;
15
+ } & {
16
+ children?: import("react").ReactNode | undefined;
17
+ } & import("react").RefAttributes<HTMLLIElement>>;
18
+ Group: typeof ActionListGroup;
19
+ Divider: typeof ActionListDivider;
20
+ };
21
+ export type { ActionListProps, ActionListItemProps, ActionListGroupProps };
22
+ export { ActionList };
23
+ //# sourceMappingURL=ActionList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/ActionList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,iBAAiB,EAAa,MAAM,OAAO,CAAA;AACxD,OAAO,EAEL,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAGxC,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,eAAe,CAAA;AAEzD,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,GAAG,MAAM,CAAC,CAAA;AAExE,KAAK,mBAAmB,GAAG,iBAAiB,CAAC,yBAAyB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,CAAA;AAC3G,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,0BAA0B,GAAG,MAAM,CAAC,CAAA;AAgBlF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAEnD;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAEvD;AAED,QAAA,MAAM,UAAU;;aAzBwE,KAAK,CAAC,WAAW;;;;;;CA6BvG,CAAA;AAEF,YAAY,EAAC,eAAe,EAAE,mBAAmB,EAAE,oBAAoB,EAAC,CAAA;AACxE,OAAO,EAAC,UAAU,EAAC,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import type { DialogProps as PrimerDialogProps, DialogHeaderProps as PrimerDialogHeaderProps } from '@primer/react/deprecated';
2
- import type { SxProp } from '../sx';
3
- import type { ForwardRefComponent } from '../polymorphic';
2
+ import type { SxProp } from '../../sx';
3
+ import type { ForwardRefComponent } from '../../polymorphic';
4
4
  type DialogProps = PrimerDialogProps & SxProp;
5
5
  type DialogHeaderProps = PrimerDialogHeaderProps & SxProp;
6
6
  declare const Dialog: ForwardRefComponent<"div", DialogProps> & {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogV1.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/DialogV1.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,IAAI,iBAAiB,EAChC,iBAAiB,IAAI,uBAAuB,EAC7C,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAEpC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAE1D,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAU7C,KAAK,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAUzD,QAAA,MAAM,MAAM;;CAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import type { TabNavProps as PrimerTabNavProps, TabNavLinkProps as PrimerTabNavLinkProps } from '@primer/react/deprecated';
2
- import { type SxProp } from '../sx';
2
+ import { type SxProp } from '../../sx';
3
3
  type TabNavProps = PrimerTabNavProps & SxProp;
4
4
  type TabNavLinkProps = PrimerTabNavLinkProps & SxProp;
5
5
  declare const TabNav: (({ as, ...props }: TabNavProps) => import("react").JSX.Element) & {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/TabNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAE,eAAe,IAAI,qBAAqB,EAAC,MAAM,0BAA0B,CAAA;AACxH,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAIxC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAC7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAsBrD,QAAA,MAAM,MAAM,sBAdwB,WAAW;;CAgB7C,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,CAAA"}
@@ -50,6 +50,9 @@
50
50
  "UnderlinePanels"
51
51
  ],
52
52
  "types": [
53
+ "ActionListGroupProps",
54
+ "ActionListItemProps",
55
+ "ActionListProps",
53
56
  "AutocompleteOverlayProps",
54
57
  "AvatarProps",
55
58
  "BetterSystemStyleObject",
@@ -1,5 +1,6 @@
1
- export { TabNav, type TabNavProps, type TabNavLinkProps } from './components/TabNav';
2
- export { Dialog, type DialogProps, type DialogHeaderProps } from './components/DialogV1';
1
+ export { TabNav, type TabNavProps, type TabNavLinkProps } from './components/deprecated/TabNav';
2
+ export { Dialog, type DialogProps, type DialogHeaderProps } from './components/deprecated/DialogV1';
3
3
  export { Octicon } from '@primer/react/deprecated';
4
4
  export { DeprecatedTooltip as Tooltip, type DeprecatedTooltipProps as TooltipProps } from './components/Tooltip';
5
+ export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListGroupProps, } from './components/deprecated/ActionList';
5
6
  //# sourceMappingURL=deprecated.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAClF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AACtF,OAAO,EAAC,OAAO,EAAC,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAC,iBAAiB,IAAI,OAAO,EAAE,KAAK,sBAAsB,IAAI,YAAY,EAAC,MAAM,sBAAsB,CAAA"}
1
+ {"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAC7F,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAC,MAAM,kCAAkC,CAAA;AACjG,OAAO,EAAC,OAAO,EAAC,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAC,iBAAiB,IAAI,OAAO,EAAE,KAAK,sBAAsB,IAAI,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC9G,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC1B,MAAM,oCAAoC,CAAA"}
@@ -1,4 +1,4 @@
1
- import { TabNav as TabNav$1, Dialog as Dialog$1 } from '@primer/react/deprecated';
1
+ import { TabNav as TabNav$1, Dialog as Dialog$1, ActionList as ActionList$1 } from '@primer/react/deprecated';
2
2
  export { Octicon } from '@primer/react/deprecated';
3
3
  import { sx, Box } from '@primer/react';
4
4
  import styled from 'styled-components';
@@ -10,7 +10,7 @@ const StyledTabNav = styled(TabNav$1).withConfig({
10
10
  shouldForwardProp: prop => prop !== 'sx'
11
11
  }).withConfig({
12
12
  displayName: "TabNav__StyledTabNav",
13
- componentId: "sc-v7az9x-0"
13
+ componentId: "sc-13kad3t-0"
14
14
  })(["", ""], sx);
15
15
  const TabNavImpl = ({
16
16
  as,
@@ -27,7 +27,7 @@ const StyledTabNavLink = styled(TabNav$1.Link).withConfig({
27
27
  shouldForwardProp: prop => prop !== 'sx'
28
28
  }).withConfig({
29
29
  displayName: "TabNav__StyledTabNavLink",
30
- componentId: "sc-v7az9x-1"
30
+ componentId: "sc-13kad3t-1"
31
31
  })(["", ""], sx);
32
32
  const TabNavLink = /*#__PURE__*/forwardRef(({
33
33
  as,
@@ -81,4 +81,45 @@ const Dialog = Object.assign(DialogImpl, {
81
81
  Header: DialogHeader
82
82
  });
83
83
 
84
- export { Dialog, TabNav };
84
+ const ActionListImpl = /*#__PURE__*/forwardRef(function ActionList(props, ref) {
85
+ return /*#__PURE__*/jsx(Box, {
86
+ as: ActionList$1,
87
+ ref: ref,
88
+ ...props
89
+ });
90
+ });
91
+ const StyledActionListItem = styled(ActionList$1.Item).withConfig({
92
+ shouldForwardProp: prop => prop !== 'sx'
93
+ }).withConfig({
94
+ displayName: "ActionList__StyledActionListItem",
95
+ componentId: "sc-1ugfmds-0"
96
+ })(["", ""], sx);
97
+ const ActionListItem = /*#__PURE__*/forwardRef(({
98
+ as,
99
+ ...props
100
+ }, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
101
+ ...props,
102
+ ...(as ? {
103
+ forwardedAs: as
104
+ } : {}),
105
+ ref: ref
106
+ }));
107
+ function ActionListGroup(props) {
108
+ return /*#__PURE__*/jsx(Box, {
109
+ as: ActionList$1.Group,
110
+ ...props
111
+ });
112
+ }
113
+ function ActionListDivider(props) {
114
+ return /*#__PURE__*/jsx(Box, {
115
+ as: ActionList$1.Divider,
116
+ ...props
117
+ });
118
+ }
119
+ const ActionList = Object.assign(ActionListImpl, {
120
+ Item: ActionListItem,
121
+ Group: ActionListGroup,
122
+ Divider: ActionListDivider
123
+ });
124
+
125
+ export { ActionList, Dialog, TabNav };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/styled-react",
3
- "version": "0.0.0-20251003223746",
3
+ "version": "0.0.0-20251003225114",
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-20251003223746",
33
+ "@primer/react": "0.0.0-20251003225114",
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-20251003223746",
49
+ "@primer/react": "0.0.0-20251003225114",
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",
@@ -1 +0,0 @@
1
- {"version":3,"file":"DialogV1.d.ts","sourceRoot":"","sources":["../../src/components/DialogV1.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,IAAI,iBAAiB,EAChC,iBAAiB,IAAI,uBAAuB,EAC7C,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAU7C,KAAK,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAUzD,QAAA,MAAM,MAAM;;CAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../src/components/TabNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAE,eAAe,IAAI,qBAAqB,EAAC,MAAM,0BAA0B,CAAA;AACxH,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAIrC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAC7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAsBrD,QAAA,MAAM,MAAM,sBAdwB,WAAW;;CAgB7C,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,CAAA"}