@primer/styled-react 0.0.0-20251010230252 → 0.0.0-20251011004249
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 +9 -9
- package/dist/components/ActionList.d.ts.map +1 -1
- package/dist/components/ActionList.js +9 -0
- package/dist/components/ActionMenu.d.ts +2 -2
- package/dist/components/ActionMenu.d.ts.map +1 -1
- package/dist/components/ActionMenu.js +1 -0
- package/dist/components/Autocomplete.d.ts +2 -2
- package/dist/components/Autocomplete.d.ts.map +1 -1
- package/dist/components/Autocomplete.js +1 -0
- package/dist/components/Button.d.ts +13 -0
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/components/Button.js +110 -0
- package/dist/components/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox.js +2 -1
- package/dist/components/CheckboxGroup.d.ts +16 -4
- package/dist/components/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/CheckboxGroup.js +5 -1
- package/dist/components/IconButton.d.ts +9 -0
- package/dist/components/IconButton.d.ts.map +1 -0
- package/dist/components/IconButton.js +38 -0
- package/dist/components/PageHeader.d.ts.map +1 -1
- package/dist/components/PageLayout.d.ts +15 -10
- package/dist/components/PageLayout.d.ts.map +1 -1
- package/dist/components/PageLayout.js +3 -0
- package/dist/components/RadioGroup.d.ts +16 -4
- package/dist/components/RadioGroup.d.ts.map +1 -1
- package/dist/components/RadioGroup.js +5 -1
- package/dist/components/SegmentedControl.d.ts +9 -2
- package/dist/components/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl.js +4 -1
- package/dist/components/SubNav.d.ts +1 -0
- package/dist/components/SubNav.d.ts.map +1 -1
- package/dist/components/SubNav.js +3 -1
- package/dist/components/TextInput.d.ts +20 -0
- package/dist/components/TextInput.d.ts.map +1 -0
- package/dist/components/TextInput.js +37 -0
- package/dist/components/Tooltip.d.ts +2 -2
- package/dist/components/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip.js +2 -1
- package/dist/components/UnderlinePanels.d.ts +7 -5
- package/dist/components/UnderlinePanels.d.ts.map +1 -1
- package/dist/components/UnderlinePanels.js +1 -0
- package/dist/components/deprecated/Tooltip.d.ts.map +1 -1
- package/dist/components/deprecated/Tooltip.js +1 -0
- package/dist/components.json +3 -0
- package/dist/index.d.ts +3 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -1
- package/dist/sx.d.ts +3 -0
- package/dist/sx.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
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';
|
|
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, type SlotMarker } from '@primer/react';
|
|
3
3
|
import { type SxProp } from '../sx';
|
|
4
4
|
import type { ForwardRefComponent } from '../polymorphic';
|
|
5
5
|
type PrimerActionListTrailingActionProps = React.ComponentProps<typeof PrimerActionList.TrailingAction>;
|
|
@@ -12,14 +12,14 @@ export type ActionListLeadingVisualProps = React.PropsWithChildren<PrimerActionL
|
|
|
12
12
|
export type ActionListTrailingVisualProps = React.PropsWithChildren<PrimerActionListTrailingVisualProps & SxProp>;
|
|
13
13
|
export type ActionListTrailingActionProps = React.PropsWithChildren<PrimerActionListTrailingActionProps & SxProp>;
|
|
14
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
|
|
15
|
+
declare const ActionListLinkItem: ForwardRefComponent<'a', ActionListLinkItemProps> & SlotMarker;
|
|
16
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
|
|
17
|
+
declare const ActionListTrailingAction: ForwardRefComponent<TrailingActionElements, ActionListTrailingActionProps> & SlotMarker;
|
|
18
|
+
declare const ActionListItem: ForwardRefComponent<"li", ActionListItemProps> & SlotMarker;
|
|
19
|
+
declare const ActionListGroup: React.ComponentType<ActionListGroupProps> & SlotMarker;
|
|
20
|
+
declare const ActionListDivider: React.ComponentType<ActionListDividerProps> & SlotMarker;
|
|
21
|
+
declare const ActionListLeadingVisual: React.ComponentType<ActionListLeadingVisualProps> & SlotMarker;
|
|
22
|
+
declare const ActionListTrailingVisual: React.ComponentType<ActionListTrailingVisualProps> & SlotMarker;
|
|
23
23
|
export declare const ActionList: typeof ActionListImpl & {
|
|
24
24
|
Item: typeof ActionListItem;
|
|
25
25
|
LinkItem: typeof ActionListLinkItem;
|
|
@@ -31,6 +31,6 @@ export declare const ActionList: typeof ActionListImpl & {
|
|
|
31
31
|
TrailingVisual: typeof ActionListTrailingVisual;
|
|
32
32
|
Heading: typeof PrimerActionList.Heading;
|
|
33
33
|
TrailingAction: typeof ActionListTrailingAction;
|
|
34
|
-
};
|
|
34
|
+
} & SlotMarker;
|
|
35
35
|
export {};
|
|
36
36
|
//# sourceMappingURL=ActionList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,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,4BAA4B,IAAI,kCAAkC,EACvE,KAAK,6BAA6B,IAAI,mCAAmC,
|
|
1
|
+
{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -101,4 +101,13 @@ const ActionList = Object.assign(ActionListImpl, {
|
|
|
101
101
|
TrailingAction: ActionListTrailingAction
|
|
102
102
|
});
|
|
103
103
|
|
|
104
|
+
// Assign slot markers after component definitions
|
|
105
|
+
ActionListItem.__SLOT__ = ActionList$1.Item.__SLOT__;
|
|
106
|
+
ActionListLinkItem.__SLOT__ = ActionList$1.LinkItem.__SLOT__;
|
|
107
|
+
ActionListGroup.__SLOT__ = ActionList$1.Group.__SLOT__;
|
|
108
|
+
ActionListDivider.__SLOT__ = ActionList$1.Divider.__SLOT__;
|
|
109
|
+
ActionListLeadingVisual.__SLOT__ = ActionList$1.LeadingVisual.__SLOT__;
|
|
110
|
+
ActionListTrailingVisual.__SLOT__ = ActionList$1.TrailingVisual.__SLOT__;
|
|
111
|
+
ActionListTrailingAction.__SLOT__ = ActionList$1.TrailingAction.__SLOT__;
|
|
112
|
+
|
|
104
113
|
export { ActionList };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ActionMenu as PrimerActionMenu, type SxProp } from '@primer/react';
|
|
1
|
+
import { ActionMenu as PrimerActionMenu, type SxProp, type SlotMarker } from '@primer/react';
|
|
2
2
|
import type { ComponentProps } from 'react';
|
|
3
3
|
type ActionMenuOverlayProps = ComponentProps<typeof PrimerActionMenu.Overlay> & SxProp;
|
|
4
|
-
declare const ActionMenuOverlay: React.ComponentType<ActionMenuOverlayProps
|
|
4
|
+
declare const ActionMenuOverlay: React.ComponentType<ActionMenuOverlayProps> & SlotMarker;
|
|
5
5
|
export declare const ActionMenu: typeof PrimerActionMenu & {
|
|
6
6
|
Button: typeof PrimerActionMenu.Button;
|
|
7
7
|
Anchor: typeof PrimerActionMenu.Anchor;
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAE,KAAK,MAAM,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAG1F,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,CAAC,GAAG,UAMtE,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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { Autocomplete as PrimerAutocomplete, type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps } from '@primer/react';
|
|
1
|
+
import { Autocomplete as PrimerAutocomplete, type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps, type SlotMarker } from '@primer/react';
|
|
2
2
|
import { type SxProp } from '../sx';
|
|
3
3
|
import type { ComponentProps } from 'react';
|
|
4
4
|
export type AutocompleteOverlayProps = PrimerAutocompleteOverlayProps & SxProp;
|
|
5
|
-
declare const AutocompleteOverlay: React.ComponentType<AutocompleteOverlayProps
|
|
5
|
+
declare const AutocompleteOverlay: React.ComponentType<AutocompleteOverlayProps> & SlotMarker;
|
|
6
6
|
interface AutocompleteExport {
|
|
7
7
|
(props: ComponentProps<typeof PrimerAutocomplete>): React.ReactNode;
|
|
8
8
|
Context: typeof PrimerAutocomplete.Context;
|
|
@@ -1 +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,
|
|
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,EAC/D,KAAK,UAAU,EAChB,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,CAAC,GAAG,UAM1E,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;AAIF,OAAO,EAAC,YAAY,EAAC,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type ButtonProps as PrimerButtonProps } from '@primer/react';
|
|
2
|
+
import type { SxProp } from '../sx';
|
|
3
|
+
import type { BetterSystemStyleObject } from '../styled-props';
|
|
4
|
+
import type { ForwardRefComponent } from '../polymorphic';
|
|
5
|
+
type ButtonComponentProps = PrimerButtonProps & SxProp & {
|
|
6
|
+
as?: React.ElementType;
|
|
7
|
+
};
|
|
8
|
+
declare const ButtonComponent: ForwardRefComponent<"button", ButtonComponentProps>;
|
|
9
|
+
export declare function generateCustomSxProp(props: Partial<Pick<PrimerButtonProps, 'size' | 'block' | 'leadingVisual' | 'trailingVisual' | 'trailingAction'>>, providedSx: BetterSystemStyleObject): {
|
|
10
|
+
[key: string]: BetterSystemStyleObject;
|
|
11
|
+
};
|
|
12
|
+
export { ButtonComponent, type ButtonComponentProps };
|
|
13
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAC3F,OAAO,KAAK,EAAC,MAAM,EAAsB,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,iBAAiB,CAAA;AAE5D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAIvD,KAAK,oBAAoB,GAAG,iBAAiB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQjF,QAAA,MAAM,eAAe,EAgBf,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;AA0CzD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,OAAO,GAAG,eAAe,GAAG,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,EACjH,UAAU,EAAE,uBAAuB;;EAmBpC;AAID,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,CAAA"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { Button, sx } from '@primer/react';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
const StyledButtonComponent = styled(Button).withConfig({
|
|
7
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
8
|
+
}).withConfig({
|
|
9
|
+
displayName: "Button__StyledButtonComponent",
|
|
10
|
+
componentId: "sc-vqy3e4-0"
|
|
11
|
+
})(["", ""], sx);
|
|
12
|
+
const ButtonComponent = /*#__PURE__*/forwardRef(({
|
|
13
|
+
as,
|
|
14
|
+
sx,
|
|
15
|
+
style: propStyle,
|
|
16
|
+
...props
|
|
17
|
+
}, ref) => {
|
|
18
|
+
const {
|
|
19
|
+
block,
|
|
20
|
+
size = 'medium',
|
|
21
|
+
leadingVisual,
|
|
22
|
+
trailingVisual,
|
|
23
|
+
trailingAction
|
|
24
|
+
} = props;
|
|
25
|
+
let sxStyles = {};
|
|
26
|
+
const style = {
|
|
27
|
+
...(propStyle || {})
|
|
28
|
+
};
|
|
29
|
+
if (sx !== null && Object.keys(sx || {}).length > 0) {
|
|
30
|
+
sxStyles = generateCustomSxProp({
|
|
31
|
+
block,
|
|
32
|
+
size,
|
|
33
|
+
leadingVisual,
|
|
34
|
+
trailingVisual,
|
|
35
|
+
trailingAction
|
|
36
|
+
}, sx);
|
|
37
|
+
const {
|
|
38
|
+
color
|
|
39
|
+
} = sx;
|
|
40
|
+
if (color) style['--button-color'] = color;
|
|
41
|
+
}
|
|
42
|
+
return /*#__PURE__*/jsx(StyledButtonComponent, {
|
|
43
|
+
style: style,
|
|
44
|
+
sx: sxStyles,
|
|
45
|
+
ref: ref,
|
|
46
|
+
...props,
|
|
47
|
+
...(as ? {
|
|
48
|
+
forwardedAs: as
|
|
49
|
+
} : {})
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
// This function is used to generate a custom cssSelector for the sxProp
|
|
54
|
+
|
|
55
|
+
// The usual sx prop can like this:
|
|
56
|
+
// sx={{
|
|
57
|
+
// [`@media (max-width: 768px)`]: {
|
|
58
|
+
// '& > ul': {
|
|
59
|
+
// backgroundColor: 'deeppink',
|
|
60
|
+
// },
|
|
61
|
+
// '&:hover': {
|
|
62
|
+
// backgroundColor: 'yellow',
|
|
63
|
+
// },
|
|
64
|
+
// },
|
|
65
|
+
// '&:hover': {
|
|
66
|
+
// backgroundColor: 'yellow',
|
|
67
|
+
// },
|
|
68
|
+
// '&': {
|
|
69
|
+
// width : 320px
|
|
70
|
+
// }
|
|
71
|
+
// }}
|
|
72
|
+
//*
|
|
73
|
+
/* What we want for Button styles is this:
|
|
74
|
+
sx={{
|
|
75
|
+
// [`@media (max-width: 768px)`]: {
|
|
76
|
+
// '&[data-attribute="something"] > ul': {
|
|
77
|
+
// backgroundColor: 'deeppink',
|
|
78
|
+
// },
|
|
79
|
+
// '&[data-attribute="something"]:hover': {
|
|
80
|
+
// backgroundColor: 'yellow',
|
|
81
|
+
// },
|
|
82
|
+
// },
|
|
83
|
+
// '&[data-attribute="something"]:hover': {
|
|
84
|
+
// backgroundColor: 'yellow',
|
|
85
|
+
// },
|
|
86
|
+
// '&[data-attribute="something"]': {
|
|
87
|
+
// width : 320px
|
|
88
|
+
// }
|
|
89
|
+
// }}
|
|
90
|
+
|
|
91
|
+
// We need to make sure we append the customCSSSelector to the original class selector. i.e & - > &[data-attribute="Icon"][data-size="small"]
|
|
92
|
+
*/
|
|
93
|
+
function generateCustomSxProp(props, providedSx) {
|
|
94
|
+
// Possible data attributes: data-size, data-block, data-no-visuals
|
|
95
|
+
const size = `[data-size="${props.size}"]`;
|
|
96
|
+
const block = props.block ? `[data-block="block"]` : '';
|
|
97
|
+
const noVisuals = props.leadingVisual || props.trailingVisual || props.trailingAction ? '' : '[data-no-visuals]';
|
|
98
|
+
|
|
99
|
+
// this is a custom selector. We need to make sure we add the data attributes to the base css class (& -> &[data-attributename="value"]])
|
|
100
|
+
const cssSelector = `&${size}${block}${noVisuals}`; // &[data-size="small"][data-block="block"][data-no-visuals]
|
|
101
|
+
|
|
102
|
+
const customSxProp = {};
|
|
103
|
+
if (!providedSx) return customSxProp;else {
|
|
104
|
+
customSxProp[cssSelector] = providedSx;
|
|
105
|
+
return customSxProp;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
ButtonComponent.displayName = 'Button';
|
|
109
|
+
|
|
110
|
+
export { ButtonComponent, generateCustomSxProp };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,IAAI,mBAAmB,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,IAAI,mBAAmB,EAAkB,MAAM,eAAe,CAAA;AAGpH,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,MAAM,CAAA;AAExD,eAAO,MAAM,QAAQ,yHAEnB,CACD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Checkbox as Checkbox$1, Box } from '@primer/react';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
@@ -9,5 +9,6 @@ const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
|
|
|
9
9
|
...props
|
|
10
10
|
});
|
|
11
11
|
});
|
|
12
|
+
Checkbox.__SLOT__ = Checkbox$1.__SLOT__;
|
|
12
13
|
|
|
13
14
|
export { Checkbox };
|
|
@@ -13,10 +13,22 @@ type CheckboxOrRadioGroupValidationProps = PropsWithChildren<{
|
|
|
13
13
|
className?: string;
|
|
14
14
|
variant: 'error' | 'success';
|
|
15
15
|
} & SxProp>;
|
|
16
|
-
export declare const CheckboxGroup:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
export declare const CheckboxGroup: {
|
|
17
|
+
(props: CheckboxGroupProps): React.JSX.Element;
|
|
18
|
+
__SLOT__: symbol | undefined;
|
|
19
|
+
} & {
|
|
20
|
+
Label: {
|
|
21
|
+
(props: CheckboxOrRadioGroupLabelProps): React.JSX.Element;
|
|
22
|
+
__SLOT__: symbol | undefined;
|
|
23
|
+
};
|
|
24
|
+
Caption: {
|
|
25
|
+
(props: CheckboxOrRadioGroupCaptionProps): React.JSX.Element;
|
|
26
|
+
__SLOT__: symbol | undefined;
|
|
27
|
+
};
|
|
28
|
+
Validation: {
|
|
29
|
+
(props: CheckboxOrRadioGroupValidationProps): React.JSX.Element;
|
|
30
|
+
__SLOT__: symbol | undefined;
|
|
31
|
+
};
|
|
20
32
|
};
|
|
21
33
|
export {};
|
|
22
34
|
//# sourceMappingURL=CheckboxGroup.d.ts.map
|
|
@@ -1 +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,
|
|
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;YAlCQ,kBAAkB;;;;gBAWV,8BAA8B;;;;gBAS5B,gCAAgC;;;;gBAU7B,mCAAmC;;;CAQhF,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CheckboxGroup as CheckboxGroup$1, Box } from '@primer/react';
|
|
2
2
|
import 'react';
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
@@ -34,5 +34,9 @@ const CheckboxGroup = Object.assign(CheckboxGroupImpl, {
|
|
|
34
34
|
Caption: CheckboxOrRadioGroupCaption,
|
|
35
35
|
Validation: CheckboxOrRadioGroupValidation
|
|
36
36
|
});
|
|
37
|
+
CheckboxGroupImpl.__SLOT__ = CheckboxGroup$1.__SLOT__;
|
|
38
|
+
CheckboxOrRadioGroupLabel.__SLOT__ = CheckboxGroup$1.Label.__SLOT__;
|
|
39
|
+
CheckboxOrRadioGroupCaption.__SLOT__ = CheckboxGroup$1.Caption.__SLOT__;
|
|
40
|
+
CheckboxOrRadioGroupValidation.__SLOT__ = CheckboxGroup$1.Validation.__SLOT__;
|
|
37
41
|
|
|
38
42
|
export { CheckboxGroup };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type IconButtonProps as PrimerIconButtonProps, type SxProp } from '@primer/react';
|
|
2
|
+
import { type ForwardRefComponent } from '../polymorphic';
|
|
3
|
+
type IconButtonProps = PrimerIconButtonProps & SxProp & {
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
};
|
|
6
|
+
declare const IconButton: ForwardRefComponent<"a" | "button", IconButtonProps>;
|
|
7
|
+
export { IconButton };
|
|
8
|
+
export type { IconButtonProps };
|
|
9
|
+
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,eAAe,IAAI,qBAAqB,EAAE,KAAK,MAAM,EAAC,MAAM,eAAe,CAAA;AACxH,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAMvD,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQhF,QAAA,MAAM,UAAU,EAUV,mBAAmB,CAAC,GAAG,GAAG,QAAQ,EAAE,eAAe,CAAC,CAAA;AAE1D,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAC,CAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { IconButton as IconButton$1, sx } from '@primer/react';
|
|
2
|
+
import { generateCustomSxProp } from './Button.js';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
const StyledIconButton = styled(IconButton$1).withConfig({
|
|
8
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
9
|
+
}).withConfig({
|
|
10
|
+
displayName: "IconButton__StyledIconButton",
|
|
11
|
+
componentId: "sc-i53dt6-0"
|
|
12
|
+
})(["", ""], sx);
|
|
13
|
+
const IconButton = /*#__PURE__*/forwardRef(({
|
|
14
|
+
as,
|
|
15
|
+
sx,
|
|
16
|
+
...props
|
|
17
|
+
}, ref) => {
|
|
18
|
+
let sxStyles = sx;
|
|
19
|
+
// grap the button props that have associated data attributes in the styles
|
|
20
|
+
const {
|
|
21
|
+
size = 'medium'
|
|
22
|
+
} = props;
|
|
23
|
+
if (sx !== null && sx !== undefined && Object.keys(sx).length > 0) {
|
|
24
|
+
sxStyles = generateCustomSxProp({
|
|
25
|
+
size
|
|
26
|
+
}, sx);
|
|
27
|
+
}
|
|
28
|
+
return /*#__PURE__*/jsx(StyledIconButton, {
|
|
29
|
+
sx: sxStyles,
|
|
30
|
+
...props,
|
|
31
|
+
...(as ? {
|
|
32
|
+
forwardedAs: as
|
|
33
|
+
} : {}),
|
|
34
|
+
ref: ref
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
export { IconButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,KAAK,wBAAwB,IAAI,8BAA8B,EAChE,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,KAAK,wBAAwB,IAAI,8BAA8B,EAChE,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAA2B,MAAM,OAAO,CAAA;AAC/D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAcrD,KAAK,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAEnE,iBAAS,iBAAiB,CAAC,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,sBAAsB,qBAY/D;AAED,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,GAAG,MAAM,CAAA;AAwBlF,QAAA,MAAM,eAAe,GAAI,kBAAgB,oBAAoB,sBAE5D,CAAA;AAED,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAE1F,QAAA,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,CAM7E,CAAA;AAED,KAAK,uBAAuB,GAAG,mBAAmB,CAAC,KAAK,EAAE,eAAe,CAAC,GAAG;IAC3E,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,UAAU,EAAE,OAAO,gBAAgB,CAAC,UAAU,CAAA;IAC9C,UAAU,EAAE,OAAO,gBAAgB,CAAC,UAAU,CAAA;IAC9C,SAAS,EAAE,OAAO,mBAAmB,CAAA;IACrC,kBAAkB,EAAE,OAAO,gBAAgB,CAAC,kBAAkB,CAAA;IAC9D,aAAa,EAAE,OAAO,gBAAgB,CAAC,aAAa,CAAA;IACpD,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,aAAa,EAAE,OAAO,gBAAgB,CAAC,aAAa,CAAA;IACpD,KAAK,EAAE,OAAO,eAAe,CAAA;IAC7B,cAAc,EAAE,OAAO,gBAAgB,CAAC,cAAc,CAAA;IACtD,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,cAAc,EAAE,OAAO,gBAAgB,CAAC,cAAc,CAAA;CACvD,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,uBAchB,CAAA;AAEF,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,sBAAsB,EAAE,oBAAoB,EAAC,CAAA"}
|
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
import React, { type PropsWithChildren } from 'react';
|
|
2
2
|
import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps } from '@primer/react';
|
|
3
|
+
import { PageLayout as PrimerPageLayout } from '@primer/react';
|
|
3
4
|
import { type SxProp } from '../sx';
|
|
4
5
|
type PageLayoutProps = PropsWithChildren<PrimerPageLayoutProps> & SxProp;
|
|
5
|
-
declare const
|
|
6
|
+
declare const PageLayoutImpl: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
|
|
6
7
|
children?: React.ReactNode | undefined;
|
|
7
|
-
} & SxProp & React.RefAttributes<HTMLDivElement
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const PageLayoutContent: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
|
|
10
|
+
children?: React.ReactNode | undefined;
|
|
11
|
+
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const PageLayoutPane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
|
|
13
|
+
children?: React.ReactNode | undefined;
|
|
14
|
+
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
type PageLayoutType = typeof PageLayoutImpl & {
|
|
16
|
+
Content: typeof PageLayoutContent;
|
|
17
|
+
Header: typeof PrimerPageLayout.Header;
|
|
18
|
+
Pane: typeof PageLayoutPane;
|
|
19
|
+
Footer: typeof PrimerPageLayout.Footer;
|
|
16
20
|
};
|
|
21
|
+
declare const PageLayout: PageLayoutType;
|
|
17
22
|
export { PageLayout, type PageLayoutProps };
|
|
18
23
|
//# sourceMappingURL=PageLayout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,sBAAsB,IAAI,4BAA4B,EACtD,mBAAmB,IAAI,yBAAyB,
|
|
1
|
+
{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,sBAAsB,IAAI,4BAA4B,EACtD,mBAAmB,IAAI,yBAAyB,EAEjD,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAExE,QAAA,MAAM,cAAc;;iDAGlB,CAAA;AAIF,QAAA,MAAM,iBAAiB;;iDAErB,CAAA;AAIF,QAAA,MAAM,cAAc;;iDAElB,CAAA;AAEF,KAAK,cAAc,GAAG,OAAO,cAAc,GAAG;IAC5C,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;CACvC,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,cAMhB,CAED;AAGD,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
|
|
@@ -30,10 +30,13 @@ const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
30
30
|
});
|
|
31
31
|
});
|
|
32
32
|
const PageLayout = Object.assign(PageLayoutImpl, {
|
|
33
|
+
__SLOT__: PageLayout$1.__SLOT__,
|
|
33
34
|
Content: PageLayoutContent,
|
|
34
35
|
Header: PageLayout$1.Header,
|
|
35
36
|
Pane: PageLayoutPane,
|
|
36
37
|
Footer: PageLayout$1.Footer
|
|
37
38
|
});
|
|
39
|
+
PageLayoutContent.__SLOT__ = PageLayout$1.Content.__SLOT__;
|
|
40
|
+
PageLayoutPane.__SLOT__ = PageLayout$1.Pane.__SLOT__;
|
|
38
41
|
|
|
39
42
|
export { PageLayout };
|
|
@@ -13,10 +13,22 @@ type CheckboxOrRadioGroupValidationProps = PropsWithChildren<{
|
|
|
13
13
|
className?: string;
|
|
14
14
|
variant: 'error' | 'success';
|
|
15
15
|
} & SxProp>;
|
|
16
|
-
export declare const RadioGroup:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
export declare const RadioGroup: {
|
|
17
|
+
(props: RadioGroupProps): React.JSX.Element;
|
|
18
|
+
__SLOT__: symbol;
|
|
19
|
+
} & {
|
|
20
|
+
Label: {
|
|
21
|
+
(props: CheckboxOrRadioGroupLabelProps): React.JSX.Element;
|
|
22
|
+
__SLOT__: symbol | undefined;
|
|
23
|
+
};
|
|
24
|
+
Caption: {
|
|
25
|
+
(props: CheckboxOrRadioGroupCaptionProps): React.JSX.Element;
|
|
26
|
+
__SLOT__: symbol | undefined;
|
|
27
|
+
};
|
|
28
|
+
Validation: {
|
|
29
|
+
(props: CheckboxOrRadioGroupValidationProps): React.JSX.Element;
|
|
30
|
+
__SLOT__: symbol | undefined;
|
|
31
|
+
};
|
|
20
32
|
};
|
|
21
33
|
export {};
|
|
22
34
|
//# sourceMappingURL=RadioGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAChH,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAO/E,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,UAAU,
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAChH,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAO/E,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,UAAU;YAlCQ,eAAe;;;;gBAWJ,8BAA8B;;;;gBAS5B,gCAAgC;;;;gBAU7B,mCAAmC;;;CAQhF,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RadioGroup as RadioGroup$1, Box } from '@primer/react';
|
|
2
2
|
import 'react';
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
@@ -34,5 +34,9 @@ const RadioGroup = Object.assign(RadioGroupImpl, {
|
|
|
34
34
|
Caption: CheckboxOrRadioGroupCaption,
|
|
35
35
|
Validation: CheckboxOrRadioGroupValidation
|
|
36
36
|
});
|
|
37
|
+
RadioGroupImpl.__SLOT__ = RadioGroup$1.__SLOT__;
|
|
38
|
+
CheckboxOrRadioGroupLabel.__SLOT__ = RadioGroup$1.Label.__SLOT__;
|
|
39
|
+
CheckboxOrRadioGroupCaption.__SLOT__ = RadioGroup$1.Caption.__SLOT__;
|
|
40
|
+
CheckboxOrRadioGroupValidation.__SLOT__ = RadioGroup$1.Validation.__SLOT__;
|
|
37
41
|
|
|
38
42
|
export { RadioGroup };
|
|
@@ -5,8 +5,15 @@ type SegmentedControlProps = PropsWithChildren<PrimerSegmentedControlProps> & Sx
|
|
|
5
5
|
type SegmentedControlButtonProps = PropsWithChildren<PrimerSegmentedControlButtonProps> & SxProp;
|
|
6
6
|
type SegmentedControlIconButtonProps = PropsWithChildren<PrimerSegmentedControlIconButtonProps> & SxProp;
|
|
7
7
|
declare const SegmentedControl: ((props: SegmentedControlProps) => import("react").JSX.Element) & {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
__SLOT__: symbol;
|
|
9
|
+
Button: {
|
|
10
|
+
(props: SegmentedControlButtonProps): import("react").JSX.Element;
|
|
11
|
+
__SLOT__: symbol | undefined;
|
|
12
|
+
};
|
|
13
|
+
IconButton: {
|
|
14
|
+
(props: SegmentedControlIconButtonProps): import("react").JSX.Element;
|
|
15
|
+
__SLOT__: symbol | undefined;
|
|
16
|
+
};
|
|
10
17
|
};
|
|
11
18
|
export { SegmentedControl, type SegmentedControlProps, type SegmentedControlButtonProps, type SegmentedControlIconButtonProps, };
|
|
12
19
|
//# sourceMappingURL=SegmentedControl.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,IAAI,2BAA2B,EAEzD,KAAK,2BAA2B,IAAI,iCAAiC,EACrE,KAAK,+BAA+B,IAAI,qCAAqC,EAC9E,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,2BAA2B,CAAC,GAAG,MAAM,CAAA;AACpF,KAAK,2BAA2B,GAAG,iBAAiB,CAAC,iCAAiC,CAAC,GAAG,MAAM,CAAA;AAChG,KAAK,+BAA+B,GAAG,iBAAiB,CAAC,qCAAqC,CAAC,GAAG,MAAM,CAAA;AAcxG,QAAA,MAAM,gBAAgB,WAJe,qBAAqB
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,IAAI,2BAA2B,EAEzD,KAAK,2BAA2B,IAAI,iCAAiC,EACrE,KAAK,+BAA+B,IAAI,qCAAqC,EAC9E,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,2BAA2B,CAAC,GAAG,MAAM,CAAA;AACpF,KAAK,2BAA2B,GAAG,iBAAiB,CAAC,iCAAiC,CAAC,GAAG,MAAM,CAAA;AAChG,KAAK,+BAA+B,GAAG,iBAAiB,CAAC,qCAAqC,CAAC,GAAG,MAAM,CAAA;AAcxG,QAAA,MAAM,gBAAgB,WAJe,qBAAqB;;;gBARnB,2BAA2B;;;;gBAIvB,+BAA+B;;;CAYxE,CAAA;AAKF,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,+BAA+B,GACrC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SegmentedControl as SegmentedControl$1, Box } from '@primer/react';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
|
|
4
4
|
const SegmentedControlButton = props => {
|
|
@@ -20,8 +20,11 @@ const SegmentedControlImpl = props => {
|
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
const SegmentedControl = Object.assign(SegmentedControlImpl, {
|
|
23
|
+
__SLOT__: SegmentedControl$1.__SLOT__,
|
|
23
24
|
Button: SegmentedControlButton,
|
|
24
25
|
IconButton: SegmentedControlIconButton
|
|
25
26
|
});
|
|
27
|
+
SegmentedControlButton.__SLOT__ = SegmentedControl$1.Button.__SLOT__;
|
|
28
|
+
SegmentedControlIconButton.__SLOT__ = SegmentedControl$1.IconButton.__SLOT__;
|
|
26
29
|
|
|
27
30
|
export { SegmentedControl };
|
|
@@ -3,6 +3,7 @@ import type { SxProp } from '../sx';
|
|
|
3
3
|
type SubNavProps = PrimerSubNavProps & SxProp;
|
|
4
4
|
type SubNavLinkProps = PrimerSubNavLinkProps & SxProp;
|
|
5
5
|
declare const SubNav: import("react").ForwardRefExoticComponent<Omit<SubNavProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
|
|
6
|
+
__SLOT__: symbol;
|
|
6
7
|
Link: import("react").ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
7
8
|
};
|
|
8
9
|
export { SubNav, type SubNavProps, type SubNavLinkProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/components/SubNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,
|
|
1
|
+
{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/components/SubNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAE9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAM7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAMrD,QAAA,MAAM,MAAM;;;CAGV,CAED;AAED,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SubNav as SubNav$1, Box } from '@primer/react';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
@@ -17,7 +17,9 @@ const SubNavLink = /*#__PURE__*/forwardRef(function SubNavLink(props, ref) {
|
|
|
17
17
|
});
|
|
18
18
|
});
|
|
19
19
|
const SubNav = Object.assign(SubNavImpl, {
|
|
20
|
+
__SLOT__: SubNav$1.__SLOT__,
|
|
20
21
|
Link: SubNavLink
|
|
21
22
|
});
|
|
23
|
+
SubNavLink.__SLOT__ = SubNav$1.Link.__SLOT__;
|
|
22
24
|
|
|
23
25
|
export { SubNav };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type TextInputProps as PrimerTextInputProps, type TextInputActionProps as PrimerTextInputActionProps } from '@primer/react';
|
|
2
|
+
import type { SxProp } from '../sx';
|
|
3
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
4
|
+
export type TextInputProps = PrimerTextInputProps & SxProp & {
|
|
5
|
+
as?: React.ElementType;
|
|
6
|
+
};
|
|
7
|
+
export type TextInputActionProps = PrimerTextInputActionProps & SxProp;
|
|
8
|
+
declare const TextInputAction: ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "size" | "aria-label" | "tooltipDirection"> & {
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
"aria-label"?: string;
|
|
11
|
+
tooltipDirection?: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
|
|
12
|
+
icon?: React.FunctionComponent<React.PropsWithChildren<import("@primer/octicons-react").IconProps>>;
|
|
13
|
+
variant?: import("@primer/react").ButtonProps["variant"];
|
|
14
|
+
} & SxProp & RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
type TextInputComposite = ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>> & {
|
|
16
|
+
Action: typeof TextInputAction;
|
|
17
|
+
};
|
|
18
|
+
export declare const TextInput: TextInputComposite;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,IAAI,oBAAoB,EAC3C,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,yBAAyB,EAAE,aAAa,EAAC,MAAM,OAAO,CAAA;AAEnE,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AACrF,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,GAAG,MAAM,CAAA;AAUtE,QAAA,MAAM,eAAe;;;;;;8CAEnB,CAAA;AAEF,KAAK,kBAAkB,GAAG,yBAAyB,CAAC,cAAc,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC,GAAG;IACtG,MAAM,EAAE,OAAO,eAAe,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,kBAEtB,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Box, TextInput as TextInput$1 } from '@primer/react';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const StyledTextInput = /*#__PURE__*/forwardRef((props, ref) => {
|
|
6
|
+
return /*#__PURE__*/jsx(Box, {
|
|
7
|
+
as: TextInput$1,
|
|
8
|
+
ref: ref,
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
const TextInputImpl = /*#__PURE__*/forwardRef(({
|
|
13
|
+
as,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => {
|
|
16
|
+
return /*#__PURE__*/jsx(StyledTextInput, {
|
|
17
|
+
ref: ref,
|
|
18
|
+
...props,
|
|
19
|
+
...(as ? {
|
|
20
|
+
forwardedAs: as
|
|
21
|
+
} : {})
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
const TextInputAction = /*#__PURE__*/forwardRef((props, ref) => {
|
|
25
|
+
return /*#__PURE__*/jsx(Box, {
|
|
26
|
+
as: TextInput$1.Action,
|
|
27
|
+
ref: ref,
|
|
28
|
+
...props
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
const TextInput = Object.assign(TextInputImpl, {
|
|
32
|
+
Action: TextInputAction
|
|
33
|
+
});
|
|
34
|
+
TextInputAction.displayName = 'TextInputAction';
|
|
35
|
+
TextInputImpl.displayName = 'TextInput';
|
|
36
|
+
|
|
37
|
+
export { TextInput };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { type TooltipProps as PrimerTooltipProps, type SxProp } from '@primer/react';
|
|
1
|
+
import { type TooltipProps as PrimerTooltipProps, type SxProp, type SlotMarker } from '@primer/react';
|
|
2
2
|
import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
|
|
3
3
|
type TooltipProps = PrimerTooltipProps & SxProp;
|
|
4
|
-
declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement
|
|
4
|
+
declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>> & SlotMarker;
|
|
5
5
|
export { Tooltip, type TooltipProps };
|
|
6
6
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,IAAI,kBAAkB,EACvC,KAAK,MAAM,EACX,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAa,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AAEpF,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG,UAKvF,CAAA;AAIF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Tooltip as Tooltip$1, Box } from '@primer/react';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
@@ -9,5 +9,6 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
|
|
|
9
9
|
...props
|
|
10
10
|
});
|
|
11
11
|
});
|
|
12
|
+
Tooltip.__SLOT__ = Tooltip$1.__SLOT__;
|
|
12
13
|
|
|
13
14
|
export { Tooltip };
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import { type UnderlinePanelsProps as PrimerUnderlinePanelsProps, type UnderlinePanelsPanelProps, type UnderlinePanelsTabProps } from '@primer/react/experimental';
|
|
1
|
+
import { UnderlinePanels as PrimerUnderlinePanels, type UnderlinePanelsProps as PrimerUnderlinePanelsProps, type UnderlinePanelsPanelProps, type UnderlinePanelsTabProps } from '@primer/react/experimental';
|
|
2
2
|
import { type SxProp } from '../sx';
|
|
3
3
|
type UnderlinePanelsProps = PrimerUnderlinePanelsProps & SxProp;
|
|
4
|
-
declare const
|
|
4
|
+
declare const UnderlinePanelsImpl: {
|
|
5
5
|
({ as, ...props }: UnderlinePanelsProps): import("react").JSX.Element;
|
|
6
6
|
displayName: string;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
__SLOT__: symbol | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const UnderlinePanels: typeof UnderlinePanelsImpl & {
|
|
10
|
+
Tab: typeof PrimerUnderlinePanels.Tab;
|
|
11
|
+
Panel: typeof PrimerUnderlinePanels.Panel;
|
|
10
12
|
};
|
|
11
13
|
export { UnderlinePanels, type UnderlinePanelsProps, type UnderlinePanelsTabProps, type UnderlinePanelsPanelProps };
|
|
12
14
|
//# sourceMappingURL=UnderlinePanels.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnderlinePanels.d.ts","sourceRoot":"","sources":["../../src/components/UnderlinePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"UnderlinePanels.d.ts","sourceRoot":"","sources":["../../src/components/UnderlinePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,qBAAqB,EACxC,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC7B,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,KAAK,oBAAoB,GAAG,0BAA0B,GAAG,MAAM,CAAA;AAS/D,QAAA,MAAM,mBAAmB;uBAAoB,oBAAoB;;;CAEhE,CAAA;AAID,QAAA,MAAM,eAAe,EAAE,OAAO,mBAAmB,GAAG;IAClD,GAAG,EAAE,OAAO,qBAAqB,CAAC,GAAG,CAAA;IACrC,KAAK,EAAE,OAAO,qBAAqB,CAAC,KAAK,CAAA;CAIzC,CAAA;AAIF,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,uBAAuB,EAAE,KAAK,yBAAyB,EAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,0BAA0B,CAAA;AAE1G,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACxC,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,0BAA0B,CAAA;AAE1G,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACxC,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAK5C,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,CAAA;AAQ7F,QAAA,MAAM,WAAW,uHAEf,CAAA;AAEF,QAAA,MAAM,OAAO,EAAkB,OAAO,WAAW,GAAG;IAClD,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAOD,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
|
package/dist/components.json
CHANGED
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
"BoxProps",
|
|
66
66
|
"BreadcrumbsItemProps",
|
|
67
67
|
"BreadcrumbsProps",
|
|
68
|
+
"ButtonProps",
|
|
68
69
|
"CheckboxGroupProps",
|
|
69
70
|
"CheckboxProps",
|
|
70
71
|
"CounterLabelProps",
|
|
@@ -72,6 +73,7 @@
|
|
|
72
73
|
"DialogHeaderProps",
|
|
73
74
|
"DialogProps",
|
|
74
75
|
"HeaderProps",
|
|
76
|
+
"IconButtonProps",
|
|
75
77
|
"LabelProps",
|
|
76
78
|
"LinkButtonProps",
|
|
77
79
|
"LinkProps",
|
|
@@ -102,6 +104,7 @@
|
|
|
102
104
|
"TableTitleProps",
|
|
103
105
|
"TabNavLinkProps",
|
|
104
106
|
"TabNavProps",
|
|
107
|
+
"TextInputActionProps",
|
|
105
108
|
"TextInputProps",
|
|
106
109
|
"TextProps",
|
|
107
110
|
"TimelineBadgeProps",
|
package/dist/index.d.ts
CHANGED
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
export { Box, type BoxProps } from './components/Box';
|
|
2
|
-
export { Button } from '@primer/react';
|
|
3
2
|
export { Details } from '@primer/react';
|
|
4
3
|
export { FormControl } from '@primer/react';
|
|
5
|
-
export { IconButton } from '@primer/react';
|
|
6
4
|
export { ProgressBar } from '@primer/react';
|
|
7
5
|
export { Select } from '@primer/react';
|
|
8
6
|
export { Textarea } from '@primer/react';
|
|
9
|
-
export { TextInput } from '@primer/react';
|
|
10
|
-
export { type TextInputProps } from '@primer/react';
|
|
11
7
|
export { ThemeProvider, useTheme, useColorSchemeVar, BaseStyles } from './components/FeatureFlaggedTheming';
|
|
12
8
|
export { merge } from '@primer/react';
|
|
13
9
|
export { theme } from '@primer/react';
|
|
@@ -17,6 +13,7 @@ export { ActionMenu } from './components/ActionMenu';
|
|
|
17
13
|
export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
|
|
18
14
|
export { Avatar, type AvatarProps } from './components/Avatar';
|
|
19
15
|
export { Breadcrumbs, Breadcrumb, type BreadcrumbsProps, type BreadcrumbsItemProps } from './components/Breadcrumbs';
|
|
16
|
+
export { ButtonComponent as Button, type ButtonComponentProps as ButtonProps } from './components/Button';
|
|
20
17
|
export { Checkbox, type CheckboxProps } from './components/Checkbox';
|
|
21
18
|
export { CheckboxGroup, type CheckboxGroupProps } from './components/CheckboxGroup';
|
|
22
19
|
export { CircleBadge } from './components/CircleBadge';
|
|
@@ -25,6 +22,7 @@ export { Dialog, type DialogProps } from './components/Dialog';
|
|
|
25
22
|
export { Flash } from './components/Flash';
|
|
26
23
|
export { Header, type HeaderProps } from './components/Header';
|
|
27
24
|
export { Heading } from './components/Heading';
|
|
25
|
+
export { IconButton, type IconButtonProps } from './components/IconButton';
|
|
28
26
|
export { Label, type LabelProps } from './components/Label';
|
|
29
27
|
export { Link, type LinkProps } from './components/Link';
|
|
30
28
|
export { LinkButton, type LinkButtonProps } from './components/LinkButton';
|
|
@@ -39,6 +37,7 @@ export { Spinner, type SpinnerProps } from './components/Spinner';
|
|
|
39
37
|
export { StateLabel, type StateLabelProps } from './components/StateLabel';
|
|
40
38
|
export { SubNav, type SubNavProps, type SubNavLinkProps } from './components/SubNav';
|
|
41
39
|
export { Text, type TextProps } from './components/Text';
|
|
40
|
+
export { TextInput, type TextInputProps, type TextInputActionProps } from './components/TextInput';
|
|
42
41
|
export { Timeline, type TimelineProps, type TimelineItemProps, type TimelineBadgeProps, type TimelineBodyProps, type TimelineBreakProps, } from './components/Timeline';
|
|
43
42
|
export { ToggleSwitch, type ToggleSwitchProps } from './components/ToggleSwitch';
|
|
44
43
|
export { Tooltip, type TooltipProps } from './components/Tooltip';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,GAAG,EAAE,KAAK,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AACnD,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,11 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export { Box,
|
|
2
|
+
export { Box, Details, FormControl, ProgressBar, Select, Textarea, merge, sx, theme, themeGet } from '@primer/react';
|
|
3
3
|
export { BaseStyles, ThemeProvider, useColorSchemeVar, useTheme } from './components/FeatureFlaggedTheming.js';
|
|
4
4
|
export { ActionList } from './components/ActionList.js';
|
|
5
5
|
export { ActionMenu } from './components/ActionMenu.js';
|
|
6
6
|
export { Autocomplete } from './components/Autocomplete.js';
|
|
7
7
|
export { Avatar } from './components/Avatar.js';
|
|
8
8
|
export { Breadcrumb, Breadcrumbs } from './components/Breadcrumbs.js';
|
|
9
|
+
export { ButtonComponent as Button } from './components/Button.js';
|
|
9
10
|
export { Checkbox } from './components/Checkbox.js';
|
|
10
11
|
export { CheckboxGroup } from './components/CheckboxGroup.js';
|
|
11
12
|
export { CircleBadge } from './components/CircleBadge.js';
|
|
@@ -14,6 +15,7 @@ export { Dialog } from './components/Dialog.js';
|
|
|
14
15
|
export { Flash } from './components/Flash.js';
|
|
15
16
|
export { Header } from './components/Header.js';
|
|
16
17
|
export { Heading } from './components/Heading.js';
|
|
18
|
+
export { IconButton } from './components/IconButton.js';
|
|
17
19
|
export { Label } from './components/Label.js';
|
|
18
20
|
export { Link } from './components/Link.js';
|
|
19
21
|
export { LinkButton } from './components/LinkButton.js';
|
|
@@ -28,6 +30,7 @@ export { Spinner } from './components/Spinner.js';
|
|
|
28
30
|
export { StateLabel } from './components/StateLabel.js';
|
|
29
31
|
export { SubNav } from './components/SubNav.js';
|
|
30
32
|
export { Text } from './components/Text.js';
|
|
33
|
+
export { TextInput } from './components/TextInput.js';
|
|
31
34
|
export { Timeline } from './components/Timeline.js';
|
|
32
35
|
export { ToggleSwitch } from './components/ToggleSwitch.js';
|
|
33
36
|
export { Tooltip } from './components/Tooltip.js';
|
package/dist/sx.d.ts
CHANGED
package/dist/sx.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sx.d.ts","sourceRoot":"","sources":["../src/sx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAE,KAAK,MAAM,EAAC,MAAM,eAAe,CAAA"}
|
|
1
|
+
{"version":3,"file":"sx.d.ts","sourceRoot":"","sources":["../src/sx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAE,KAAK,MAAM,EAAC,MAAM,eAAe,CAAA;AAC7C,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;CACtC,CAAA"}
|
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-20251011004249",
|
|
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-20251011004249",
|
|
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-20251011004249",
|
|
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",
|