@primer/styled-react 0.0.0-20251002023020 → 0.0.0-20251002023442
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 +4 -2
- package/dist/components/FormControl.d.ts.map +1 -1
- package/dist/components/NavList.d.ts +19 -27
- package/dist/components/NavList.d.ts.map +1 -1
- package/dist/components.json +0 -11
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +16 -115
- package/package.json +3 -3
- package/dist/components/ActionList.d.ts +0 -40
- package/dist/components/ActionList.d.ts.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { type FormControlProps as PrimerFormControlProps, type FormControlCaptionProps as PrimerFormControlCaptionProps, type FormControlValidationProps as PrimerFormControlValidationProps, type FormControlLabelProps as PrimerFormControlLabelProps, type SxProp } from '@primer/react';
|
|
2
2
|
import { type PropsWithChildren } from 'react';
|
|
3
3
|
type FormControlProps = PropsWithChildren<PrimerFormControlProps> & SxProp;
|
|
4
4
|
declare const FormControlImpl: import("react").ForwardRefExoticComponent<PrimerFormControlProps & {
|
|
@@ -9,11 +9,13 @@ declare const FormControlCaption: (props: FormControlCaptionProps) => import("re
|
|
|
9
9
|
type FormControlValidationProps = PropsWithChildren<PrimerFormControlValidationProps> & SxProp;
|
|
10
10
|
declare const FormControlValidation: (props: FormControlValidationProps) => import("react").JSX.Element;
|
|
11
11
|
declare const FormControlLeadingVisual: (props: PropsWithChildren<SxProp>) => import("react").JSX.Element;
|
|
12
|
+
type FormControlLabelProps = PropsWithChildren<PrimerFormControlLabelProps> & SxProp;
|
|
13
|
+
declare const FormControlLabel: (props: FormControlLabelProps) => import("react").JSX.Element;
|
|
12
14
|
declare const FormControl: typeof FormControlImpl & {
|
|
13
15
|
Caption: typeof FormControlCaption;
|
|
14
16
|
LeadingVisual: typeof FormControlLeadingVisual;
|
|
15
17
|
Validation: typeof FormControlValidation;
|
|
16
|
-
Label: typeof
|
|
18
|
+
Label: typeof FormControlLabel;
|
|
17
19
|
};
|
|
18
20
|
export { FormControl, type FormControlProps };
|
|
19
21
|
//# sourceMappingURL=FormControl.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,KAAK,0BAA0B,IAAI,gCAAgC,EACnE,KAAK,qBAAqB,IAAI,2BAA2B,EACzD,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,KAAK,uBAAuB,GAAG,iBAAiB,CAAC,6BAA6B,CAAC,GAAG,MAAM,CAAA;AACxF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,gCAEzD,CAAA;AAED,KAAK,0BAA0B,GAAG,iBAAiB,CAAC,gCAAgC,CAAC,GAAG,MAAM,CAAA;AAE9F,QAAA,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,gCAE/D,CAAA;AAED,QAAA,MAAM,wBAAwB,GAAI,OAAO,iBAAiB,CAAC,MAAM,CAAC,gCAEjE,CAAA;AAED,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,2BAA2B,CAAC,GAAG,MAAM,CAAA;AAEpF,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,gCAErD,CAAA;AAED,QAAA,MAAM,WAAW,EAKX,OAAO,eAAe,GAAG;IAC7B,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,aAAa,EAAE,OAAO,wBAAwB,CAAA;IAC9C,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,KAAK,EAAE,OAAO,gBAAgB,CAAA;CAC/B,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,17 +50,6 @@
|
|
|
50
50
|
"UnderlinePanels"
|
|
51
51
|
],
|
|
52
52
|
"types": [
|
|
53
|
-
"ActionListDescriptionProps",
|
|
54
|
-
"ActionListDividerProps",
|
|
55
|
-
"ActionListGroupHeadingProps",
|
|
56
|
-
"ActionListGroupProps",
|
|
57
|
-
"ActionListHeadingProps",
|
|
58
|
-
"ActionListItemProps",
|
|
59
|
-
"ActionListLeadingVisualProps",
|
|
60
|
-
"ActionListLinkItemProps",
|
|
61
|
-
"ActionListProps",
|
|
62
|
-
"ActionListTrailingActionProps",
|
|
63
|
-
"ActionListTrailingVisualProps",
|
|
64
53
|
"AutocompleteOverlayProps",
|
|
65
54
|
"AvatarProps",
|
|
66
55
|
"BetterSystemStyleObject",
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
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';
|
|
@@ -13,7 +14,6 @@ export { theme } from '@primer/react';
|
|
|
13
14
|
export { themeGet } from '@primer/react';
|
|
14
15
|
export { useColorSchemeVar } from '@primer/react';
|
|
15
16
|
export { useTheme } from '@primer/react';
|
|
16
|
-
export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListLinkItemProps, type ActionListGroupProps, type ActionListGroupHeadingProps, type ActionListDividerProps, type ActionListDescriptionProps, type ActionListLeadingVisualProps, type ActionListTrailingVisualProps, type ActionListHeadingProps, type ActionListTrailingActionProps, } from './components/ActionList';
|
|
17
17
|
export { ActionMenu } from './components/ActionMenu';
|
|
18
18
|
export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
|
|
19
19
|
export { Avatar, type AvatarProps } from './components/Avatar';
|
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,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AACvC,OAAO,EAAC,KAAK,cAAc,EAAC,MAAM,eAAe,CAAA;AAGjD,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAA;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAA;AACnC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,105 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { Box, Button, Details, IconButton, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
|
|
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, 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, IconButton, 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 ActionListHeading = styled(ActionList$1.Heading).withConfig({
|
|
36
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
37
|
-
}).withConfig({
|
|
38
|
-
displayName: "ActionList__ActionListHeading",
|
|
39
|
-
componentId: "sc-hw2362-2"
|
|
40
|
-
})(["", ""], sx);
|
|
41
|
-
const ActionListTrailingAction = styled(ActionList$1.TrailingAction).withConfig({
|
|
42
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
43
|
-
}).withConfig({
|
|
44
|
-
displayName: "ActionList__ActionListTrailingAction",
|
|
45
|
-
componentId: "sc-hw2362-3"
|
|
46
|
-
})(["", ""], sx);
|
|
47
|
-
const ActionListItem = /*#__PURE__*/forwardRef(function Item(props, ref) {
|
|
48
|
-
return /*#__PURE__*/jsx(Box, {
|
|
49
|
-
ref: ref,
|
|
50
|
-
as: ActionList$1.Item,
|
|
51
|
-
...props
|
|
52
|
-
});
|
|
53
|
-
});
|
|
54
|
-
function ActionListGroup(props) {
|
|
55
|
-
return /*#__PURE__*/jsx(Box, {
|
|
56
|
-
as: ActionList$1.Group,
|
|
57
|
-
...props
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
function ActionListGroupHeading(props) {
|
|
61
|
-
return /*#__PURE__*/jsx(Box, {
|
|
62
|
-
as: ActionList$1.GroupHeading,
|
|
63
|
-
...props
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
function ActionListDivider(props) {
|
|
67
|
-
return /*#__PURE__*/jsx(Box, {
|
|
68
|
-
as: ActionList$1.Divider,
|
|
69
|
-
...props
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
function ActionListDescription(props) {
|
|
73
|
-
return /*#__PURE__*/jsx(Box, {
|
|
74
|
-
as: ActionList$1.Description,
|
|
75
|
-
...props
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
function ActionListLeadingVisual(props) {
|
|
79
|
-
return /*#__PURE__*/jsx(Box, {
|
|
80
|
-
as: ActionList$1.LeadingVisual,
|
|
81
|
-
...props
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
function ActionListTrailingVisual(props) {
|
|
85
|
-
return /*#__PURE__*/jsx(Box, {
|
|
86
|
-
as: ActionList$1.TrailingVisual,
|
|
87
|
-
...props
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
const ActionList = Object.assign(ActionListImpl, {
|
|
91
|
-
Item: ActionListItem,
|
|
92
|
-
LinkItem: ActionListLinkItem,
|
|
93
|
-
Group: ActionListGroup,
|
|
94
|
-
GroupHeading: ActionListGroupHeading,
|
|
95
|
-
Divider: ActionListDivider,
|
|
96
|
-
Description: ActionListDescription,
|
|
97
|
-
LeadingVisual: ActionListLeadingVisual,
|
|
98
|
-
TrailingVisual: ActionListTrailingVisual,
|
|
99
|
-
Heading: ActionListHeading,
|
|
100
|
-
TrailingAction: ActionListTrailingAction
|
|
101
|
-
});
|
|
102
|
-
|
|
103
11
|
const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
|
|
104
12
|
shouldForwardProp: prop => prop !== 'sx'
|
|
105
13
|
}).withConfig({
|
|
@@ -254,11 +162,17 @@ const FormControlLeadingVisual = props => {
|
|
|
254
162
|
...props
|
|
255
163
|
});
|
|
256
164
|
};
|
|
165
|
+
const FormControlLabel = props => {
|
|
166
|
+
return /*#__PURE__*/jsx(Box, {
|
|
167
|
+
as: FormControl$1.Label,
|
|
168
|
+
...props
|
|
169
|
+
});
|
|
170
|
+
};
|
|
257
171
|
const FormControl = Object.assign(FormControlImpl, {
|
|
258
172
|
Caption: FormControlCaption,
|
|
259
173
|
LeadingVisual: FormControlLeadingVisual,
|
|
260
174
|
Validation: FormControlValidation,
|
|
261
|
-
Label:
|
|
175
|
+
Label: FormControlLabel
|
|
262
176
|
});
|
|
263
177
|
|
|
264
178
|
const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
|
|
@@ -383,31 +297,18 @@ const NavListGroup = /*#__PURE__*/forwardRef(function NavListGroup(props, ref) {
|
|
|
383
297
|
...props
|
|
384
298
|
});
|
|
385
299
|
});
|
|
386
|
-
const NavListGroupHeading = /*#__PURE__*/forwardRef(function NavListGroupHeading(props, ref) {
|
|
387
|
-
// @ts-expect-error - PrimerNavList.GroupHeading is not recognized as a valid component type
|
|
388
|
-
return /*#__PURE__*/jsx(Box, {
|
|
389
|
-
as: NavList$1.GroupHeading,
|
|
390
|
-
ref: ref,
|
|
391
|
-
...props
|
|
392
|
-
});
|
|
393
|
-
});
|
|
394
|
-
const NavListLeadingVisual = /*#__PURE__*/forwardRef(function NavListLeadingVisual(props, ref) {
|
|
395
|
-
// @ts-expect-error - PrimerNavList.LeadingVisual is not recognized as a valid component type
|
|
396
|
-
return /*#__PURE__*/jsx(Box, {
|
|
397
|
-
as: NavList$1.LeadingVisual,
|
|
398
|
-
ref: ref,
|
|
399
|
-
...props
|
|
400
|
-
});
|
|
401
|
-
});
|
|
402
300
|
const NavList = Object.assign(NavListImpl, {
|
|
301
|
+
// Wrapped components that need sx support added back in
|
|
403
302
|
Item: NavListItem,
|
|
404
303
|
Group: NavListGroup,
|
|
405
|
-
|
|
406
|
-
|
|
304
|
+
// Re-exporting others directly
|
|
305
|
+
// TODO: try to remove typecasts to work around "non-portable types" TS error
|
|
407
306
|
SubNav: NavList$1.SubNav,
|
|
408
307
|
Divider: NavList$1.Divider,
|
|
308
|
+
LeadingVisual: NavList$1.LeadingVisual,
|
|
409
309
|
TrailingVisual: NavList$1.TrailingVisual,
|
|
410
310
|
TrailingAction: NavList$1.TrailingAction,
|
|
311
|
+
GroupHeading: NavList$1.GroupHeading,
|
|
411
312
|
GroupExpand: NavList$1.GroupExpand
|
|
412
313
|
});
|
|
413
314
|
|
|
@@ -707,4 +608,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
|
|
|
707
608
|
Item: UnderlineNavItem
|
|
708
609
|
});
|
|
709
610
|
|
|
710
|
-
export {
|
|
611
|
+
export { ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, FormControl, 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-
|
|
3
|
+
"version": "0.0.0-20251002023442",
|
|
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-20251002023442",
|
|
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-20251002023442",
|
|
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,40 +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 ActionListDescriptionProps as PrimerActionListDescriptionProps, 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 PrimerActionListGroupHeadingProps = React.ComponentProps<typeof PrimerActionList.GroupHeading>;
|
|
6
|
-
type PrimerActionListHeadingProps = React.ComponentProps<typeof PrimerActionList.Heading>;
|
|
7
|
-
type PrimerActionListTrailingActionProps = React.ComponentProps<typeof PrimerActionList.TrailingAction>;
|
|
8
|
-
export type ActionListProps<As extends React.ElementType = 'ul'> = PrimerActionListProps<As> & SxProp;
|
|
9
|
-
export type ActionListItemProps = React.PropsWithChildren<PrimerActionListItemProps & SxProp>;
|
|
10
|
-
export type ActionListLinkItemProps = PrimerActionListLinkItemProps & SxProp;
|
|
11
|
-
export type ActionListGroupProps = React.PropsWithChildren<PrimerActionListGroupProps & SxProp>;
|
|
12
|
-
export type ActionListGroupHeadingProps = PrimerActionListGroupHeadingProps & SxProp;
|
|
13
|
-
export type ActionListDividerProps = React.PropsWithChildren<PrimerActionListDividerProps & SxProp>;
|
|
14
|
-
export type ActionListDescriptionProps = React.PropsWithChildren<PrimerActionListDescriptionProps & SxProp>;
|
|
15
|
-
export type ActionListLeadingVisualProps = React.PropsWithChildren<PrimerActionListLeadingVisualProps & SxProp>;
|
|
16
|
-
export type ActionListTrailingVisualProps = React.PropsWithChildren<PrimerActionListTrailingVisualProps & SxProp>;
|
|
17
|
-
export type ActionListHeadingProps = PrimerActionListHeadingProps & SxProp;
|
|
18
|
-
export type ActionListTrailingActionProps = PrimerActionListTrailingActionProps & SxProp;
|
|
19
|
-
type HeadingLevels = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
20
|
-
type TrailingActionElements = 'button' | 'a';
|
|
21
|
-
declare function ActionListGroup(props: ActionListGroupProps): React.JSX.Element;
|
|
22
|
-
declare function ActionListGroupHeading(props: ActionListGroupHeadingProps): React.JSX.Element;
|
|
23
|
-
declare function ActionListDivider(props: ActionListDividerProps): React.JSX.Element;
|
|
24
|
-
declare function ActionListDescription(props: ActionListDescriptionProps): React.JSX.Element;
|
|
25
|
-
declare function ActionListLeadingVisual(props: ActionListLeadingVisualProps): React.JSX.Element;
|
|
26
|
-
declare function ActionListTrailingVisual(props: ActionListTrailingVisualProps): React.JSX.Element;
|
|
27
|
-
export declare const ActionList: React.ForwardRefExoticComponent<Omit<ActionListProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>> & {
|
|
28
|
-
Item: React.ForwardRefExoticComponent<Omit<ActionListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
29
|
-
LinkItem: ForwardRefComponent<"a", ActionListLinkItemProps>;
|
|
30
|
-
Group: typeof ActionListGroup;
|
|
31
|
-
GroupHeading: typeof ActionListGroupHeading;
|
|
32
|
-
Divider: typeof ActionListDivider;
|
|
33
|
-
Description: typeof ActionListDescription;
|
|
34
|
-
LeadingVisual: typeof ActionListLeadingVisual;
|
|
35
|
-
TrailingVisual: typeof ActionListTrailingVisual;
|
|
36
|
-
Heading: ForwardRefComponent<HeadingLevels, ActionListHeadingProps>;
|
|
37
|
-
TrailingAction: ForwardRefComponent<TrailingActionElements, ActionListTrailingActionProps>;
|
|
38
|
-
};
|
|
39
|
-
export {};
|
|
40
|
-
//# sourceMappingURL=ActionList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,KAAK,0BAA0B,IAAI,gCAAgC,EACnE,KAAK,4BAA4B,IAAI,kCAAkC,EACvE,KAAK,6BAA6B,IAAI,mCAAmC,EAC1E,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,iCAAiC,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,YAAY,CAAC,CAAA;AACnG,KAAK,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAA;AACzF,KAAK,mCAAmC,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,cAAc,CAAC,CAAA;AAEvG,MAAM,MAAM,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI,IAAI,qBAAqB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AACrG,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,GAAG,MAAM,CAAC,CAAA;AAC7F,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,GAAG,MAAM,CAAA;AAC5E,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,GAAG,MAAM,CAAC,CAAA;AAC/F,MAAM,MAAM,2BAA2B,GAAG,iCAAiC,GAAG,MAAM,CAAA;AACpF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,GAAG,MAAM,CAAC,CAAA;AACnG,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,GAAG,MAAM,CAAC,CAAA;AAC3G,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,iBAAiB,CAAC,kCAAkC,GAAG,MAAM,CAAC,CAAA;AAC/G,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,iBAAiB,CAAC,mCAAmC,GAAG,MAAM,CAAC,CAAA;AACjH,MAAM,MAAM,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAC1E,MAAM,MAAM,6BAA6B,GAAG,mCAAmC,GAAG,MAAM,CAAA;AAyBxF,KAAK,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAS5D,KAAK,sBAAsB,GAAG,QAAQ,GAAG,GAAG,CAAA;AAa5C,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAEnD;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAEjE;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAEvD;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAE/D;AAED,iBAAS,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAEnE;AAED,iBAAS,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAErE;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;CAWrB,CAAA"}
|