@primer/styled-react 0.0.0-20251006175208 → 0.0.0-20251006184817

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,4 +1,4 @@
1
- import { Dialog as Dialog$1, Box, PageHeader as PageHeader$1, sx, Tooltip as Tooltip$1 } from '@primer/react';
1
+ import { Dialog as Dialog$1, Box, PageHeader as PageHeader$1, sx } from '@primer/react';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
  import styled from 'styled-components';
@@ -141,12 +141,4 @@ const PageHeader = Object.assign(PageHeaderImpl, {
141
141
  TrailingAction: PageHeader$1.TrailingAction
142
142
  });
143
143
 
144
- const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
145
- return /*#__PURE__*/jsx(Box, {
146
- as: Tooltip$1,
147
- ref: ref,
148
- ...props
149
- });
150
- });
151
-
152
- export { Dialog as D, PageHeader as P, Tooltip as T };
144
+ export { Dialog as D, PageHeader as P };
@@ -0,0 +1,20 @@
1
+ import { Box, Tooltip as Tooltip$1 } from '@primer/react';
2
+ import { Tooltip as Tooltip$2 } from '@primer/react/deprecated';
3
+ import { forwardRef } from 'react';
4
+ import { jsx } from 'react/jsx-runtime';
5
+
6
+ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
7
+ return /*#__PURE__*/jsx(Box, {
8
+ as: Tooltip$1,
9
+ ref: ref,
10
+ ...props
11
+ });
12
+ });
13
+ function DeprecatedTooltip(props) {
14
+ return /*#__PURE__*/jsx(Box, {
15
+ as: Tooltip$2,
16
+ ...props
17
+ });
18
+ }
19
+
20
+ export { DeprecatedTooltip as D, Tooltip as T };
@@ -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/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"}
@@ -0,0 +1,18 @@
1
+ import React, { type PropsWithChildren } from 'react';
2
+ import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps } from '@primer/react';
3
+ import { type SxProp } from '../sx';
4
+ type PageLayoutProps = PropsWithChildren<PrimerPageLayoutProps> & SxProp;
5
+ declare const PageLayout: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
6
+ children?: React.ReactNode | undefined;
7
+ } & SxProp & React.RefAttributes<HTMLDivElement>> & {
8
+ Content: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
9
+ children?: React.ReactNode | undefined;
10
+ } & SxProp & React.RefAttributes<HTMLDivElement>>;
11
+ Header: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutHeaderProps>>;
12
+ Pane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
13
+ children?: React.ReactNode | undefined;
14
+ } & SxProp & React.RefAttributes<HTMLDivElement>>;
15
+ Footer: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutFooterProps>>;
16
+ };
17
+ export { PageLayout, type PageLayoutProps };
18
+ //# sourceMappingURL=PageLayout.d.ts.map
@@ -0,0 +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,mBAAmB,IAAI,yBAAyB,EACjD,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"}
@@ -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/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"}
@@ -1,6 +1,10 @@
1
1
  import { type TooltipProps as PrimerTooltipProps, type SxProp } from '@primer/react';
2
+ import { type TooltipProps as PrimerDeprecatedTooltipProps } from '@primer/react/deprecated';
2
3
  import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
3
4
  type TooltipProps = PrimerTooltipProps & SxProp;
4
5
  declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>>;
5
6
  export { Tooltip, type TooltipProps };
7
+ type DeprecatedTooltipProps = PrimerDeprecatedTooltipProps & SxProp;
8
+ declare function DeprecatedTooltip(props: DeprecatedTooltipProps): import("react").JSX.Element;
9
+ export { DeprecatedTooltip, type DeprecatedTooltipProps };
6
10
  //# sourceMappingURL=Tooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAE,KAAK,MAAM,EAAC,MAAM,eAAe,CAAA;AAE5G,OAAO,EAAa,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AAEpF,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAKnF,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAE,KAAK,MAAM,EAAC,MAAM,eAAe,CAAA;AAC5G,OAAO,EAEL,KAAK,YAAY,IAAI,4BAA4B,EAClD,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAa,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AAEpF,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAKnF,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA;AAEnC,KAAK,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAEnE,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAEvD;AACD,OAAO,EAAC,iBAAiB,EAAE,KAAK,sBAAsB,EAAC,CAAA"}
