@primer/styled-react 0.0.0-20251010151846 → 0.0.0-20251010190842
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/ActionList.d.ts +36 -0
- package/dist/components/ActionList.d.ts.map +1 -0
- package/dist/components/ActionList.js +104 -0
- package/dist/components/ActionMenu.d.ts +12 -0
- package/dist/components/ActionMenu.d.ts.map +1 -0
- package/dist/components/ActionMenu.js +17 -0
- package/dist/components/Autocomplete.d.ts +15 -0
- package/dist/components/Autocomplete.d.ts.map +1 -0
- package/dist/components/Autocomplete.js +17 -0
- package/dist/components/Avatar.d.ts +13 -0
- package/dist/components/Avatar.d.ts.map +1 -0
- package/dist/components/Avatar.js +13 -0
- package/dist/components/BaseStyles.d.ts +17 -0
- package/dist/components/BaseStyles.d.ts.map +1 -0
- package/dist/components/BaseStyles.js +51 -0
- package/dist/components/Breadcrumbs.d.ts +18 -0
- package/dist/components/Breadcrumbs.d.ts.map +1 -0
- package/dist/components/Breadcrumbs.js +37 -0
- package/dist/components/Checkbox.d.ts +5 -0
- package/dist/components/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox.js +13 -0
- package/dist/components/CheckboxGroup.d.ts +22 -0
- package/dist/components/CheckboxGroup.d.ts.map +1 -0
- package/dist/components/CheckboxGroup.js +38 -0
- package/dist/components/CircleBadge.d.ts +7 -0
- package/dist/components/CircleBadge.d.ts.map +1 -0
- package/dist/components/CircleBadge.js +11 -0
- package/dist/components/CounterLabel.d.ts +10 -0
- package/dist/components/CounterLabel.d.ts.map +1 -0
- package/dist/components/CounterLabel.js +13 -0
- package/dist/components/DataTable.d.ts +11 -0
- package/dist/components/DataTable.d.ts.map +1 -0
- package/dist/components/DataTable.js +32 -0
- package/dist/components/Dialog.d.ts +19 -0
- package/dist/components/Dialog.d.ts.map +1 -0
- package/dist/components/Dialog.js +42 -0
- package/dist/components/FeatureFlaggedTheming.d.ts +6 -0
- package/dist/components/FeatureFlaggedTheming.d.ts.map +1 -0
- package/dist/components/FeatureFlaggedTheming.js +54 -0
- package/dist/components/Flash.js +11 -0
- package/dist/components/Header.d.ts.map +1 -1
- package/dist/components/Header.js +51 -0
- package/dist/components/Heading.d.ts +8 -0
- package/dist/components/Heading.d.ts.map +1 -0
- package/dist/components/Heading.js +11 -0
- package/dist/components/Label.d.ts +9 -0
- package/dist/components/Label.d.ts.map +1 -0
- package/dist/components/Label.js +25 -0
- package/dist/components/Link.d.ts +7 -0
- package/dist/components/Link.d.ts.map +1 -0
- package/dist/components/Link.js +25 -0
- package/dist/components/LinkButton.js +11 -0
- package/dist/components/NavList.d.ts +33 -0
- package/dist/components/NavList.d.ts.map +1 -0
- package/dist/components/NavList.js +56 -0
- package/dist/components/Overlay.d.ts +7 -0
- package/dist/components/Overlay.d.ts.map +1 -0
- package/dist/components/Overlay.js +11 -0
- package/dist/components/PageHeader.d.ts +18 -14
- package/dist/components/PageHeader.d.ts.map +1 -1
- package/dist/{PageHeader-BYlYLcfB.js → components/PageHeader.js} +30 -9
- package/dist/components/PageLayout.d.ts +18 -0
- package/dist/components/PageLayout.d.ts.map +1 -0
- package/dist/components/PageLayout.js +39 -0
- package/dist/components/RadioGroup.d.ts +22 -0
- package/dist/components/RadioGroup.d.ts.map +1 -0
- package/dist/components/RadioGroup.js +38 -0
- package/dist/components/RelativeTime.d.ts +6 -0
- package/dist/components/RelativeTime.d.ts.map +1 -0
- package/dist/components/RelativeTime.js +13 -0
- package/dist/components/SegmentedControl.d.ts +12 -0
- package/dist/components/SegmentedControl.d.ts.map +1 -0
- package/dist/components/SegmentedControl.js +27 -0
- package/dist/components/Spinner.d.ts +5 -0
- package/dist/components/Spinner.d.ts.map +1 -0
- package/dist/components/Spinner.js +11 -0
- package/dist/components/StateLabel.d.ts +9 -0
- package/dist/components/StateLabel.d.ts.map +1 -0
- package/dist/components/StateLabel.js +13 -0
- package/dist/components/SubNav.d.ts +9 -0
- package/dist/components/SubNav.d.ts.map +1 -0
- package/dist/components/SubNav.js +23 -0
- package/dist/components/Text.d.ts +15 -0
- package/dist/components/Text.d.ts.map +1 -0
- package/dist/components/Text.js +25 -0
- package/dist/components/ThemeProvider.d.ts +30 -0
- package/dist/components/ThemeProvider.d.ts.map +1 -0
- package/dist/components/ThemeProvider.js +202 -0
- package/dist/components/Timeline.d.ts +26 -0
- package/dist/components/Timeline.d.ts.map +1 -0
- package/dist/components/Timeline.js +46 -0
- package/dist/components/ToggleSwitch.d.ts +6 -0
- package/dist/components/ToggleSwitch.d.ts.map +1 -0
- package/dist/components/ToggleSwitch.js +13 -0
- package/dist/components/Token.d.ts +8 -0
- package/dist/components/Token.d.ts.map +1 -0
- package/dist/components/Token.js +25 -0
- package/dist/components/Tooltip.d.ts +6 -0
- package/dist/components/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip.js +13 -0
- package/dist/components/Truncate.d.ts +7 -0
- package/dist/components/Truncate.d.ts.map +1 -0
- package/dist/components/Truncate.js +11 -0
- package/dist/components/UnderlineNav.d.ts +11 -0
- package/dist/components/UnderlineNav.d.ts.map +1 -0
- package/dist/components/UnderlineNav.js +43 -0
- package/dist/components/UnderlinePanels.d.ts +12 -0
- package/dist/components/UnderlinePanels.d.ts.map +1 -0
- package/dist/components/UnderlinePanels.js +27 -0
- package/dist/components/deprecated/ActionList.d.ts +23 -0
- package/dist/components/deprecated/ActionList.d.ts.map +1 -0
- package/dist/components/deprecated/ActionList.js +48 -0
- package/dist/components/deprecated/DialogV1.d.ts +11 -0
- package/dist/components/deprecated/DialogV1.d.ts.map +1 -0
- package/dist/components/deprecated/DialogV1.js +44 -0
- package/dist/components/deprecated/Octicon.d.ts +17 -0
- package/dist/components/deprecated/Octicon.d.ts.map +1 -0
- package/dist/components/deprecated/Octicon.js +39 -0
- package/dist/components/deprecated/TabNav.d.ts +9 -0
- package/dist/components/deprecated/TabNav.d.ts.map +1 -0
- package/dist/components/deprecated/TabNav.js +44 -0
- package/dist/components/deprecated/Tooltip.d.ts +13 -0
- package/dist/components/deprecated/Tooltip.d.ts.map +1 -0
- package/dist/components/deprecated/Tooltip.js +31 -0
- package/dist/components.json +60 -1
- package/dist/deprecated.d.ts +5 -1
- package/dist/deprecated.d.ts.map +1 -1
- package/dist/deprecated.js +5 -1
- package/dist/experimental.d.ts +4 -1
- package/dist/experimental.d.ts.map +1 -1
- package/dist/experimental.js +5 -5
- package/dist/index.d.ts +48 -81
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +36 -223
- package/dist/styled-props.d.ts +5 -0
- package/dist/styled-props.d.ts.map +1 -0
- package/package.json +3 -3
|
@@ -0,0 +1,36 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { ActionList as ActionList$1, sx } from '@primer/react';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
const StyledActionList = styled(ActionList$1).withConfig({
|
|
7
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
8
|
+
}).withConfig({
|
|
9
|
+
displayName: "ActionList__StyledActionList",
|
|
10
|
+
componentId: "sc-hw2362-0"
|
|
11
|
+
})(["", ""], sx);
|
|
12
|
+
const ActionListImpl = /*#__PURE__*/React.forwardRef(function ActionListImpl({
|
|
13
|
+
as,
|
|
14
|
+
...rest
|
|
15
|
+
}, ref) {
|
|
16
|
+
return /*#__PURE__*/jsx(StyledActionList, {
|
|
17
|
+
ref: ref,
|
|
18
|
+
...rest,
|
|
19
|
+
...(as ? {
|
|
20
|
+
forwardedAs: as
|
|
21
|
+
} : {})
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
const ActionListLinkItem = styled(ActionList$1.LinkItem).withConfig({
|
|
25
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
26
|
+
}).withConfig({
|
|
27
|
+
displayName: "ActionList__ActionListLinkItem",
|
|
28
|
+
componentId: "sc-hw2362-1"
|
|
29
|
+
})(["", ""], sx);
|
|
30
|
+
const StyledActionListTrailingAction = styled(ActionList$1.TrailingAction).withConfig({
|
|
31
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
32
|
+
}).withConfig({
|
|
33
|
+
displayName: "ActionList__StyledActionListTrailingAction",
|
|
34
|
+
componentId: "sc-hw2362-2"
|
|
35
|
+
})(["", ""], sx);
|
|
36
|
+
const ActionListTrailingAction = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
37
|
+
const {
|
|
38
|
+
as,
|
|
39
|
+
...rest
|
|
40
|
+
} = props;
|
|
41
|
+
return /*#__PURE__*/jsx(StyledActionListTrailingAction, {
|
|
42
|
+
...rest,
|
|
43
|
+
...(as ? {
|
|
44
|
+
forwardedAs: as
|
|
45
|
+
} : {}),
|
|
46
|
+
ref: ref
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
const StyledActionListItem = styled(ActionList$1.Item).withConfig({
|
|
50
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
51
|
+
}).withConfig({
|
|
52
|
+
displayName: "ActionList__StyledActionListItem",
|
|
53
|
+
componentId: "sc-hw2362-3"
|
|
54
|
+
})(["", ""], sx);
|
|
55
|
+
const ActionListItem = /*#__PURE__*/React.forwardRef(({
|
|
56
|
+
children,
|
|
57
|
+
as,
|
|
58
|
+
...props
|
|
59
|
+
}, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
|
|
60
|
+
ref: ref,
|
|
61
|
+
...props,
|
|
62
|
+
...(as ? {
|
|
63
|
+
forwardedAs: as
|
|
64
|
+
} : {}),
|
|
65
|
+
children: children
|
|
66
|
+
}));
|
|
67
|
+
const ActionListGroup = styled(ActionList$1.Group).withConfig({
|
|
68
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
69
|
+
}).withConfig({
|
|
70
|
+
displayName: "ActionList__ActionListGroup",
|
|
71
|
+
componentId: "sc-hw2362-4"
|
|
72
|
+
})(["", ""], sx);
|
|
73
|
+
const ActionListDivider = styled(ActionList$1.Divider).withConfig({
|
|
74
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
75
|
+
}).withConfig({
|
|
76
|
+
displayName: "ActionList__ActionListDivider",
|
|
77
|
+
componentId: "sc-hw2362-5"
|
|
78
|
+
})(["", ""], sx);
|
|
79
|
+
const ActionListLeadingVisual = styled(ActionList$1.LeadingVisual).withConfig({
|
|
80
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
81
|
+
}).withConfig({
|
|
82
|
+
displayName: "ActionList__ActionListLeadingVisual",
|
|
83
|
+
componentId: "sc-hw2362-6"
|
|
84
|
+
})(["", ""], sx);
|
|
85
|
+
const ActionListTrailingVisual = styled(ActionList$1.TrailingVisual).withConfig({
|
|
86
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
87
|
+
}).withConfig({
|
|
88
|
+
displayName: "ActionList__ActionListTrailingVisual",
|
|
89
|
+
componentId: "sc-hw2362-7"
|
|
90
|
+
})(["", ""], sx);
|
|
91
|
+
const ActionList = Object.assign(ActionListImpl, {
|
|
92
|
+
Item: ActionListItem,
|
|
93
|
+
LinkItem: ActionListLinkItem,
|
|
94
|
+
Group: ActionListGroup,
|
|
95
|
+
GroupHeading: ActionList$1.GroupHeading,
|
|
96
|
+
Divider: ActionListDivider,
|
|
97
|
+
Description: ActionList$1.Description,
|
|
98
|
+
LeadingVisual: ActionListLeadingVisual,
|
|
99
|
+
TrailingVisual: ActionListTrailingVisual,
|
|
100
|
+
Heading: ActionList$1.Heading,
|
|
101
|
+
TrailingAction: ActionListTrailingAction
|
|
102
|
+
});
|
|
103
|
+
|
|
104
|
+
export { ActionList };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ActionMenu as PrimerActionMenu, type SxProp } from '@primer/react';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
|
+
type ActionMenuOverlayProps = ComponentProps<typeof PrimerActionMenu.Overlay> & SxProp;
|
|
4
|
+
declare const ActionMenuOverlay: React.ComponentType<ActionMenuOverlayProps>;
|
|
5
|
+
export declare const ActionMenu: typeof PrimerActionMenu & {
|
|
6
|
+
Button: typeof PrimerActionMenu.Button;
|
|
7
|
+
Anchor: typeof PrimerActionMenu.Anchor;
|
|
8
|
+
Overlay: typeof ActionMenuOverlay;
|
|
9
|
+
Divider: typeof PrimerActionMenu.Divider;
|
|
10
|
+
};
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=ActionMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAE,KAAK,MAAM,EAAC,MAAM,eAAe,CAAA;AAGzE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,MAAM,CAAA;AAEtF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAIlE,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,gBAAgB,GAAG;IACjD,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC,OAAO,CAAA;CAMxC,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ActionMenu as ActionMenu$1, sx } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
|
|
4
|
+
const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
|
|
5
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
6
|
+
}).withConfig({
|
|
7
|
+
displayName: "ActionMenu__ActionMenuOverlay",
|
|
8
|
+
componentId: "sc-w5s60e-0"
|
|
9
|
+
})(["", ""], sx);
|
|
10
|
+
const ActionMenu = Object.assign(ActionMenu$1, {
|
|
11
|
+
Button: ActionMenu$1.Button,
|
|
12
|
+
Anchor: ActionMenu$1.Anchor,
|
|
13
|
+
Overlay: ActionMenuOverlay,
|
|
14
|
+
Divider: ActionMenu$1.Divider
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { ActionMenu };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Autocomplete as PrimerAutocomplete, type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
import type { ComponentProps } from 'react';
|
|
4
|
+
export type AutocompleteOverlayProps = PrimerAutocompleteOverlayProps & SxProp;
|
|
5
|
+
declare const AutocompleteOverlay: React.ComponentType<AutocompleteOverlayProps>;
|
|
6
|
+
interface AutocompleteExport {
|
|
7
|
+
(props: ComponentProps<typeof PrimerAutocomplete>): React.ReactNode;
|
|
8
|
+
Context: typeof PrimerAutocomplete.Context;
|
|
9
|
+
Input: typeof PrimerAutocomplete.Input;
|
|
10
|
+
Menu: typeof PrimerAutocomplete.Menu;
|
|
11
|
+
Overlay: typeof AutocompleteOverlay;
|
|
12
|
+
}
|
|
13
|
+
declare const Autocomplete: AutocompleteExport;
|
|
14
|
+
export { Autocomplete };
|
|
15
|
+
//# sourceMappingURL=Autocomplete.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,kBAAkB,EAClC,KAAK,wBAAwB,IAAI,8BAA8B,EAChE,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,MAAM,MAAM,wBAAwB,GAAG,8BAA8B,GAAG,MAAM,CAAA;AAE9E,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAMtE,CAAA;AAED,UAAU,kBAAkB;IAC1B,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACnE,OAAO,EAAE,OAAO,kBAAkB,CAAC,OAAO,CAAA;IAC1C,KAAK,EAAE,OAAO,kBAAkB,CAAC,KAAK,CAAA;IACtC,IAAI,EAAE,OAAO,kBAAkB,CAAC,IAAI,CAAA;IACpC,OAAO,EAAE,OAAO,mBAAmB,CAAA;CACpC;AAED,QAAA,MAAM,YAAY,EAAE,kBAKlB,CAAA;AAEF,OAAO,EAAC,YAAY,EAAC,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Autocomplete as Autocomplete$1, sx } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
|
|
4
|
+
const AutocompleteOverlay = styled(Autocomplete$1.Overlay).withConfig({
|
|
5
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
6
|
+
}).withConfig({
|
|
7
|
+
displayName: "Autocomplete__AutocompleteOverlay",
|
|
8
|
+
componentId: "sc-j8ax2e-0"
|
|
9
|
+
})(["", ""], sx);
|
|
10
|
+
const Autocomplete = Object.assign(Autocomplete$1, {
|
|
11
|
+
Context: Autocomplete$1.Context,
|
|
12
|
+
Input: Autocomplete$1.Input,
|
|
13
|
+
Menu: Autocomplete$1.Menu,
|
|
14
|
+
Overlay: AutocompleteOverlay
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { Autocomplete };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type AvatarProps as PrimerAvatarProps } from '@primer/react';
|
|
2
|
+
import type { StyledProps } from '../styled-props';
|
|
3
|
+
type AvatarProps = PrimerAvatarProps & StyledProps;
|
|
4
|
+
declare const Avatar: import("react").ForwardRefExoticComponent<{
|
|
5
|
+
size?: number | import("@primer/react").ResponsiveValue<number>;
|
|
6
|
+
square?: boolean;
|
|
7
|
+
src: string;
|
|
8
|
+
alt?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
} & Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("@primer/react").SxProp & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("react").RefAttributes<HTMLImageElement>>;
|
|
11
|
+
export { Avatar };
|
|
12
|
+
export type { AvatarProps };
|
|
13
|
+
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,WAAW,IAAI,iBAAiB,EAAyB,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAGhD,KAAK,WAAW,GAAG,iBAAiB,GAAG,WAAW,CAAA;AAClD,QAAA,MAAM,MAAM;;;;;;ooDAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Box, Avatar as Avatar$1 } from '@primer/react';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const Avatar = /*#__PURE__*/forwardRef(function Avatar(props, ref) {
|
|
6
|
+
return /*#__PURE__*/jsx(Box, {
|
|
7
|
+
as: Avatar$1,
|
|
8
|
+
ref: ref,
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export { Avatar };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import { type CSSProperties, type PropsWithChildren } from 'react';
|
|
3
|
+
import type * as styledSystem from 'styled-system';
|
|
4
|
+
import 'focus-visible';
|
|
5
|
+
export interface SystemCommonProps extends styledSystem.ColorProps, styledSystem.SpaceProps, styledSystem.DisplayProps {
|
|
6
|
+
}
|
|
7
|
+
export interface SystemTypographyProps extends styledSystem.TypographyProps {
|
|
8
|
+
whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line';
|
|
9
|
+
}
|
|
10
|
+
export type BaseStylesProps = PropsWithChildren & {
|
|
11
|
+
as?: React.ComponentType<any> | keyof JSX.IntrinsicElements;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: CSSProperties;
|
|
14
|
+
color?: string;
|
|
15
|
+
} & SystemTypographyProps & SystemCommonProps;
|
|
16
|
+
export declare function BaseStyles({ children, color, fontFamily, lineHeight, className, as: Component, style, ...rest }: BaseStylesProps): React.JSX.Element;
|
|
17
|
+
//# sourceMappingURL=BaseStyles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseStyles.d.ts","sourceRoot":"","sources":["../../src/components/BaseStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAGhE,OAAO,KAAK,KAAK,YAAY,MAAM,eAAe,CAAA;AAGlD,OAAO,eAAe,CAAA;AAGtB,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,UAAU,EAC7B,YAAY,CAAC,UAAU,EACvB,YAAY,CAAC,YAAY;CAAG;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,eAAe;IACzE,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAA;CACnE;AAqFD,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAEhD,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,qBAAqB,GACvB,iBAAiB,CAAA;AAEnB,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,EAAE,EAAE,SAAiB,EACrB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,qBA+BjB"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { clsx } from 'clsx';
|
|
2
|
+
import { useTheme } from './ThemeProvider.js';
|
|
3
|
+
import 'focus-visible';
|
|
4
|
+
import { createGlobalStyle } from 'styled-components';
|
|
5
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
const GlobalStyle = createGlobalStyle(["*{box-sizing:border-box;}body{margin:0;}table{border-collapse:collapse;}[data-color-mode='light'] input{color-scheme:light;}[data-color-mode='dark'] input{color-scheme:dark;}@media (prefers-color-scheme:light){[data-color-mode='auto'][data-light-theme*='light']{color-scheme:light;}}@media (prefers-color-scheme:dark){[data-color-mode='auto'][data-dark-theme*='dark']{color-scheme:dark;}}[role='button']:focus:not(:focus-visible):not(:global(.focus-visible)),[role='tabpanel'][tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),button:focus:not(:focus-visible):not(:global(.focus-visible)),summary:focus:not(:focus-visible):not(:global(.focus-visible)),a:focus:not(:focus-visible):not(:global(.focus-visible)){outline:none;box-shadow:none;}[tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),details-dialog:focus:not(:focus-visible):not(:global(.focus-visible)){outline:none;}.BaseStyles{font-family:var(--BaseStyles-fontFamily,var(--fontStack-system));line-height:var(--BaseStyles-lineHeight,1.5);color:var(--BaseStyles-fgColor,var(--fgColor-default));&:has([data-color-mode='light']){input &{color-scheme:light;}}&:has([data-color-mode='dark']){input &{color-scheme:dark;}}:where(a:not([class*='prc-']):not([class*='PRC-']):not([class*='Primer_Brand__'])){color:var(--fgColor-accent,var(--color-accent-fg));text-decoration:none;&:hover{text-decoration:underline;}}}"]);
|
|
8
|
+
function BaseStyles({
|
|
9
|
+
children,
|
|
10
|
+
color,
|
|
11
|
+
fontFamily,
|
|
12
|
+
lineHeight,
|
|
13
|
+
className,
|
|
14
|
+
as: Component = 'div',
|
|
15
|
+
style,
|
|
16
|
+
...rest
|
|
17
|
+
}) {
|
|
18
|
+
const {
|
|
19
|
+
colorMode,
|
|
20
|
+
colorScheme,
|
|
21
|
+
dayScheme,
|
|
22
|
+
nightScheme
|
|
23
|
+
} = useTheme();
|
|
24
|
+
const baseStyles = {
|
|
25
|
+
['--BaseStyles-fgColor']: color,
|
|
26
|
+
['--BaseStyles-fontFamily']: fontFamily,
|
|
27
|
+
['--BaseStyles-lineHeight']: lineHeight
|
|
28
|
+
};
|
|
29
|
+
return /*#__PURE__*/jsxs(Component, {
|
|
30
|
+
className: clsx('BaseStyles', className),
|
|
31
|
+
"data-portal-root": true
|
|
32
|
+
/**
|
|
33
|
+
* We need to map valid primer/react color modes onto valid color modes for primer/primitives
|
|
34
|
+
* valid color modes for primer/primitives: auto | light | dark
|
|
35
|
+
* valid color modes for primer/primer: auto | day | night | light | dark
|
|
36
|
+
*/,
|
|
37
|
+
"data-color-mode": colorMode === 'auto' ? 'auto' : colorScheme?.includes('dark') ? 'dark' : 'light',
|
|
38
|
+
"data-light-theme": dayScheme,
|
|
39
|
+
"data-dark-theme": nightScheme,
|
|
40
|
+
style: {
|
|
41
|
+
...baseStyles,
|
|
42
|
+
...style
|
|
43
|
+
},
|
|
44
|
+
...rest,
|
|
45
|
+
children: [/*#__PURE__*/jsx(GlobalStyle, {
|
|
46
|
+
colorScheme: colorScheme?.includes('dark') ? 'dark' : 'light'
|
|
47
|
+
}), children]
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
export { BaseStyles };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { BreadcrumbsProps as PrimerBreadcrumbsProps, BreadcrumbsItemProps as PrimerBreadcrumbsItemsProps } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
import { type ForwardRefComponent } from '../polymorphic';
|
|
4
|
+
import type React from 'react';
|
|
5
|
+
type BreadcrumbsProps = PrimerBreadcrumbsProps & SxProp;
|
|
6
|
+
type BreadcrumbsItemProps<As extends React.ElementType = 'a'> = PrimerBreadcrumbsItemsProps<As> & SxProp;
|
|
7
|
+
declare function BreadcrumbsItem<As extends React.ElementType = 'a'>({ as, ...props }: BreadcrumbsItemProps<As>): React.JSX.Element;
|
|
8
|
+
declare const Breadcrumbs: ForwardRefComponent<'nav', BreadcrumbsProps> & {
|
|
9
|
+
Item: typeof BreadcrumbsItem;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated Use the `Breadcrumbs` component instead (i.e. `<Breadcrumb>` → `<Breadcrumbs>`)
|
|
13
|
+
*/
|
|
14
|
+
declare const Breadcrumb: ForwardRefComponent<"nav", BreadcrumbsProps> & {
|
|
15
|
+
Item: typeof BreadcrumbsItem;
|
|
16
|
+
};
|
|
17
|
+
export { Breadcrumbs, Breadcrumb, type BreadcrumbsProps, type BreadcrumbsItemProps };
|
|
18
|
+
//# sourceMappingURL=Breadcrumbs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gBAAgB,IAAI,sBAAsB,EAC1C,oBAAoB,IAAI,2BAA2B,EACpD,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,gBAAgB,GAAG,sBAAsB,GAAG,MAAM,CAAA;AACvD,KAAK,oBAAoB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,2BAA2B,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAgBxG,iBAAS,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAAE,EAAC,EAAE,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,EAAE,CAAC,qBAEpG;AAED,QAAA,MAAM,WAAW,EAAE,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,CAAC,GAAG;IAAC,IAAI,EAAE,OAAO,eAAe,CAAA;CAG9F,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,UAAU;UARyD,OAAO,eAAe;CAQjE,CAAA;AAE9B,OAAO,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAC,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Breadcrumbs as Breadcrumbs$1, sx } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const BreadcrumbsImpl = styled(Breadcrumbs$1).withConfig({
|
|
6
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
7
|
+
}).withConfig({
|
|
8
|
+
displayName: "Breadcrumbs__BreadcrumbsImpl",
|
|
9
|
+
componentId: "sc-1qj8pw-0"
|
|
10
|
+
})(["", ""], sx);
|
|
11
|
+
const StyledBreadcrumbsItem = styled(Breadcrumbs$1.Item).withConfig({
|
|
12
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
13
|
+
}).withConfig({
|
|
14
|
+
displayName: "Breadcrumbs__StyledBreadcrumbsItem",
|
|
15
|
+
componentId: "sc-1qj8pw-1"
|
|
16
|
+
})(["", ""], sx);
|
|
17
|
+
function BreadcrumbsItem({
|
|
18
|
+
as,
|
|
19
|
+
...props
|
|
20
|
+
}) {
|
|
21
|
+
return /*#__PURE__*/jsx(StyledBreadcrumbsItem, {
|
|
22
|
+
...props,
|
|
23
|
+
...(as ? {
|
|
24
|
+
forwardedAs: as
|
|
25
|
+
} : {})
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
const Breadcrumbs = Object.assign(BreadcrumbsImpl, {
|
|
29
|
+
Item: BreadcrumbsItem
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* @deprecated Use the `Breadcrumbs` component instead (i.e. `<Breadcrumb>` → `<Breadcrumbs>`)
|
|
34
|
+
*/
|
|
35
|
+
const Breadcrumb = Breadcrumbs;
|
|
36
|
+
|
|
37
|
+
export { Breadcrumb, Breadcrumbs };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type CheckboxProps as PrimerCheckboxProps } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
export type CheckboxProps = PrimerCheckboxProps & SxProp;
|
|
4
|
+
export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
5
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,IAAI,mBAAmB,EAAC,MAAM,eAAe,CAAA;AAGnG,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,MAAM,CAAA;AAExD,eAAO,MAAM,QAAQ,yHAEnB,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Box, Checkbox as Checkbox$1 } from '@primer/react';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
|
|
6
|
+
return /*#__PURE__*/jsx(Box, {
|
|
7
|
+
as: Checkbox$1,
|
|
8
|
+
ref: ref,
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export { Checkbox };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type CheckboxGroupProps as PrimerCheckboxGroupProps } from '@primer/react';
|
|
2
|
+
import React, { type PropsWithChildren } from 'react';
|
|
3
|
+
import type { SxProp } from '../sx';
|
|
4
|
+
export type CheckboxGroupProps = PropsWithChildren<PrimerCheckboxGroupProps> & SxProp;
|
|
5
|
+
type CheckboxOrRadioGroupLabelProps = PropsWithChildren<{
|
|
6
|
+
className?: string;
|
|
7
|
+
visuallyHidden?: boolean;
|
|
8
|
+
} & SxProp>;
|
|
9
|
+
type CheckboxOrRadioGroupCaptionProps = PropsWithChildren<{
|
|
10
|
+
className?: string;
|
|
11
|
+
} & SxProp>;
|
|
12
|
+
type CheckboxOrRadioGroupValidationProps = PropsWithChildren<{
|
|
13
|
+
className?: string;
|
|
14
|
+
variant: 'error' | 'success';
|
|
15
|
+
} & SxProp>;
|
|
16
|
+
export declare const CheckboxGroup: ((props: CheckboxGroupProps) => React.JSX.Element) & {
|
|
17
|
+
Label: (props: CheckboxOrRadioGroupLabelProps) => React.JSX.Element;
|
|
18
|
+
Caption: (props: CheckboxOrRadioGroupCaptionProps) => React.JSX.Element;
|
|
19
|
+
Validation: (props: CheckboxOrRadioGroupValidationProps) => React.JSX.Element;
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=CheckboxGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,kBAAkB,IAAI,wBAAwB,EACpD,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAA;AAOrF,KAAK,8BAA8B,GAAG,iBAAiB,CACrD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,gCAAgC,GAAG,iBAAiB,CACvD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,mCAAmC,GAAG,iBAAiB,CAC1D;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B,GAAG,MAAM,CACX,CAAA;AAKD,eAAO,MAAM,aAAa,WAlCQ,kBAAkB;mBAWV,8BAA8B;qBAS5B,gCAAgC;wBAU7B,mCAAmC;CAQhF,CAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Box, CheckboxGroup as CheckboxGroup$1 } from '@primer/react';
|
|
2
|
+
import 'react';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const CheckboxGroupImpl = props => {
|
|
6
|
+
return /*#__PURE__*/jsx(Box, {
|
|
7
|
+
as: CheckboxGroup$1,
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
// Define local types based on the internal component props
|
|
13
|
+
|
|
14
|
+
const CheckboxOrRadioGroupLabel = props => {
|
|
15
|
+
return /*#__PURE__*/jsx(Box, {
|
|
16
|
+
as: CheckboxGroup$1.Label,
|
|
17
|
+
...props
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
const CheckboxOrRadioGroupCaption = props => {
|
|
21
|
+
return /*#__PURE__*/jsx(Box, {
|
|
22
|
+
as: CheckboxGroup$1.Caption,
|
|
23
|
+
...props
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
const CheckboxOrRadioGroupValidation = props => {
|
|
27
|
+
return /*#__PURE__*/jsx(Box, {
|
|
28
|
+
as: CheckboxGroup$1.Validation,
|
|
29
|
+
...props
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
const CheckboxGroup = Object.assign(CheckboxGroupImpl, {
|
|
33
|
+
Label: CheckboxOrRadioGroupLabel,
|
|
34
|
+
Caption: CheckboxOrRadioGroupCaption,
|
|
35
|
+
Validation: CheckboxOrRadioGroupValidation
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
export { CheckboxGroup };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type CircleBadgeProps as PrimerCircleBadgeProps, type SxProp } from '@primer/react';
|
|
2
|
+
import { type ForwardRefComponent } from '../polymorphic';
|
|
3
|
+
type CircleBadgeProps<As extends React.ElementType> = PrimerCircleBadgeProps<As> & SxProp;
|
|
4
|
+
declare const CircleBadge: ForwardRefComponent<React.ElementType, CircleBadgeProps<React.ElementType>>;
|
|
5
|
+
export { CircleBadge };
|
|
6
|
+
export type { CircleBadgeProps };
|
|
7
|
+
//# sourceMappingURL=CircleBadge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CircleBadge.d.ts","sourceRoot":"","sources":["../../src/components/CircleBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,IAAI,sBAAsB,EAE/C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,gBAAgB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,sBAAsB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAEzF,QAAA,MAAM,WAAW,EAAE,mBAAmB,CAAC,KAAK,CAAC,WAAW,EAAE,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,CAM5F,CAAA;AAED,OAAO,EAAC,WAAW,EAAC,CAAA;AACpB,YAAY,EAAC,gBAAgB,EAAC,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CircleBadge as CircleBadge$1, sx } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
|
|
4
|
+
const CircleBadge = styled(CircleBadge$1).withConfig({
|
|
5
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
6
|
+
}).withConfig({
|
|
7
|
+
displayName: "CircleBadge",
|
|
8
|
+
componentId: "sc-1u7lp3v-0"
|
|
9
|
+
})(["", ""], sx);
|
|
10
|
+
|
|
11
|
+
export { CircleBadge };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type CounterLabelProps as PrimerCounterLabelProps } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
export type CounterLabelProps = PrimerCounterLabelProps & SxProp;
|
|
4
|
+
export declare const CounterLabel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & {
|
|
5
|
+
scheme?: "primary" | "secondary";
|
|
6
|
+
className?: string;
|
|
7
|
+
} & {
|
|
8
|
+
children?: import("react").ReactNode | undefined;
|
|
9
|
+
} & SxProp & import("react").RefAttributes<HTMLSpanElement>>;
|
|
10
|
+
//# sourceMappingURL=CounterLabel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/components/CounterLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,eAAe,CAAA;AAGnH,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAEhE,eAAO,MAAM,YAAY;;;;;4DAEvB,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Box, CounterLabel as CounterLabel$1 } from '@primer/react';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const CounterLabel = /*#__PURE__*/forwardRef(function CounterLabel(props, ref) {
|
|
6
|
+
return /*#__PURE__*/jsx(Box, {
|
|
7
|
+
as: CounterLabel$1,
|
|
8
|
+
ref: ref,
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export { CounterLabel };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Table as PrimerDataTable, type TableContainerProps } from '@primer/react/experimental';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
import type React from 'react';
|
|
4
|
+
type DataTableContainerProps<As extends React.ElementType = 'div'> = TableContainerProps<As> & SxProp;
|
|
5
|
+
declare function DataTableContainer<As extends React.ElementType = 'div'>({ as, ...rest }: DataTableContainerProps<As>): React.JSX.Element;
|
|
6
|
+
declare const Table: typeof PrimerDataTable & {
|
|
7
|
+
Container: typeof DataTableContainer;
|
|
8
|
+
};
|
|
9
|
+
export type { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableHeaderProps, TableCellProps, TableTitleProps, TableSubtitleProps, TableActionsProps, } from '@primer/react/experimental';
|
|
10
|
+
export { Table, type DataTableContainerProps };
|
|
11
|
+
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAE,KAAK,mBAAmB,EAAC,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,uBAAuB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,mBAAmB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAYrG,iBAAS,kBAAkB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,uBAAuB,CAAC,EAAE,CAAC,qBAE3G;AAED,QAAA,MAAM,KAAK,EAAE,OAAO,eAAe,GAAG;IACpC,SAAS,EAAE,OAAO,kBAAkB,CAAA;CAIpC,CAAA;AAEF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAC,KAAK,EAAE,KAAK,uBAAuB,EAAC,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Table as Table$1 } from '@primer/react/experimental';
|
|
2
|
+
import { sx } from '@primer/react';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
const {
|
|
7
|
+
Container: PrimerDataTableContainer,
|
|
8
|
+
...rest
|
|
9
|
+
} = Table$1;
|
|
10
|
+
const StyleDataTableContainer = styled(PrimerDataTableContainer).withConfig({
|
|
11
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
12
|
+
}).withConfig({
|
|
13
|
+
displayName: "DataTable__StyleDataTableContainer",
|
|
14
|
+
componentId: "sc-qy1ey2-0"
|
|
15
|
+
})(["", ""], sx);
|
|
16
|
+
function DataTableContainer({
|
|
17
|
+
as,
|
|
18
|
+
...rest
|
|
19
|
+
}) {
|
|
20
|
+
return /*#__PURE__*/jsx(StyleDataTableContainer, {
|
|
21
|
+
...rest,
|
|
22
|
+
...(as ? {
|
|
23
|
+
forwardedAs: as
|
|
24
|
+
} : {})
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
const Table = Object.assign(Table$1, {
|
|
28
|
+
Container: DataTableContainer,
|
|
29
|
+
...rest
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
export { Table };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { DialogProps as PrimerDialogProps } from '@primer/react';
|
|
2
|
+
import type { SxProp } from '../sx';
|
|
3
|
+
import { type PropsWithChildren } from 'react';
|
|
4
|
+
type DialogProps = PropsWithChildren<PrimerDialogProps> & SxProp;
|
|
5
|
+
type StyledBodyProps = React.ComponentProps<'div'> & SxProp;
|
|
6
|
+
type StyledFooterProps = React.ComponentProps<'div'> & SxProp;
|
|
7
|
+
declare const Dialog: import("react").ForwardRefExoticComponent<PrimerDialogProps & {
|
|
8
|
+
children?: import("react").ReactNode | undefined;
|
|
9
|
+
} & SxProp & import("react").RefAttributes<HTMLDivElement>> & {
|
|
10
|
+
Buttons: import("react").FC<PropsWithChildren<{
|
|
11
|
+
buttons: import("@primer/react").DialogButtonProps[];
|
|
12
|
+
}>>;
|
|
13
|
+
Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Body: import("react").ForwardRefExoticComponent<Omit<StyledBodyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
+
Footer: import("react").ForwardRefExoticComponent<Omit<StyledFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
16
|
+
};
|
|
17
|
+
export { Dialog };
|
|
18
|
+
export type { DialogProps };
|
|
19
|
+
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,EAA4C,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEvF,KAAK,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAA;AAahE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAO3D,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAM7D,QAAA,MAAM,MAAM;;;;;;;;;CAKV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}
|