@primer/styled-react 0.0.0-20251006190508 → 0.0.0-20251006191934
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/components/FormControl.d.ts +14 -0
- package/dist/components/FormControl.d.ts.map +1 -0
- package/dist/components/NavList.d.ts +19 -27
- package/dist/components/NavList.d.ts.map +1 -1
- package/dist/components.json +1 -8
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +23 -120
- package/package.json +3 -3
- package/dist/components/ActionList.d.ts +0 -36
- package/dist/components/ActionList.d.ts.map +0 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type SxProp } from '@primer/react';
|
|
2
|
+
import { type PropsWithChildren } from 'react';
|
|
3
|
+
type FormControlProps = PropsWithChildren<PrimerFormControlProps> & SxProp;
|
|
4
|
+
declare const FormControlImpl: import("react").ForwardRefExoticComponent<PrimerFormControlProps & {
|
|
5
|
+
children?: import("react").ReactNode | undefined;
|
|
6
|
+
} & SxProp & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const FormControl: typeof FormControlImpl & {
|
|
8
|
+
Caption: typeof PrimerFormControl.Caption;
|
|
9
|
+
LeadingVisual: typeof PrimerFormControl.LeadingVisual;
|
|
10
|
+
Validation: typeof PrimerFormControl.Validation;
|
|
11
|
+
Label: typeof PrimerFormControl.Label;
|
|
12
|
+
};
|
|
13
|
+
export { FormControl, type FormControlProps };
|
|
14
|
+
//# sourceMappingURL=FormControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAChC,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAExD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,eAAe;;2DAEnB,CAAA;AAEF,QAAA,MAAM,WAAW,EAKX,OAAO,eAAe,GAAG;IAC7B,OAAO,EAAE,OAAO,iBAAiB,CAAC,OAAO,CAAA;IACzC,aAAa,EAAE,OAAO,iBAAiB,CAAC,aAAa,CAAA;IACrD,UAAU,EAAE,OAAO,iBAAiB,CAAC,UAAU,CAAA;IAC/C,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CACtC,CAAA;AAED,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,CAAA"}
|
|
@@ -1,33 +1,25 @@
|
|
|
1
1
|
import { NavList as PrimerNavList } from '@primer/react';
|
|
2
|
-
import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps
|
|
3
|
-
import { type PropsWithChildren } from 'react';
|
|
2
|
+
import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps } from '@primer/react';
|
|
3
|
+
import { type ComponentProps, type PropsWithChildren } from 'react';
|
|
4
4
|
import { type SxProp } from '../sx';
|
|
5
|
-
type RefComponent<E extends HTMLElement, P> = React.ForwardRefExoticComponent<P & React.RefAttributes<E>>;
|
|
6
5
|
type NavListProps = PropsWithChildren<PrimerNavListProps> & SxProp;
|
|
7
|
-
declare const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
LeadingVisual: typeof NavListLeadingVisual;
|
|
25
|
-
SubNav: typeof PrimerNavList.SubNav;
|
|
26
|
-
Divider: typeof PrimerNavList.Divider;
|
|
27
|
-
TrailingVisual: typeof PrimerNavList.TrailingVisual;
|
|
28
|
-
TrailingAction: typeof PrimerNavList.TrailingAction;
|
|
29
|
-
GroupExpand: typeof PrimerNavList.GroupExpand;
|
|
6
|
+
declare const NavList: import("react").ForwardRefExoticComponent<Omit<NavListProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
|
|
7
|
+
Item: import("react").ForwardRefExoticComponent<PrimerNavListItemProps & {
|
|
8
|
+
children?: import("react").ReactNode | undefined;
|
|
9
|
+
} & SxProp & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
10
|
+
Group: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLLIElement> & {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
title?: string;
|
|
13
|
+
} & {
|
|
14
|
+
children?: import("react").ReactNode | undefined;
|
|
15
|
+
} & SxProp & import("react").RefAttributes<HTMLLIElement>>;
|
|
16
|
+
SubNav: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.SubNav>>>;
|
|
17
|
+
Divider: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.Divider>>>;
|
|
18
|
+
LeadingVisual: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.LeadingVisual>>>;
|
|
19
|
+
TrailingVisual: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.TrailingVisual>>>;
|
|
20
|
+
TrailingAction: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.TrailingAction>>>;
|
|
21
|
+
GroupHeading: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.GroupHeading>>>;
|
|
22
|
+
GroupExpand: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.GroupExpand>>>;
|
|
30
23
|
};
|
|
31
|
-
declare const NavList: NavListCompound;
|
|
32
24
|
export { NavList, type NavListProps };
|
|
33
25
|
//# sourceMappingURL=NavList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAM,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,
|
|
1
|
+
{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAM,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,EAE3C,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAA;AAoBlE,QAAA,MAAM,OAAO;;;;;;;;;;YAOqB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;aAC5E,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;mBACnE,KAAK,CAAC,EAAE,CACpD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,aAAa,CAAC,CAAC,CAC5E;oBAC+C,KAAK,CAAC,EAAE,CACtD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,cAAc,CAAC,CAAC,CAC7E;oBAC+C,KAAK,CAAC,EAAE,CACtD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,cAAc,CAAC,CAAC,CAC7E;kBAC2C,KAAK,CAAC,EAAE,CAClD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,YAAY,CAAC,CAAC,CAC3E;iBACyC,KAAK,CAAC,EAAE,CAChD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,CAAC,CAC1E;CACD,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
|
package/dist/components.json
CHANGED
|
@@ -50,14 +50,6 @@
|
|
|
50
50
|
"UnderlinePanels"
|
|
51
51
|
],
|
|
52
52
|
"types": [
|
|
53
|
-
"ActionListDividerProps",
|
|
54
|
-
"ActionListGroupProps",
|
|
55
|
-
"ActionListItemProps",
|
|
56
|
-
"ActionListLeadingVisualProps",
|
|
57
|
-
"ActionListLinkItemProps",
|
|
58
|
-
"ActionListProps",
|
|
59
|
-
"ActionListTrailingActionProps",
|
|
60
|
-
"ActionListTrailingVisualProps",
|
|
61
53
|
"AutocompleteOverlayProps",
|
|
62
54
|
"AvatarProps",
|
|
63
55
|
"BetterSystemStyleObject",
|
|
@@ -70,6 +62,7 @@
|
|
|
70
62
|
"DataTableContainerProps",
|
|
71
63
|
"DialogHeaderProps",
|
|
72
64
|
"DialogProps",
|
|
65
|
+
"FormControlProps",
|
|
73
66
|
"HeaderProps",
|
|
74
67
|
"LabelProps",
|
|
75
68
|
"LinkButtonProps",
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
export { ActionList } from '@primer/react';
|
|
1
2
|
export { Box, type BoxProps } from './components/Box';
|
|
2
3
|
export { Button } from '@primer/react';
|
|
3
4
|
export { Details } from '@primer/react';
|
|
4
|
-
export { FormControl } from '@primer/react';
|
|
5
5
|
export { IconButton } from '@primer/react';
|
|
6
6
|
export { ProgressBar } from '@primer/react';
|
|
7
7
|
export { PageLayout } from '@primer/react';
|
|
@@ -15,7 +15,6 @@ export { theme } from '@primer/react';
|
|
|
15
15
|
export { themeGet } from '@primer/react';
|
|
16
16
|
export { useColorSchemeVar } from '@primer/react';
|
|
17
17
|
export { useTheme } from '@primer/react';
|
|
18
|
-
export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListLinkItemProps, type ActionListGroupProps, type ActionListDividerProps, type ActionListLeadingVisualProps, type ActionListTrailingVisualProps, type ActionListTrailingActionProps, } from './components/ActionList';
|
|
19
18
|
export { ActionMenu } from './components/ActionMenu';
|
|
20
19
|
export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
|
|
21
20
|
export { Avatar, type AvatarProps } from './components/Avatar';
|
|
@@ -26,6 +25,7 @@ export { CircleBadge } from './components/CircleBadge';
|
|
|
26
25
|
export { CounterLabel, type CounterLabelProps } from './components/CounterLabel';
|
|
27
26
|
export { Dialog, type DialogProps } from './components/Dialog';
|
|
28
27
|
export { Flash } from './components/Flash';
|
|
28
|
+
export { FormControl, type FormControlProps } from './components/FormControl';
|
|
29
29
|
export { Header, type HeaderProps } from './components/Header';
|
|
30
30
|
export { Heading } from './components/Heading';
|
|
31
31
|
export { Label, type LabelProps } from './components/Label';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,KAAK,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AACrC,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,111 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { Box, Button, Details,
|
|
3
|
-
import React, { forwardRef } from '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, FormControl as FormControl$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, IconButton, PageLayout, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
|
|
4
3
|
import styled from 'styled-components';
|
|
4
|
+
import React, { forwardRef } from 'react';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
|
|
7
7
|
export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
|
|
8
8
|
import css from '@styled-system/css';
|
|
9
9
|
import '@primer/react/deprecated';
|
|
10
10
|
|
|
11
|
-
const StyledActionList = styled(ActionList$1).withConfig({
|
|
12
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
13
|
-
}).withConfig({
|
|
14
|
-
displayName: "ActionList__StyledActionList",
|
|
15
|
-
componentId: "sc-hw2362-0"
|
|
16
|
-
})(["", ""], sx);
|
|
17
|
-
const ActionListImpl = /*#__PURE__*/React.forwardRef(function ActionListImpl({
|
|
18
|
-
as,
|
|
19
|
-
...rest
|
|
20
|
-
}, ref) {
|
|
21
|
-
return /*#__PURE__*/jsx(StyledActionList, {
|
|
22
|
-
ref: ref,
|
|
23
|
-
...rest,
|
|
24
|
-
...(as ? {
|
|
25
|
-
forwardedAs: as
|
|
26
|
-
} : {})
|
|
27
|
-
});
|
|
28
|
-
});
|
|
29
|
-
const ActionListLinkItem = styled(ActionList$1.LinkItem).withConfig({
|
|
30
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
31
|
-
}).withConfig({
|
|
32
|
-
displayName: "ActionList__ActionListLinkItem",
|
|
33
|
-
componentId: "sc-hw2362-1"
|
|
34
|
-
})(["", ""], sx);
|
|
35
|
-
const StyledActionListTrailingAction = styled(ActionList$1.TrailingAction).withConfig({
|
|
36
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
37
|
-
}).withConfig({
|
|
38
|
-
displayName: "ActionList__StyledActionListTrailingAction",
|
|
39
|
-
componentId: "sc-hw2362-2"
|
|
40
|
-
})(["", ""], sx);
|
|
41
|
-
const ActionListTrailingAction = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
42
|
-
const {
|
|
43
|
-
as,
|
|
44
|
-
...rest
|
|
45
|
-
} = props;
|
|
46
|
-
return /*#__PURE__*/jsx(StyledActionListTrailingAction, {
|
|
47
|
-
...rest,
|
|
48
|
-
...(as ? {
|
|
49
|
-
forwardedAs: as
|
|
50
|
-
} : {}),
|
|
51
|
-
ref: ref
|
|
52
|
-
});
|
|
53
|
-
});
|
|
54
|
-
const StyledActionListItem = styled(ActionList$1.Item).withConfig({
|
|
55
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
56
|
-
}).withConfig({
|
|
57
|
-
displayName: "ActionList__StyledActionListItem",
|
|
58
|
-
componentId: "sc-hw2362-3"
|
|
59
|
-
})(["", ""], sx);
|
|
60
|
-
const ActionListItem = /*#__PURE__*/React.forwardRef(({
|
|
61
|
-
children,
|
|
62
|
-
as,
|
|
63
|
-
...props
|
|
64
|
-
}, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
|
|
65
|
-
ref: ref,
|
|
66
|
-
...props,
|
|
67
|
-
...(as ? {
|
|
68
|
-
forwardedAs: as
|
|
69
|
-
} : {}),
|
|
70
|
-
children: children
|
|
71
|
-
}));
|
|
72
|
-
const ActionListGroup = styled(ActionList$1.Group).withConfig({
|
|
73
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
74
|
-
}).withConfig({
|
|
75
|
-
displayName: "ActionList__ActionListGroup",
|
|
76
|
-
componentId: "sc-hw2362-4"
|
|
77
|
-
})(["", ""], sx);
|
|
78
|
-
const ActionListDivider = styled(ActionList$1.Divider).withConfig({
|
|
79
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
80
|
-
}).withConfig({
|
|
81
|
-
displayName: "ActionList__ActionListDivider",
|
|
82
|
-
componentId: "sc-hw2362-5"
|
|
83
|
-
})(["", ""], sx);
|
|
84
|
-
const ActionListLeadingVisual = styled(ActionList$1.LeadingVisual).withConfig({
|
|
85
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
86
|
-
}).withConfig({
|
|
87
|
-
displayName: "ActionList__ActionListLeadingVisual",
|
|
88
|
-
componentId: "sc-hw2362-6"
|
|
89
|
-
})(["", ""], sx);
|
|
90
|
-
const ActionListTrailingVisual = styled(ActionList$1.TrailingVisual).withConfig({
|
|
91
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
92
|
-
}).withConfig({
|
|
93
|
-
displayName: "ActionList__ActionListTrailingVisual",
|
|
94
|
-
componentId: "sc-hw2362-7"
|
|
95
|
-
})(["", ""], sx);
|
|
96
|
-
const ActionList = Object.assign(ActionListImpl, {
|
|
97
|
-
Item: ActionListItem,
|
|
98
|
-
LinkItem: ActionListLinkItem,
|
|
99
|
-
Group: ActionListGroup,
|
|
100
|
-
GroupHeading: ActionList$1.GroupHeading,
|
|
101
|
-
Divider: ActionListDivider,
|
|
102
|
-
Description: ActionList$1.Description,
|
|
103
|
-
LeadingVisual: ActionListLeadingVisual,
|
|
104
|
-
TrailingVisual: ActionListTrailingVisual,
|
|
105
|
-
Heading: ActionList$1.Heading,
|
|
106
|
-
TrailingAction: ActionListTrailingAction
|
|
107
|
-
});
|
|
108
|
-
|
|
109
11
|
const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
|
|
110
12
|
shouldForwardProp: prop => prop !== 'sx'
|
|
111
13
|
}).withConfig({
|
|
@@ -235,6 +137,20 @@ const Flash = styled(Flash$1).withConfig({
|
|
|
235
137
|
componentId: "sc-413izo-0"
|
|
236
138
|
})(["", ""], sx);
|
|
237
139
|
|
|
140
|
+
const FormControlImpl = /*#__PURE__*/forwardRef(function FormControl(props, ref) {
|
|
141
|
+
return /*#__PURE__*/jsx(Box, {
|
|
142
|
+
ref: ref,
|
|
143
|
+
as: FormControl$1,
|
|
144
|
+
...props
|
|
145
|
+
});
|
|
146
|
+
});
|
|
147
|
+
const FormControl = Object.assign(FormControlImpl, {
|
|
148
|
+
Caption: FormControl$1.Caption,
|
|
149
|
+
LeadingVisual: FormControl$1.LeadingVisual,
|
|
150
|
+
Validation: FormControl$1.Validation,
|
|
151
|
+
Label: FormControl$1.Label
|
|
152
|
+
});
|
|
153
|
+
|
|
238
154
|
const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
|
|
239
155
|
return /*#__PURE__*/jsx(Box, {
|
|
240
156
|
as: Header$1,
|
|
@@ -357,31 +273,18 @@ const NavListGroup = /*#__PURE__*/forwardRef(function NavListGroup(props, ref) {
|
|
|
357
273
|
...props
|
|
358
274
|
});
|
|
359
275
|
});
|
|
360
|
-
const NavListGroupHeading = /*#__PURE__*/forwardRef(function NavListGroupHeading(props, ref) {
|
|
361
|
-
// @ts-expect-error - PrimerNavList.GroupHeading is not recognized as a valid component type
|
|
362
|
-
return /*#__PURE__*/jsx(Box, {
|
|
363
|
-
as: NavList$1.GroupHeading,
|
|
364
|
-
ref: ref,
|
|
365
|
-
...props
|
|
366
|
-
});
|
|
367
|
-
});
|
|
368
|
-
const NavListLeadingVisual = /*#__PURE__*/forwardRef(function NavListLeadingVisual(props, ref) {
|
|
369
|
-
// @ts-expect-error - PrimerNavList.LeadingVisual is not recognized as a valid component type
|
|
370
|
-
return /*#__PURE__*/jsx(Box, {
|
|
371
|
-
as: NavList$1.LeadingVisual,
|
|
372
|
-
ref: ref,
|
|
373
|
-
...props
|
|
374
|
-
});
|
|
375
|
-
});
|
|
376
276
|
const NavList = Object.assign(NavListImpl, {
|
|
277
|
+
// Wrapped components that need sx support added back in
|
|
377
278
|
Item: NavListItem,
|
|
378
279
|
Group: NavListGroup,
|
|
379
|
-
|
|
380
|
-
|
|
280
|
+
// Re-exporting others directly
|
|
281
|
+
// TODO: try to remove typecasts to work around "non-portable types" TS error
|
|
381
282
|
SubNav: NavList$1.SubNav,
|
|
382
283
|
Divider: NavList$1.Divider,
|
|
284
|
+
LeadingVisual: NavList$1.LeadingVisual,
|
|
383
285
|
TrailingVisual: NavList$1.TrailingVisual,
|
|
384
286
|
TrailingAction: NavList$1.TrailingAction,
|
|
287
|
+
GroupHeading: NavList$1.GroupHeading,
|
|
385
288
|
GroupExpand: NavList$1.GroupExpand
|
|
386
289
|
});
|
|
387
290
|
|
|
@@ -632,4 +535,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
|
|
|
632
535
|
Item: UnderlineNavItem
|
|
633
536
|
});
|
|
634
537
|
|
|
635
|
-
export {
|
|
538
|
+
export { ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, FormControl, Header, Heading, Label, Link, LinkButton, NavList, Overlay, 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-
|
|
3
|
+
"version": "0.0.0-20251006191934",
|
|
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-
|
|
33
|
+
"@primer/react": "0.0.0-20251006191934",
|
|
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-
|
|
49
|
+
"@primer/react": "0.0.0-20251006191934",
|
|
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,36 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ActionList as PrimerActionList, type ActionListProps as PrimerActionListProps, type ActionListItemProps as PrimerActionListItemProps, type ActionListLinkItemProps as PrimerActionListLinkItemProps, type ActionListGroupProps as PrimerActionListGroupProps, type ActionListDividerProps as PrimerActionListDividerProps, type ActionListLeadingVisualProps as PrimerActionListLeadingVisualProps, type ActionListTrailingVisualProps as PrimerActionListTrailingVisualProps } from '@primer/react';
|
|
3
|
-
import { type SxProp } from '../sx';
|
|
4
|
-
import type { ForwardRefComponent } from '../polymorphic';
|
|
5
|
-
type PrimerActionListTrailingActionProps = React.ComponentProps<typeof PrimerActionList.TrailingAction>;
|
|
6
|
-
export type ActionListProps<As extends React.ElementType = 'ul'> = PrimerActionListProps<As> & SxProp;
|
|
7
|
-
export type ActionListItemProps = React.PropsWithChildren<PrimerActionListItemProps & SxProp>;
|
|
8
|
-
export type ActionListLinkItemProps = React.PropsWithChildren<PrimerActionListLinkItemProps & SxProp>;
|
|
9
|
-
export type ActionListGroupProps = React.PropsWithChildren<PrimerActionListGroupProps & SxProp>;
|
|
10
|
-
export type ActionListDividerProps = React.PropsWithChildren<PrimerActionListDividerProps & SxProp>;
|
|
11
|
-
export type ActionListLeadingVisualProps = React.PropsWithChildren<PrimerActionListLeadingVisualProps & SxProp>;
|
|
12
|
-
export type ActionListTrailingVisualProps = React.PropsWithChildren<PrimerActionListTrailingVisualProps & SxProp>;
|
|
13
|
-
export type ActionListTrailingActionProps = React.PropsWithChildren<PrimerActionListTrailingActionProps & SxProp>;
|
|
14
|
-
declare const ActionListImpl: React.ForwardRefExoticComponent<Omit<ActionListProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
|
|
15
|
-
declare const ActionListLinkItem: ForwardRefComponent<'a', ActionListLinkItemProps>;
|
|
16
|
-
type TrailingActionElements = 'button' | 'a';
|
|
17
|
-
declare const ActionListTrailingAction: ForwardRefComponent<TrailingActionElements, ActionListTrailingActionProps>;
|
|
18
|
-
declare const ActionListItem: ForwardRefComponent<"li", ActionListItemProps>;
|
|
19
|
-
declare const ActionListGroup: React.ComponentType<ActionListGroupProps>;
|
|
20
|
-
declare const ActionListDivider: React.ComponentType<ActionListDividerProps>;
|
|
21
|
-
declare const ActionListLeadingVisual: React.ComponentType<ActionListLeadingVisualProps>;
|
|
22
|
-
declare const ActionListTrailingVisual: React.ComponentType<ActionListTrailingVisualProps>;
|
|
23
|
-
export declare const ActionList: typeof ActionListImpl & {
|
|
24
|
-
Item: typeof ActionListItem;
|
|
25
|
-
LinkItem: typeof ActionListLinkItem;
|
|
26
|
-
Group: typeof ActionListGroup;
|
|
27
|
-
GroupHeading: typeof PrimerActionList.GroupHeading;
|
|
28
|
-
Divider: typeof ActionListDivider;
|
|
29
|
-
Description: typeof PrimerActionList.Description;
|
|
30
|
-
LeadingVisual: typeof ActionListLeadingVisual;
|
|
31
|
-
TrailingVisual: typeof ActionListTrailingVisual;
|
|
32
|
-
Heading: typeof PrimerActionList.Heading;
|
|
33
|
-
TrailingAction: typeof ActionListTrailingAction;
|
|
34
|
-
};
|
|
35
|
-
export {};
|
|
36
|
-
//# sourceMappingURL=ActionList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"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"}
|