@@ -50,9 +50,6 @@
50
50
  "UnderlinePanels"
51
51
  ],
52
52
  "types": [
53
- "ActionListGroupProps",
54
- "ActionListItemProps",
55
- "ActionListProps",
56
53
  "AutocompleteOverlayProps",
57
54
  "AvatarProps",
58
55
  "BetterSystemStyleObject",
@@ -73,6 +70,7 @@
73
70
  "PageHeaderActionsProps",
74
71
  "PageHeaderProps",
75
72
  "PageHeaderTitleProps",
73
+ "PageLayoutProps",
76
74
  "RadioGroupProps",
77
75
  "RelativeTimeProps",
78
76
  "SegmentedControlButtonProps",
@@ -1,6 +1,5 @@
1
- export { TabNav, type TabNavProps, type TabNavLinkProps } from './components/deprecated/TabNav';
2
- export { Dialog, type DialogProps, type DialogHeaderProps } from './components/deprecated/DialogV1';
1
+ export { TabNav, type TabNavProps, type TabNavLinkProps } from './components/TabNav';
2
+ export { Dialog, type DialogProps, type DialogHeaderProps } from './components/DialogV1';
3
3
  export { Octicon } from '@primer/react/deprecated';
4
- export { Tooltip, type TooltipProps } from './components/deprecated/Tooltip';
5
- export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListGroupProps, } from './components/deprecated/ActionList';
4
+ export { DeprecatedTooltip as Tooltip, type DeprecatedTooltipProps as TooltipProps } from './components/Tooltip';
6
5
  //# 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,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,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,iCAAiC,CAAA;AAC1E,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC1B,MAAM,oCAAoC,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,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,15 +1,16 @@
