@primer/styled-react 0.0.0-20251007221310 → 0.0.0-20251007221437
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.
- package/dist/{Tooltip-DIHgr01r.js → PageHeader-BYlYLcfB.js} +11 -77
- package/dist/components/Header.d.ts.map +1 -1
- package/dist/components/PageHeader.d.ts +14 -18
- package/dist/components/PageHeader.d.ts.map +1 -1
- package/dist/components.json +1 -59
- package/dist/deprecated.d.ts +1 -5
- package/dist/deprecated.d.ts.map +1 -1
- package/dist/deprecated.js +1 -179
- package/dist/experimental.d.ts +1 -4
- package/dist/experimental.d.ts.map +1 -1
- package/dist/experimental.js +5 -55
- package/dist/index.d.ts +81 -50
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +37 -480
- package/package.json +3 -3
- package/dist/components/ActionList.d.ts +0 -36
- package/dist/components/ActionList.d.ts.map +0 -1
- package/dist/components/ActionMenu.d.ts +0 -12
- package/dist/components/ActionMenu.d.ts.map +0 -1
- package/dist/components/Autocomplete.d.ts +0 -15
- package/dist/components/Autocomplete.d.ts.map +0 -1
- package/dist/components/Avatar.d.ts +0 -13
- package/dist/components/Avatar.d.ts.map +0 -1
- package/dist/components/Breadcrumbs.d.ts +0 -18
- package/dist/components/Breadcrumbs.d.ts.map +0 -1
- package/dist/components/Checkbox.d.ts +0 -5
- package/dist/components/Checkbox.d.ts.map +0 -1
- package/dist/components/CheckboxGroup.d.ts +0 -22
- package/dist/components/CheckboxGroup.d.ts.map +0 -1
- package/dist/components/CircleBadge.d.ts +0 -7
- package/dist/components/CircleBadge.d.ts.map +0 -1
- package/dist/components/CounterLabel.d.ts +0 -10
- package/dist/components/CounterLabel.d.ts.map +0 -1
- package/dist/components/DataTable.d.ts +0 -11
- package/dist/components/DataTable.d.ts.map +0 -1
- package/dist/components/Dialog.d.ts +0 -19
- package/dist/components/Dialog.d.ts.map +0 -1
- package/dist/components/Heading.d.ts +0 -8
- package/dist/components/Heading.d.ts.map +0 -1
- package/dist/components/Label.d.ts +0 -9
- package/dist/components/Label.d.ts.map +0 -1
- package/dist/components/Link.d.ts +0 -7
- package/dist/components/Link.d.ts.map +0 -1
- package/dist/components/NavList.d.ts +0 -33
- package/dist/components/NavList.d.ts.map +0 -1
- package/dist/components/Overlay.d.ts +0 -7
- package/dist/components/Overlay.d.ts.map +0 -1
- package/dist/components/PageLayout.d.ts +0 -18
- package/dist/components/PageLayout.d.ts.map +0 -1
- package/dist/components/RadioGroup.d.ts +0 -22
- package/dist/components/RadioGroup.d.ts.map +0 -1
- package/dist/components/RelativeTime.d.ts +0 -6
- package/dist/components/RelativeTime.d.ts.map +0 -1
- package/dist/components/SegmentedControl.d.ts +0 -12
- package/dist/components/SegmentedControl.d.ts.map +0 -1
- package/dist/components/Spinner.d.ts +0 -6
- package/dist/components/Spinner.d.ts.map +0 -1
- package/dist/components/StateLabel.d.ts +0 -9
- package/dist/components/StateLabel.d.ts.map +0 -1
- package/dist/components/SubNav.d.ts +0 -9
- package/dist/components/SubNav.d.ts.map +0 -1
- package/dist/components/Text.d.ts +0 -7
- package/dist/components/Text.d.ts.map +0 -1
- package/dist/components/Timeline.d.ts +0 -26
- package/dist/components/Timeline.d.ts.map +0 -1
- package/dist/components/ToggleSwitch.d.ts +0 -6
- package/dist/components/ToggleSwitch.d.ts.map +0 -1
- package/dist/components/Token.d.ts +0 -7
- package/dist/components/Token.d.ts.map +0 -1
- package/dist/components/Tooltip.d.ts +0 -6
- package/dist/components/Tooltip.d.ts.map +0 -1
- package/dist/components/Truncate.d.ts +0 -7
- package/dist/components/Truncate.d.ts.map +0 -1
- package/dist/components/UnderlineNav.d.ts +0 -11
- package/dist/components/UnderlineNav.d.ts.map +0 -1
- package/dist/components/UnderlinePanels.d.ts +0 -12
- package/dist/components/UnderlinePanels.d.ts.map +0 -1
- package/dist/components/deprecated/ActionList.d.ts +0 -23
- package/dist/components/deprecated/ActionList.d.ts.map +0 -1
- package/dist/components/deprecated/DialogV1.d.ts +0 -11
- package/dist/components/deprecated/DialogV1.d.ts.map +0 -1
- package/dist/components/deprecated/Octicon.d.ts +0 -17
- package/dist/components/deprecated/Octicon.d.ts.map +0 -1
- package/dist/components/deprecated/TabNav.d.ts +0 -9
- package/dist/components/deprecated/TabNav.d.ts.map +0 -1
- package/dist/components/deprecated/Tooltip.d.ts +0 -13
- package/dist/components/deprecated/Tooltip.d.ts.map +0 -1
- package/dist/styled-props.d.ts +0 -5
- package/dist/styled-props.d.ts.map +0 -1
|
@@ -1,61 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import React, { forwardRef } from 'react';
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
1
|
+
import { PageHeader as PageHeader$1, sx, Box } from '@primer/react';
|
|
4
2
|
import styled from 'styled-components';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
4
|
|
|
6
|
-
const
|
|
7
|
-
// @ts-expect-error - PrimerDialog is not recognized as a valid component type
|
|
8
|
-
return /*#__PURE__*/jsx(Box, {
|
|
9
|
-
as: Dialog$1,
|
|
10
|
-
ref: ref,
|
|
11
|
-
...props
|
|
12
|
-
});
|
|
13
|
-
});
|
|
14
|
-
const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
|
|
15
|
-
return /*#__PURE__*/jsx(Box, {
|
|
16
|
-
as: Dialog$1.Header,
|
|
17
|
-
ref: ref,
|
|
18
|
-
...props
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
const DialogBody = /*#__PURE__*/forwardRef(function DialogBody(props, ref) {
|
|
22
|
-
// @ts-expect-error - PrimerDialog.Body is not recognized as a valid component type
|
|
23
|
-
return /*#__PURE__*/jsx(Box, {
|
|
24
|
-
as: Dialog$1.Body,
|
|
25
|
-
ref: ref,
|
|
26
|
-
...props
|
|
27
|
-
});
|
|
28
|
-
});
|
|
29
|
-
const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
|
|
30
|
-
return /*#__PURE__*/jsx(Box, {
|
|
31
|
-
as: Dialog$1.Footer,
|
|
32
|
-
ref: ref,
|
|
33
|
-
...props
|
|
34
|
-
});
|
|
35
|
-
});
|
|
36
|
-
const Dialog = Object.assign(DialogImpl, {
|
|
37
|
-
Buttons: Dialog$1.Buttons,
|
|
38
|
-
Header: DialogHeader,
|
|
39
|
-
Body: DialogBody,
|
|
40
|
-
Footer: DialogFooter
|
|
41
|
-
});
|
|
42
|
-
|
|
43
|
-
const StyledPageHeader = styled(PageHeader$1).withConfig({
|
|
5
|
+
const PageHeaderImpl = styled(PageHeader$1).withConfig({
|
|
44
6
|
shouldForwardProp: prop => prop !== 'sx'
|
|
45
7
|
}).withConfig({
|
|
46
|
-
displayName: "
|
|
8
|
+
displayName: "PageHeader__PageHeaderImpl",
|
|
47
9
|
componentId: "sc-1g9symn-0"
|
|
48
10
|
})(["", ""], sx);
|
|
49
|
-
const PageHeaderImpl = /*#__PURE__*/React.forwardRef(({
|
|
50
|
-
as,
|
|
51
|
-
...props
|
|
52
|
-
}, ref) => /*#__PURE__*/jsx(StyledPageHeader, {
|
|
53
|
-
...props,
|
|
54
|
-
...(as ? {
|
|
55
|
-
forwardedAs: as
|
|
56
|
-
} : {}),
|
|
57
|
-
ref: ref
|
|
58
|
-
}));
|
|
59
11
|
function PageHeaderActions({
|
|
60
12
|
sx,
|
|
61
13
|
...rest
|
|
@@ -79,7 +31,7 @@ function PageHeaderActions({
|
|
|
79
31
|
sx: sx
|
|
80
32
|
});
|
|
81
33
|
}
|
|
82
|
-
function
|
|
34
|
+
function PageHeaderTitle({
|
|
83
35
|
sx,
|
|
84
36
|
...rest
|
|
85
37
|
}) {
|
|
@@ -110,15 +62,6 @@ function StyledPageHeaderTitle({
|
|
|
110
62
|
sx: sx
|
|
111
63
|
});
|
|
112
64
|
}
|
|
113
|
-
const PageHeaderTitle = ({
|
|
114
|
-
as,
|
|
115
|
-
...props
|
|
116
|
-
}) => /*#__PURE__*/jsx(StyledPageHeaderTitle, {
|
|
117
|
-
...props,
|
|
118
|
-
...(as ? {
|
|
119
|
-
forwardedAs: as
|
|
120
|
-
} : {})
|
|
121
|
-
});
|
|
122
65
|
const PageHeaderTitleArea = styled(PageHeader$1.TitleArea).withConfig({
|
|
123
66
|
shouldForwardProp: prop => prop !== 'sx'
|
|
124
67
|
}).withConfig({
|
|
@@ -127,26 +70,17 @@ const PageHeaderTitleArea = styled(PageHeader$1.TitleArea).withConfig({
|
|
|
127
70
|
})(["", ""], sx);
|
|
128
71
|
const PageHeader = Object.assign(PageHeaderImpl, {
|
|
129
72
|
Actions: PageHeaderActions,
|
|
130
|
-
|
|
131
|
-
ParentLink: PageHeader$1.ParentLink,
|
|
132
|
-
ContextBar: PageHeader$1.ContextBar,
|
|
73
|
+
Title: PageHeaderTitle,
|
|
133
74
|
TitleArea: PageHeaderTitleArea,
|
|
75
|
+
ContextArea: PageHeader$1.ContextArea,
|
|
134
76
|
ContextAreaActions: PageHeader$1.ContextAreaActions,
|
|
77
|
+
TrailingVisual: PageHeader$1.TrailingVisual,
|
|
78
|
+
Description: PageHeader$1.Description,
|
|
79
|
+
ContextBar: PageHeader$1.ContextBar,
|
|
135
80
|
LeadingAction: PageHeader$1.LeadingAction,
|
|
136
81
|
Breadcrumbs: PageHeader$1.Breadcrumbs,
|
|
137
82
|
LeadingVisual: PageHeader$1.LeadingVisual,
|
|
138
|
-
Title: PageHeaderTitle,
|
|
139
|
-
TrailingVisual: PageHeader$1.TrailingVisual,
|
|
140
|
-
Description: PageHeader$1.Description,
|
|
141
83
|
TrailingAction: PageHeader$1.TrailingAction
|
|
142
84
|
});
|
|
143
85
|
|
|
144
|
-
|
|
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 };
|
|
86
|
+
export { PageHeader as P };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,EAE9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAM7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAUrD,QAAA,MAAM,MAAM;;;CAGV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}
|
|
@@ -1,31 +1,27 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { type PageHeaderProps as PrimerPageHeaderProps, type PageHeaderTitleProps as PrimerPageHeaderTitleProps, type PageHeaderActionsProps as PrimerPageHeaderActionsProps, type PageHeaderTitleAreaProps as PrimerPageHeaderTitleAreaProps } from '@primer/react';
|
|
2
2
|
import { type SxProp } from '../sx';
|
|
3
3
|
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
4
|
import type { PropsWithChildren } from 'react';
|
|
5
|
-
import React from 'react';
|
|
6
5
|
type PageHeaderProps = PrimerPageHeaderProps & SxProp;
|
|
7
6
|
type PageHeaderActionsProps = PrimerPageHeaderActionsProps & SxProp;
|
|
8
|
-
declare function PageHeaderActions({ sx, ...rest }: PageHeaderActionsProps):
|
|
7
|
+
declare function PageHeaderActions({ sx, ...rest }: PageHeaderActionsProps): import("react").JSX.Element;
|
|
9
8
|
type PageHeaderTitleProps = PropsWithChildren<PrimerPageHeaderTitleProps> & SxProp;
|
|
10
|
-
declare
|
|
9
|
+
declare function PageHeaderTitle({ sx, ...rest }: PageHeaderTitleProps): import("react").JSX.Element;
|
|
11
10
|
type PageHeaderTitleAreaProps = PropsWithChildren<PrimerPageHeaderTitleAreaProps> & SxProp;
|
|
12
|
-
declare const
|
|
13
|
-
type PageHeaderComponentType = ForwardRefComponent<'div', PageHeaderProps> & {
|
|
11
|
+
declare const PageHeader: ForwardRefComponent<"div", PageHeaderProps> & {
|
|
14
12
|
Actions: typeof PageHeaderActions;
|
|
15
|
-
ContextArea: typeof PrimerPageHeader.ContextArea;
|
|
16
|
-
ParentLink: typeof PrimerPageHeader.ParentLink;
|
|
17
|
-
ContextBar: typeof PrimerPageHeader.ContextBar;
|
|
18
|
-
TitleArea: typeof PageHeaderTitleArea;
|
|
19
|
-
ContextAreaActions: typeof PrimerPageHeader.ContextAreaActions;
|
|
20
|
-
LeadingAction: typeof PrimerPageHeader.LeadingAction;
|
|
21
|
-
Breadcrumbs: typeof PrimerPageHeader.Breadcrumbs;
|
|
22
|
-
LeadingVisual: typeof PrimerPageHeader.LeadingVisual;
|
|
23
13
|
Title: typeof PageHeaderTitle;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
14
|
+
TitleArea: ForwardRefComponent<"div", PageHeaderTitleAreaProps>;
|
|
15
|
+
ContextArea: import("react").FC<PropsWithChildren<import("@primer/react").PageHeaderChildrenPropTypes>>;
|
|
16
|
+
ContextAreaActions: import("react").FC<PropsWithChildren<import("@primer/react").PageHeaderChildrenPropTypes>>;
|
|
17
|
+
TrailingVisual: import("react").FC<PropsWithChildren<import("@primer/react").PageHeaderChildrenPropTypes>>;
|
|
18
|
+
Description: import("react").FC<PropsWithChildren<import("@primer/react").PageHeaderChildrenPropTypes>>;
|
|
19
|
+
ContextBar: import("react").FC<PropsWithChildren<import("@primer/react").PageHeaderChildrenPropTypes>>;
|
|
20
|
+
LeadingAction: import("react").FC<PropsWithChildren<import("@primer/react").PageHeaderChildrenPropTypes>>;
|
|
21
|
+
Breadcrumbs: import("react").FC<PropsWithChildren<import("@primer/react").PageHeaderChildrenPropTypes>>;
|
|
22
|
+
LeadingVisual: import("react").FC<PropsWithChildren<import("@primer/react").PageHeaderChildrenPropTypes>>;
|
|
23
|
+
TrailingAction: import("react").FC<PropsWithChildren<import("@primer/react").PageHeaderChildrenPropTypes>>;
|
|
27
24
|
};
|
|
28
|
-
declare const PageHeader: PageHeaderComponentType;
|
|
29
25
|
export { PageHeader };
|
|
30
26
|
export type { PageHeaderProps, PageHeaderActionsProps, PageHeaderTitleProps };
|
|
31
27
|
//# sourceMappingURL=PageHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,KAAK,wBAAwB,IAAI,8BAA8B,EAChE,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE5C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAUrD,KAAK,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAEnE,iBAAS,iBAAiB,CAAC,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,sBAAsB,+BAY/D;AAED,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,GAAG,MAAM,CAAA;AAMlF,iBAAS,eAAe,CAAC,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,oBAAoB,+BAoB3D;AAED,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAU1F,QAAA,MAAM,UAAU;;;;;;;;;;;;;CAad,CAAA;AAEF,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,sBAAsB,EAAE,oBAAoB,EAAC,CAAA"}
|
package/dist/components.json
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
"Autocomplete",
|
|
6
6
|
"Avatar",
|
|
7
7
|
"Box",
|
|
8
|
-
"Breadcrumb",
|
|
9
8
|
"Breadcrumbs",
|
|
10
9
|
"Button",
|
|
11
10
|
"Checkbox",
|
|
@@ -27,7 +26,6 @@
|
|
|
27
26
|
"Overlay",
|
|
28
27
|
"PageHeader",
|
|
29
28
|
"PageLayout",
|
|
30
|
-
"ProgressBar",
|
|
31
29
|
"RadioGroup",
|
|
32
30
|
"RelativeTime",
|
|
33
31
|
"SegmentedControl",
|
|
@@ -50,73 +48,17 @@
|
|
|
50
48
|
"UnderlinePanels"
|
|
51
49
|
],
|
|
52
50
|
"types": [
|
|
53
|
-
"ActionListDividerProps",
|
|
54
|
-
"ActionListGroupProps",
|
|
55
|
-
"ActionListItemProps",
|
|
56
|
-
"ActionListLeadingVisualProps",
|
|
57
|
-
"ActionListLinkItemProps",
|
|
58
|
-
"ActionListProps",
|
|
59
|
-
"ActionListTrailingActionProps",
|
|
60
|
-
"ActionListTrailingVisualProps",
|
|
61
|
-
"AutocompleteOverlayProps",
|
|
62
|
-
"AvatarProps",
|
|
63
51
|
"BetterSystemStyleObject",
|
|
64
52
|
"BoxProps",
|
|
65
|
-
"BreadcrumbsItemProps",
|
|
66
|
-
"BreadcrumbsProps",
|
|
67
|
-
"CheckboxGroupProps",
|
|
68
|
-
"CheckboxProps",
|
|
69
|
-
"CounterLabelProps",
|
|
70
|
-
"DataTableContainerProps",
|
|
71
|
-
"DialogHeaderProps",
|
|
72
|
-
"DialogProps",
|
|
73
53
|
"HeaderProps",
|
|
74
|
-
"LabelProps",
|
|
75
54
|
"LinkButtonProps",
|
|
76
|
-
"LinkProps",
|
|
77
|
-
"NavListProps",
|
|
78
|
-
"OcticonProps",
|
|
79
55
|
"PageHeaderActionsProps",
|
|
80
56
|
"PageHeaderProps",
|
|
81
57
|
"PageHeaderTitleProps",
|
|
82
|
-
"PageLayoutProps",
|
|
83
|
-
"RadioGroupProps",
|
|
84
|
-
"RelativeTimeProps",
|
|
85
|
-
"SegmentedControlButtonProps",
|
|
86
|
-
"SegmentedControlIconButtonProps",
|
|
87
|
-
"SegmentedControlProps",
|
|
88
|
-
"SpinnerProps",
|
|
89
|
-
"StateLabelProps",
|
|
90
|
-
"SubNavLinkProps",
|
|
91
|
-
"SubNavProps",
|
|
92
58
|
"SxProp",
|
|
93
|
-
"TableActionsProps",
|
|
94
|
-
"TableBodyProps",
|
|
95
|
-
"TableCellProps",
|
|
96
|
-
"TableHeaderProps",
|
|
97
|
-
"TableHeadProps",
|
|
98
|
-
"TableProps",
|
|
99
|
-
"TableRowProps",
|
|
100
|
-
"TableSubtitleProps",
|
|
101
|
-
"TableTitleProps",
|
|
102
|
-
"TabNavLinkProps",
|
|
103
|
-
"TabNavProps",
|
|
104
59
|
"TextInputProps",
|
|
105
|
-
"TextProps",
|
|
106
|
-
"TimelineBadgeProps",
|
|
107
|
-
"TimelineBodyProps",
|
|
108
|
-
"TimelineBreakProps",
|
|
109
|
-
"TimelineItemProps",
|
|
110
|
-
"TimelineProps",
|
|
111
|
-
"ToggleSwitchProps",
|
|
112
60
|
"TokenProps",
|
|
113
|
-
"TooltipProps"
|
|
114
|
-
"TruncateProps",
|
|
115
|
-
"UnderlineNavItemProps",
|
|
116
|
-
"UnderlineNavProps",
|
|
117
|
-
"UnderlinePanelsPanelProps",
|
|
118
|
-
"UnderlinePanelsProps",
|
|
119
|
-
"UnderlinePanelsTabProps"
|
|
61
|
+
"TooltipProps"
|
|
120
62
|
],
|
|
121
63
|
"utilities": [
|
|
122
64
|
"merge",
|
package/dist/deprecated.d.ts
CHANGED
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { Dialog, type DialogProps, type DialogHeaderProps } from './components/deprecated/DialogV1';
|
|
3
|
-
export { Octicon, type OcticonProps } from './components/deprecated/Octicon';
|
|
4
|
-
export { Tooltip, type TooltipProps } from './components/deprecated/Tooltip';
|
|
5
|
-
export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListGroupProps, } from './components/deprecated/ActionList';
|
|
1
|
+
export { Dialog, Octicon, TabNav, Tooltip, type TooltipProps } from '@primer/react/deprecated';
|
|
6
2
|
//# sourceMappingURL=deprecated.d.ts.map
|
package/dist/deprecated.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAA"}
|
package/dist/deprecated.js
CHANGED
|
@@ -1,179 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { sx, Box } from '@primer/react';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { forwardRef } from 'react';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
const StyledTabNav = styled(TabNav$1).withConfig({
|
|
8
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
9
|
-
}).withConfig({
|
|
10
|
-
displayName: "TabNav__StyledTabNav",
|
|
11
|
-
componentId: "sc-13kad3t-0"
|
|
12
|
-
})(["", ""], sx);
|
|
13
|
-
const TabNavImpl = ({
|
|
14
|
-
as,
|
|
15
|
-
...props
|
|
16
|
-
}) => {
|
|
17
|
-
return /*#__PURE__*/jsx(StyledTabNav, {
|
|
18
|
-
...props,
|
|
19
|
-
...(as ? {
|
|
20
|
-
forwardedAs: as
|
|
21
|
-
} : {})
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
const StyledTabNavLink = styled(TabNav$1.Link).withConfig({
|
|
25
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
26
|
-
}).withConfig({
|
|
27
|
-
displayName: "TabNav__StyledTabNavLink",
|
|
28
|
-
componentId: "sc-13kad3t-1"
|
|
29
|
-
})(["", ""], sx);
|
|
30
|
-
const TabNavLink = /*#__PURE__*/forwardRef(({
|
|
31
|
-
as,
|
|
32
|
-
...props
|
|
33
|
-
}, ref) => /*#__PURE__*/jsx(StyledTabNavLink, {
|
|
34
|
-
...props,
|
|
35
|
-
...(as ? {
|
|
36
|
-
forwardedAs: as
|
|
37
|
-
} : {}),
|
|
38
|
-
ref: ref
|
|
39
|
-
}));
|
|
40
|
-
const TabNav = Object.assign(TabNavImpl, {
|
|
41
|
-
Link: TabNavLink
|
|
42
|
-
});
|
|
43
|
-
|
|
44
|
-
const StyledDialog = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
|
|
45
|
-
return /*#__PURE__*/jsx(Box, {
|
|
46
|
-
as: Dialog$1,
|
|
47
|
-
ref: ref,
|
|
48
|
-
...props
|
|
49
|
-
});
|
|
50
|
-
});
|
|
51
|
-
const DialogImpl = /*#__PURE__*/forwardRef(({
|
|
52
|
-
as,
|
|
53
|
-
...props
|
|
54
|
-
}, ref) => /*#__PURE__*/jsx(StyledDialog, {
|
|
55
|
-
...props,
|
|
56
|
-
...(as ? {
|
|
57
|
-
forwardedAs: as
|
|
58
|
-
} : {}),
|
|
59
|
-
ref: ref
|
|
60
|
-
}));
|
|
61
|
-
const StyledDialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
|
|
62
|
-
return /*#__PURE__*/jsx(Box, {
|
|
63
|
-
as: Dialog$1.Header,
|
|
64
|
-
ref: ref,
|
|
65
|
-
...props
|
|
66
|
-
});
|
|
67
|
-
});
|
|
68
|
-
const DialogHeader = /*#__PURE__*/forwardRef(({
|
|
69
|
-
as,
|
|
70
|
-
...props
|
|
71
|
-
}, ref) => /*#__PURE__*/jsx(StyledDialogHeader, {
|
|
72
|
-
...props,
|
|
73
|
-
...(as ? {
|
|
74
|
-
forwardedAs: as
|
|
75
|
-
} : {}),
|
|
76
|
-
ref: ref
|
|
77
|
-
}));
|
|
78
|
-
const Dialog = Object.assign(DialogImpl, {
|
|
79
|
-
Header: DialogHeader
|
|
80
|
-
});
|
|
81
|
-
|
|
82
|
-
/**
|
|
83
|
-
* @deprecated Use the icon component directly from `@primer/octicons-react` instead
|
|
84
|
-
*/
|
|
85
|
-
const StyledOcticon = styled(Octicon$1).withConfig({
|
|
86
|
-
shouldForwardProp(prop) {
|
|
87
|
-
return prop !== 'sx';
|
|
88
|
-
}
|
|
89
|
-
}).withConfig({
|
|
90
|
-
displayName: "Octicon__StyledOcticon",
|
|
91
|
-
componentId: "sc-jtj3m8-0"
|
|
92
|
-
})(["", ""], ({
|
|
93
|
-
color,
|
|
94
|
-
sx: sxProp
|
|
95
|
-
}) => sx({
|
|
96
|
-
sx: {
|
|
97
|
-
color,
|
|
98
|
-
...sxProp
|
|
99
|
-
}
|
|
100
|
-
}));
|
|
101
|
-
const Octicon = /*#__PURE__*/forwardRef(({
|
|
102
|
-
as,
|
|
103
|
-
...props
|
|
104
|
-
}, ref) => {
|
|
105
|
-
return /*#__PURE__*/jsx(StyledOcticon, {
|
|
106
|
-
...props,
|
|
107
|
-
...(as ? {
|
|
108
|
-
forwardedAs: as
|
|
109
|
-
} : {}),
|
|
110
|
-
ref: ref
|
|
111
|
-
});
|
|
112
|
-
});
|
|
113
|
-
|
|
114
|
-
const StyledTooltip = styled(Tooltip$1).withConfig({
|
|
115
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
116
|
-
}).withConfig({
|
|
117
|
-
displayName: "Tooltip__StyledTooltip",
|
|
118
|
-
componentId: "sc-145jcib-0"
|
|
119
|
-
})(["", ""], sx);
|
|
120
|
-
const TooltipImpl = /*#__PURE__*/forwardRef(function Tooltip({
|
|
121
|
-
as,
|
|
122
|
-
...props
|
|
123
|
-
}, ref) {
|
|
124
|
-
return /*#__PURE__*/jsx(StyledTooltip, {
|
|
125
|
-
...props,
|
|
126
|
-
...(as ? {
|
|
127
|
-
forwardedAs: as
|
|
128
|
-
} : {}),
|
|
129
|
-
ref: ref
|
|
130
|
-
});
|
|
131
|
-
});
|
|
132
|
-
const Tooltip = TooltipImpl;
|
|
133
|
-
|
|
134
|
-
// Preserve static properties from the original component
|
|
135
|
-
Tooltip.alignments = Tooltip$1.alignments;
|
|
136
|
-
Tooltip.directions = Tooltip$1.directions;
|
|
137
|
-
|
|
138
|
-
const ActionListImpl = /*#__PURE__*/forwardRef(function ActionList(props, ref) {
|
|
139
|
-
return /*#__PURE__*/jsx(Box, {
|
|
140
|
-
as: ActionList$1,
|
|
141
|
-
ref: ref,
|
|
142
|
-
...props
|
|
143
|
-
});
|
|
144
|
-
});
|
|
145
|
-
const StyledActionListItem = styled(ActionList$1.Item).withConfig({
|
|
146
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
147
|
-
}).withConfig({
|
|
148
|
-
displayName: "ActionList__StyledActionListItem",
|
|
149
|
-
componentId: "sc-1ugfmds-0"
|
|
150
|
-
})(["", ""], sx);
|
|
151
|
-
const ActionListItem = /*#__PURE__*/forwardRef(({
|
|
152
|
-
as,
|
|
153
|
-
...props
|
|
154
|
-
}, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
|
|
155
|
-
...props,
|
|
156
|
-
...(as ? {
|
|
157
|
-
forwardedAs: as
|
|
158
|
-
} : {}),
|
|
159
|
-
ref: ref
|
|
160
|
-
}));
|
|
161
|
-
function ActionListGroup(props) {
|
|
162
|
-
return /*#__PURE__*/jsx(Box, {
|
|
163
|
-
as: ActionList$1.Group,
|
|
164
|
-
...props
|
|
165
|
-
});
|
|
166
|
-
}
|
|
167
|
-
function ActionListDivider(props) {
|
|
168
|
-
return /*#__PURE__*/jsx(Box, {
|
|
169
|
-
as: ActionList$1.Divider,
|
|
170
|
-
...props
|
|
171
|
-
});
|
|
172
|
-
}
|
|
173
|
-
const ActionList = Object.assign(ActionListImpl, {
|
|
174
|
-
Item: ActionListItem,
|
|
175
|
-
Group: ActionListGroup,
|
|
176
|
-
Divider: ActionListDivider
|
|
177
|
-
});
|
|
178
|
-
|
|
179
|
-
export { ActionList, Dialog, Octicon, TabNav, Tooltip };
|
|
1
|
+
export { Dialog, Octicon, TabNav, Tooltip } from '@primer/react/deprecated';
|
package/dist/experimental.d.ts
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
export { Dialog, type DialogProps } from './components/Dialog';
|
|
2
1
|
export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
|
|
3
|
-
export { Tooltip,
|
|
4
|
-
export { UnderlinePanels, type UnderlinePanelsProps, type UnderlinePanelsTabProps, type UnderlinePanelsPanelProps, } from './components/UnderlinePanels';
|
|
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';
|
|
2
|
+
export { Dialog, Table, Tooltip, UnderlinePanels } from '@primer/react/experimental';
|
|
6
3
|
//# sourceMappingURL=experimental.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAC,MAAM,4BAA4B,CAAA"}
|
package/dist/experimental.js
CHANGED
|
@@ -1,55 +1,5 @@
|
|
|
1
|
-
export {
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import 'react';
|
|
7
|
-
|
|
8
|
-
const StyledUnderlinePanels = styled(UnderlinePanels$1).withConfig({
|
|
9
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
10
|
-
}).withConfig({
|
|
11
|
-
displayName: "UnderlinePanels__StyledUnderlinePanels",
|
|
12
|
-
componentId: "sc-1w35i85-0"
|
|
13
|
-
})(["", ""], sx);
|
|
14
|
-
|
|
15
|
-
// @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
|
|
16
|
-
const UnderlinePanelsImpl = ({
|
|
17
|
-
as,
|
|
18
|
-
...props
|
|
19
|
-
}) => /*#__PURE__*/jsx(StyledUnderlinePanels, {
|
|
20
|
-
forwardedAs: as,
|
|
21
|
-
...props
|
|
22
|
-
});
|
|
23
|
-
UnderlinePanelsImpl.displayName = 'UnderlinePanels';
|
|
24
|
-
const UnderlinePanels = Object.assign(UnderlinePanelsImpl, {
|
|
25
|
-
Tab: UnderlinePanels$1.Tab,
|
|
26
|
-
Panel: UnderlinePanels$1.Panel
|
|
27
|
-
});
|
|
28
|
-
|
|
29
|
-
const {
|
|
30
|
-
Container: PrimerDataTableContainer,
|
|
31
|
-
...rest
|
|
32
|
-
} = Table$1;
|
|
33
|
-
const StyleDataTableContainer = styled(PrimerDataTableContainer).withConfig({
|
|
34
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
35
|
-
}).withConfig({
|
|
36
|
-
displayName: "DataTable__StyleDataTableContainer",
|
|
37
|
-
componentId: "sc-qy1ey2-0"
|
|
38
|
-
})(["", ""], sx);
|
|
39
|
-
function DataTableContainer({
|
|
40
|
-
as,
|
|
41
|
-
...rest
|
|
42
|
-
}) {
|
|
43
|
-
return /*#__PURE__*/jsx(StyleDataTableContainer, {
|
|
44
|
-
...rest,
|
|
45
|
-
...(as ? {
|
|
46
|
-
forwardedAs: as
|
|
47
|
-
} : {})
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
const Table = Object.assign(Table$1, {
|
|
51
|
-
Container: DataTableContainer,
|
|
52
|
-
...rest
|
|
53
|
-
});
|
|
54
|
-
|
|
55
|
-
export { Table, UnderlinePanels };
|
|
1
|
+
export { P as PageHeader } from './PageHeader-BYlYLcfB.js';
|
|
2
|
+
export { Dialog, Table, Tooltip, UnderlinePanels } from '@primer/react/experimental';
|
|
3
|
+
import '@primer/react';
|
|
4
|
+
import 'styled-components';
|
|
5
|
+
import 'react/jsx-runtime';
|