1
- import { TabNav as TabNav$1, Dialog as Dialog$1, Tooltip as Tooltip$1, ActionList as ActionList$1 } from '@primer/react/deprecated';
1
+ import { TabNav as TabNav$1, Dialog as Dialog$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';
5
5
  import { forwardRef } from 'react';
6
6
  import { jsx } from 'react/jsx-runtime';
7
+ export { D as Tooltip } from './Tooltip-YuSlJ5b_.js';
7
8
 
8
9
  const StyledTabNav = styled(TabNav$1).withConfig({
9
10
  shouldForwardProp: prop => prop !== 'sx'
10
11
  }).withConfig({
11
12
  displayName: "TabNav__StyledTabNav",
12
- componentId: "sc-13kad3t-0"
13
+ componentId: "sc-v7az9x-0"
13
14
  })(["", ""], sx);
14
15
  const TabNavImpl = ({
15
16
  as,
@@ -26,7 +27,7 @@ const StyledTabNavLink = styled(TabNav$1.Link).withConfig({
26
27
  shouldForwardProp: prop => prop !== 'sx'
27
28
  }).withConfig({
28
29
  displayName: "TabNav__StyledTabNavLink",
29
- componentId: "sc-13kad3t-1"
30
+ componentId: "sc-v7az9x-1"
30
31
  })(["", ""], sx);
31
32
  const TabNavLink = /*#__PURE__*/forwardRef(({
32
33
  as,
@@ -80,69 +81,4 @@ const Dialog = Object.assign(DialogImpl, {
80
81
  Header: DialogHeader
81
82
  });
82
83
 
83
- const StyledTooltip = styled(Tooltip$1).withConfig({
84
- shouldForwardProp: prop => prop !== 'sx'
85
- }).withConfig({
86
- displayName: "Tooltip__StyledTooltip",
87
- componentId: "sc-145jcib-0"
88
- })(["", ""], sx);
89
- const TooltipImpl = /*#__PURE__*/forwardRef(function Tooltip({
90
- as,
91
- ...props
92
- }, ref) {
93
- return /*#__PURE__*/jsx(StyledTooltip, {
94
- ...props,
95
- ...(as ? {
96
- forwardedAs: as
97
- } : {}),
98
- ref: ref
99
- });
100
- });
101
- const Tooltip = TooltipImpl;
102
-
103
- // Preserve static properties from the original component
104
- Tooltip.alignments = Tooltip$1.alignments;
105
- Tooltip.directions = Tooltip$1.directions;
106
-
107
- const ActionListImpl = /*#__PURE__*/forwardRef(function ActionList(props, ref) {
108
- return /*#__PURE__*/jsx(Box, {
109
- as: ActionList$1,
110
- ref: ref,
111
- ...props
112
- });
113
- });
114
- const StyledActionListItem = styled(ActionList$1.Item).withConfig({
115
- shouldForwardProp: prop => prop !== 'sx'
116
- }).withConfig({
117
- displayName: "ActionList__StyledActionListItem",
118
- componentId: "sc-1ugfmds-0"
119
- })(["", ""], sx);
120
- const ActionListItem = /*#__PURE__*/forwardRef(({
121
- as,
122
- ...props
123
- }, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
124
- ...props,
125
- ...(as ? {
126
- forwardedAs: as
127
- } : {}),
128
- ref: ref
129
- }));
130
- function ActionListGroup(props) {
131
- return /*#__PURE__*/jsx(Box, {
132
- as: ActionList$1.Group,
133
- ...props
134
- });
135
- }
136
- function ActionListDivider(props) {
137
- return /*#__PURE__*/jsx(Box, {
138
- as: ActionList$1.Divider,
139
- ...props
140
- });
141
- }
142
- const ActionList = Object.assign(ActionListImpl, {
143
- Item: ActionListItem,
144
- Group: ActionListGroup,
145
- Divider: ActionListDivider
146
- });
147
-
148
- export { ActionList, Dialog, TabNav, Tooltip };
84
+ export { Dialog, TabNav };
@@ -1,9 +1,11 @@
1
- export { D as Dialog, P as PageHeader, T as Tooltip } from './Tooltip-DIHgr01r.js';
1
+ export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
2
+ export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
2
3
  import { UnderlinePanels as UnderlinePanels$1, Table as Table$1 } from '@primer/react/experimental';
3
4
  import styled from 'styled-components';
4
5
  import { sx } from '@primer/react';
5
6
  import { jsx } from 'react/jsx-runtime';
6
7
  import 'react';
8
+ import '@primer/react/deprecated';
7
9
 
8
10
  const StyledUnderlinePanels = styled(UnderlinePanels$1).withConfig({
9
11
  shouldForwardProp: prop => prop !== 'sx'
package/dist/index.d.ts CHANGED
@@ -5,7 +5,6 @@ export { Details } from '@primer/react';
5
5
  export { FormControl } from '@primer/react';
6
6
  export { IconButton } from '@primer/react';
7
7
  export { ProgressBar } from '@primer/react';
8
- export { PageLayout } from '@primer/react';
9
8
  export { Select } from '@primer/react';
10
9
  export { Textarea } from '@primer/react';
11
10
  export { TextInput } from '@primer/react';
@@ -33,6 +32,7 @@ export { Link, type LinkProps } from './components/Link';
33
32
  export { LinkButton, type LinkButtonProps } from './components/LinkButton';
34
33
  export { NavList, type NavListProps } from './components/NavList';
35
34
  export { Overlay } from './components/Overlay';
35
+ export { PageLayout, type PageLayoutProps } from './components/PageLayout';
36
36
  export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
37
37
  export { RadioGroup, type RadioGroupProps } from './components/RadioGroup';
38
38
  export { RelativeTime, type RelativeTimeProps } from './components/RelativeTime';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,10 +1,12 @@
1
- import { ActionMenu as ActionMenu$1, sx, Autocomplete as Autocomplete$1, Box, Avatar as Avatar$1, Breadcrumbs as Breadcrumbs$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CircleBadge as CircleBadge$1, CounterLabel as CounterLabel$1, Flash as Flash$1, Header as Header$1, Heading as Heading$1, Label as Label$1, Link as Link$1, LinkButton as LinkButton$1, NavList as NavList$1, Overlay as Overlay$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Text as Text$1, Timeline as Timeline$1, ToggleSwitch as ToggleSwitch$1, useTheme, theme, Token as Token$1, Truncate as Truncate$1, UnderlineNav as UnderlineNav$1 } from '@primer/react';
2
- export { ActionList, Box, Button, Details, FormControl, IconButton, PageLayout, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
1
+ import { ActionMenu as ActionMenu$1, sx, Autocomplete as Autocomplete$1, Box, Avatar as Avatar$1, Breadcrumbs as Breadcrumbs$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CircleBadge as CircleBadge$1, CounterLabel as CounterLabel$1, Flash as Flash$1, Header as Header$1, Heading as Heading$1, Label as Label$1, Link as Link$1, LinkButton as LinkButton$1, NavList as NavList$1, Overlay as Overlay$1, PageLayout as PageLayout$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Text as Text$1, Timeline as Timeline$1, ToggleSwitch as ToggleSwitch$1, useTheme, theme, Token as Token$1, Truncate as Truncate$1, UnderlineNav as UnderlineNav$1 } from '@primer/react';
2
+ export { ActionList, Box, Button, Details, FormControl, IconButton, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
3
3
  import styled from 'styled-components';
4
4
  import React, { forwardRef } from 'react';
5
5
  import { jsx } from 'react/jsx-runtime';
6
- export { D as Dialog, P as PageHeader, T as Tooltip } from './Tooltip-DIHgr01r.js';
6
+ export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
7
+ export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
7
8
  import css from '@styled-system/css';
9
+ import '@primer/react/deprecated';
8
10
 
9
11
  const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
10
12
  shouldForwardProp: prop => prop !== 'sx'
@@ -279,6 +281,39 @@ const Overlay = styled(Overlay$1).withConfig({
279
281
  componentId: "sc-tjbd74-0"
280
282
  })(["", ""], sx);
281
283
 
284
+ const Wrapper = styled.div.withConfig({
285
+ displayName: "PageLayout__Wrapper",
286
+ componentId: "sc-pjybtc-0"
287
+ })(["", ""], sx);
288
+ const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
289
+ // @ts-expect-error - PrimerPageLayout is not recognized as a valid component type
290
+ return /*#__PURE__*/jsx(Wrapper, {
291
+ as: PageLayout$1,
292
+ ref: ref,
293
+ ...props
294
+ });
295
+ });
296
+ const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
297
+ return /*#__PURE__*/jsx(Wrapper, {
298
+ as: PageLayout$1.Content,
299
+ ref: ref,
300
+ ...props
301
+ });
302
+ });
303
+ const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
304
+ return /*#__PURE__*/jsx(Wrapper, {
305
+ as: PageLayout$1.Pane,
306
+ ref: ref,
307
+ ...props
308
+ });
309
+ });
310
+ const PageLayout = Object.assign(PageLayoutImpl, {
311
+ Content: PageLayoutContent,
312
+ Header: PageLayout$1.Header,
313
+ Pane: PageLayoutPane,
314
+ Footer: PageLayout$1.Footer
315
+ });
316
+
282
317
  const RadioGroupImpl = props => {
283
318
  return /*#__PURE__*/jsx(Box, {
284
319
  as: RadioGroup$1,
@@ -519,4 +554,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
519
554
  Item: UnderlineNavItem
520
555
  });
521
556
 
522
- export { ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
557
+ export { ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/styled-react",
3
- "version": "0.0.0-20251006175208",
3
+ "version": "0.0.0-20251006184817",
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-20251006175208",
33
+ "@primer/react": "0.0.0-20251006184817",
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-20251006175208",
49
+ "@primer/react": "0.0.0-20251006184817",
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,23 +0,0 @@
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
@@ -1 +0,0 @@
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 +0,0 @@
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 +0,0 @@
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"}
@@ -1,13 +0,0 @@
1
- import { type TooltipProps as PrimerTooltipProps } from '@primer/react/deprecated';
2
- import { type SxProp } from '../../sx';
3
- import { type PropsWithChildren } from 'react';
4
- type TooltipProps = PropsWithChildren<PrimerTooltipProps & SxProp & {
5
- as?: React.ElementType;
6
- }>;
7
- declare const TooltipImpl: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
8
- declare const Tooltip: typeof TooltipImpl & {
9
- alignments: string[];
10
- directions: string[];
11
- };
12
- export { Tooltip, type TooltipProps };
13
- //# sourceMappingURL=Tooltip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,0BAA0B,CAAA;AAE1G,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACxC,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAI5C,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,CAAA;AAQ7F,QAAA,MAAM,WAAW,uHAEf,CAAA;AAEF,QAAA,MAAM,OAAO,EAAkB,OAAO,WAAW,GAAG;IAClD,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAMD,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}