@primer/styled-react 0.0.0-20250930203821 → 0.0.0-20250930204556
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/{PageHeader-DCDIR2C1.js → PageHeader-C_Msl3QK.js} +4 -23
- package/dist/components/ActionMenu.d.ts +2 -5
- package/dist/components/ActionMenu.d.ts.map +1 -1
- package/dist/components/Breadcrumbs.d.ts +1 -1
- package/dist/components/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/CheckboxGroup.d.ts +22 -0
- package/dist/components/CheckboxGroup.d.ts.map +1 -0
- package/dist/components/Header.d.ts.map +1 -1
- package/dist/components/Label.d.ts +1 -3
- package/dist/components/Label.d.ts.map +1 -1
- package/dist/components/Link.d.ts +17 -2
- package/dist/components/Link.d.ts.map +1 -1
- package/dist/components/PageHeader.d.ts +4 -5
- package/dist/components/PageHeader.d.ts.map +1 -1
- package/dist/components/StateLabelProps.d.ts +8 -0
- package/dist/components/StateLabelProps.d.ts.map +1 -0
- package/dist/components/TabNav.d.ts +1 -1
- package/dist/components/TabNav.d.ts.map +1 -1
- package/dist/components/UnderlineNav.d.ts +2 -4
- package/dist/components/UnderlineNav.d.ts.map +1 -1
- package/dist/components.json +1 -3
- package/dist/deprecated.d.ts +1 -2
- package/dist/deprecated.d.ts.map +1 -1
- package/dist/deprecated.js +8 -48
- package/dist/experimental.js +1 -1
- package/dist/index.d.ts +5 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +53 -236
- package/dist/sx.d.ts +0 -3
- package/dist/sx.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/components/Button.d.ts +0 -13
- package/dist/components/Button.d.ts.map +0 -1
- package/dist/components/DialogV1.d.ts +0 -11
- package/dist/components/DialogV1.d.ts.map +0 -1
- package/dist/components/IconButton.d.ts +0 -9
- package/dist/components/IconButton.d.ts.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Dialog as Dialog$1, Box, PageHeader as PageHeader$1, sx } from '@primer/react';
|
|
2
|
-
import
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
import styled from 'styled-components';
|
|
5
5
|
|
|
@@ -40,22 +40,12 @@ const Dialog = Object.assign(DialogImpl, {
|
|
|
40
40
|
Footer: DialogFooter
|
|
41
41
|
});
|
|
42
42
|
|
|
43
|
-
const
|
|
43
|
+
const PageHeaderImpl = styled(PageHeader$1).withConfig({
|
|
44
44
|
shouldForwardProp: prop => prop !== 'sx'
|
|
45
45
|
}).withConfig({
|
|
46
|
-
displayName: "
|
|
46
|
+
displayName: "PageHeader__PageHeaderImpl",
|
|
47
47
|
componentId: "sc-1g9symn-0"
|
|
48
48
|
})(["", ""], sx);
|
|
49
|
-
const PageHeaderImpl = /*#__PURE__*/React.forwardRef(({
|
|
50
|
-
as,
|
|
51
|
-
...props
|
|
52
|
-
}, ref) => /*#__PURE__*/jsx(StyledPageHeader, {
|
|
53
|
-
...props,
|
|
54
|
-
...(as ? {
|
|
55
|
-
forwardedAs: as
|
|
56
|
-
} : {}),
|
|
57
|
-
ref: ref
|
|
58
|
-
}));
|
|
59
49
|
function PageHeaderActions({
|
|
60
50
|
sx,
|
|
61
51
|
...rest
|
|
@@ -79,7 +69,7 @@ function PageHeaderActions({
|
|
|
79
69
|
sx: sx
|
|
80
70
|
});
|
|
81
71
|
}
|
|
82
|
-
function
|
|
72
|
+
function PageHeaderTitle({
|
|
83
73
|
sx,
|
|
84
74
|
...rest
|
|
85
75
|
}) {
|
|
@@ -110,15 +100,6 @@ function StyledPageHeaderTitle({
|
|
|
110
100
|
sx: sx
|
|
111
101
|
});
|
|
112
102
|
}
|
|
113
|
-
const PageHeaderTitle = ({
|
|
114
|
-
as,
|
|
115
|
-
...props
|
|
116
|
-
}) => /*#__PURE__*/jsx(StyledPageHeaderTitle, {
|
|
117
|
-
...props,
|
|
118
|
-
...(as ? {
|
|
119
|
-
forwardedAs: as
|
|
120
|
-
} : {})
|
|
121
|
-
});
|
|
122
103
|
const PageHeaderTitleArea = styled(PageHeader$1.TitleArea).withConfig({
|
|
123
104
|
shouldForwardProp: prop => prop !== 'sx'
|
|
124
105
|
}).withConfig({
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import { ActionMenu as PrimerActionMenu, type SxProp
|
|
2
|
-
import {
|
|
1
|
+
import { ActionMenu as PrimerActionMenu, type SxProp } from '@primer/react';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
3
|
type ActionMenuOverlayProps = ComponentProps<typeof PrimerActionMenu.Overlay> & SxProp;
|
|
4
4
|
declare const ActionMenuOverlay: React.ComponentType<ActionMenuOverlayProps>;
|
|
5
|
-
export type ActionMenuButtonProps = PrimerActionMenuButtonProps & SxProp & {
|
|
6
|
-
as?: React.ElementType;
|
|
7
|
-
};
|
|
8
5
|
export declare const ActionMenu: typeof PrimerActionMenu & {
|
|
9
6
|
Button: typeof PrimerActionMenu.Button;
|
|
10
7
|
Anchor: typeof PrimerActionMenu.Anchor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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"}
|
|
@@ -4,7 +4,7 @@ import { type ForwardRefComponent } from '../polymorphic';
|
|
|
4
4
|
import type React from 'react';
|
|
5
5
|
type BreadcrumbsProps = PrimerBreadcrumbsProps & SxProp;
|
|
6
6
|
type BreadcrumbsItemProps<As extends React.ElementType = 'a'> = PrimerBreadcrumbsItemsProps<As> & SxProp;
|
|
7
|
-
declare
|
|
7
|
+
declare const BreadcrumbsItem: ({ as, ...props }: BreadcrumbsItemProps) => React.JSX.Element;
|
|
8
8
|
declare const Breadcrumbs: ForwardRefComponent<'nav', BreadcrumbsProps> & {
|
|
9
9
|
Item: typeof BreadcrumbsItem;
|
|
10
10
|
};
|
|
@@ -1 +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,
|
|
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,QAAA,MAAM,eAAe,GAAI,kBAAgB,oBAAoB,sBAE5D,CAAA;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,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,EAE9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAM7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAUrD,QAAA,MAAM,MAAM;;;CAGV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { type LabelProps as PrimerLabelProps } from '@primer/react';
|
|
2
2
|
import { type SxProp } from '../sx';
|
|
3
3
|
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
|
-
type LabelProps = PrimerLabelProps & SxProp
|
|
5
|
-
as?: React.ElementType;
|
|
6
|
-
};
|
|
4
|
+
type LabelProps = PrimerLabelProps & SxProp;
|
|
7
5
|
declare const Label: ForwardRefComponent<"span", LabelProps>;
|
|
8
6
|
export { Label, type LabelProps };
|
|
9
7
|
//# sourceMappingURL=Label.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAA4B,MAAM,eAAe,CAAA;AAC5F,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,UAAU,GAAG,gBAAgB,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAA4B,MAAM,eAAe,CAAA;AAC5F,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,UAAU,GAAG,gBAAgB,GAAG,MAAM,CAAA;AAE3C,QAAA,MAAM,KAAK,EAEL,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AAE7C,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}
|
|
@@ -1,7 +1,22 @@
|
|
|
1
1
|
import { type LinkProps as PrimerLinkProps } from '@primer/react';
|
|
2
2
|
import { type SxProp } from '../sx';
|
|
3
|
-
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
3
|
type LinkProps = PrimerLinkProps & SxProp;
|
|
5
|
-
declare const Link:
|
|
4
|
+
declare const Link: import("styled-components").StyledComponent<(<As extends React.ElementType = "a">(props: (React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & {
|
|
5
|
+
as?: "a" | undefined;
|
|
6
|
+
hoverColor?: string;
|
|
7
|
+
muted?: boolean;
|
|
8
|
+
underline?: boolean;
|
|
9
|
+
inline?: boolean;
|
|
10
|
+
} extends infer T ? T extends React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & {
|
|
11
|
+
as?: "a" | undefined;
|
|
12
|
+
hoverColor?: string;
|
|
13
|
+
muted?: boolean;
|
|
14
|
+
underline?: boolean;
|
|
15
|
+
inline?: boolean;
|
|
16
|
+
} ? T extends unknown ? Omit<T, "as"> : never : never : never) & {
|
|
17
|
+
as?: As | undefined;
|
|
18
|
+
} & React.RefAttributes<unknown>) => React.ReactNode) & {
|
|
19
|
+
displayName: string;
|
|
20
|
+
}, any, LinkProps, never>;
|
|
6
21
|
export { Link, type LinkProps };
|
|
7
22
|
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,IAAI,eAAe,EAAC,MAAM,eAAe,CAAA;AAEnF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,IAAI,eAAe,EAAC,MAAM,eAAe,CAAA;AAEnF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,KAAK,SAAS,GAAG,eAAe,GAAG,MAAM,CAAA;AAEzC,QAAA,MAAM,IAAI;;;;;;;;;;;;;MAM+nB,CAAC;;;yBAFzoB,CAAA;AACD,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,CAAA"}
|
|
@@ -2,15 +2,14 @@ import { PageHeader as PrimerPageHeader, type PageHeaderProps as PrimerPageHeade
|
|
|
2
2
|
import { type SxProp } from '../sx';
|
|
3
3
|
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
4
|
import type { PropsWithChildren } from 'react';
|
|
5
|
-
import React from 'react';
|
|
6
5
|
type PageHeaderProps = PrimerPageHeaderProps & SxProp;
|
|
7
6
|
type PageHeaderActionsProps = PrimerPageHeaderActionsProps & SxProp;
|
|
8
|
-
declare function PageHeaderActions({ sx, ...rest }: PageHeaderActionsProps):
|
|
7
|
+
declare function PageHeaderActions({ sx, ...rest }: PageHeaderActionsProps): import("react").JSX.Element;
|
|
9
8
|
type PageHeaderTitleProps = PropsWithChildren<PrimerPageHeaderTitleProps> & SxProp;
|
|
10
|
-
declare
|
|
9
|
+
declare function PageHeaderTitle({ sx, ...rest }: PageHeaderTitleProps): import("react").JSX.Element;
|
|
11
10
|
type PageHeaderTitleAreaProps = PropsWithChildren<PrimerPageHeaderTitleAreaProps> & SxProp;
|
|
12
11
|
declare const PageHeaderTitleArea: ForwardRefComponent<'div', PageHeaderTitleAreaProps>;
|
|
13
|
-
type
|
|
12
|
+
type PageHeaderComponent = ForwardRefComponent<'div', PageHeaderProps> & {
|
|
14
13
|
Actions: typeof PageHeaderActions;
|
|
15
14
|
ContextArea: typeof PrimerPageHeader.ContextArea;
|
|
16
15
|
ParentLink: typeof PrimerPageHeader.ParentLink;
|
|
@@ -25,7 +24,7 @@ type PageHeaderComponentType = ForwardRefComponent<'div', PageHeaderProps> & {
|
|
|
25
24
|
Description: typeof PrimerPageHeader.Description;
|
|
26
25
|
TrailingAction: typeof PrimerPageHeader.TrailingAction;
|
|
27
26
|
};
|
|
28
|
-
declare const PageHeader:
|
|
27
|
+
declare const PageHeader: PageHeaderComponent;
|
|
29
28
|
export { PageHeader };
|
|
30
29
|
export type { PageHeaderProps, PageHeaderActionsProps, PageHeaderTitleProps };
|
|
31
30
|
//# sourceMappingURL=PageHeader.d.ts.map
|
|
@@ -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,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE5C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAUrD,KAAK,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAEnE,iBAAS,iBAAiB,CAAC,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,sBAAsB,+BAY/D;AAED,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,GAAG,MAAM,CAAA;AAMlF,iBAAS,eAAe,CAAC,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,oBAAoB,+BAoB3D;AAED,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAE1F,QAAA,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,CAM7E,CAAA;AAED,KAAK,mBAAmB,GAAG,mBAAmB,CAAC,KAAK,EAAE,eAAe,CAAC,GAAG;IACvE,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,mBAchB,CAAA;AAEF,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,sBAAsB,EAAE,oBAAoB,EAAC,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type StateLabelProps as PrimerStateLabelProps } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
export type StateLabelProps = PrimerStateLabelProps & SxProp;
|
|
4
|
+
export declare const StateLabel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & {
|
|
5
|
+
variant?: "small" | "normal";
|
|
6
|
+
status: "open" | "issueOpened" | "pullOpened" | "issueClosed" | "issueClosedNotPlanned" | "pullClosed" | "pullMerged" | "draft" | "issueDraft" | "pullQueued" | "unavailable" | "closed";
|
|
7
|
+
} & SxProp & import("react").RefAttributes<HTMLSpanElement>>;
|
|
8
|
+
//# sourceMappingURL=StateLabelProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StateLabelProps.d.ts","sourceRoot":"","sources":["../../src/components/StateLabelProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAG3G,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAE5D,eAAO,MAAM,UAAU;;;4DAErB,CAAA"}
|
|
@@ -3,7 +3,7 @@ import { type SxProp } from '../sx';
|
|
|
3
3
|
type TabNavProps = PrimerTabNavProps & SxProp;
|
|
4
4
|
type TabNavLinkProps = PrimerTabNavLinkProps & SxProp;
|
|
5
5
|
declare const TabNav: (({ as, ...props }: TabNavProps) => import("react").JSX.Element) & {
|
|
6
|
-
Link:
|
|
6
|
+
Link: ({ as, ...props }: TabNavLinkProps) => import("react").JSX.Element;
|
|
7
7
|
};
|
|
8
8
|
export { TabNav, type TabNavProps, type TabNavLinkProps };
|
|
9
9
|
//# sourceMappingURL=TabNav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../src/components/TabNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAE,eAAe,IAAI,qBAAqB,EAAC,MAAM,0BAA0B,CAAA;AACxH,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAIrC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAC7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAsBrD,QAAA,MAAM,MAAM,sBAdwB,WAAW
|
|
1
|
+
{"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../src/components/TabNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAE,eAAe,IAAI,qBAAqB,EAAC,MAAM,0BAA0B,CAAA;AACxH,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAIrC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAC7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAsBrD,QAAA,MAAM,MAAM,sBAdwB,WAAW;6BAUX,eAAe;CAMjD,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,CAAA"}
|
|
@@ -2,10 +2,8 @@ import { type UnderlineNavProps as PrimerUnderlineNavProps, type UnderlineNavIte
|
|
|
2
2
|
import type { ForwardRefComponent } from '../polymorphic';
|
|
3
3
|
import { type SxProp } from '../sx';
|
|
4
4
|
export type UnderlineNavProps = PrimerUnderlineNavProps & SxProp;
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export declare const UnderlineNavItem: ForwardRefComponent<"a", UnderlineNavItemProps>;
|
|
8
|
-
export declare const UnderlineNav: ForwardRefComponent<"nav", UnderlineNavProps> & {
|
|
5
|
+
export type UnderlineNavItemProps = PrimerUnderlineNavItemProps & SxProp;
|
|
6
|
+
export declare const UnderlineNav: import("react").ForwardRefExoticComponent<PrimerUnderlineNavProps & SxProp & import("react").RefAttributes<HTMLElement>> & {
|
|
9
7
|
Item: ForwardRefComponent<"a", UnderlineNavItemProps>;
|
|
10
8
|
};
|
|
11
9
|
//# sourceMappingURL=UnderlineNav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../src/components/UnderlineNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,IAAI,uBAAuB,EACjD,KAAK,qBAAqB,IAAI,2BAA2B,EAC1D,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAMhE,
|
|
1
|
+
{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../src/components/UnderlineNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,IAAI,uBAAuB,EACjD,KAAK,qBAAqB,IAAI,2BAA2B,EAC1D,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAMhE,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,MAAM,CAAA;AAUxE,eAAO,MAAM,YAAY;;CAEvB,CAAA"}
|
package/dist/components.json
CHANGED
|
@@ -55,14 +55,12 @@
|
|
|
55
55
|
"BoxProps",
|
|
56
56
|
"BreadcrumbsItemProps",
|
|
57
57
|
"BreadcrumbsProps",
|
|
58
|
-
"
|
|
58
|
+
"CheckboxGroupProps",
|
|
59
59
|
"CheckboxProps",
|
|
60
60
|
"CounterLabelProps",
|
|
61
|
-
"DialogHeaderProps",
|
|
62
61
|
"DialogProps",
|
|
63
62
|
"FormControlProps",
|
|
64
63
|
"HeaderProps",
|
|
65
|
-
"IconButtonProps",
|
|
66
64
|
"LabelProps",
|
|
67
65
|
"LinkButtonProps",
|
|
68
66
|
"LinkProps",
|
package/dist/deprecated.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
export { TabNav, type TabNavProps, type TabNavLinkProps } from './components/TabNav';
|
|
2
|
-
export { Dialog,
|
|
3
|
-
export { Octicon, Tooltip, type TooltipProps } from '@primer/react/deprecated';
|
|
2
|
+
export { Dialog, Octicon, Tooltip, type TooltipProps } from '@primer/react/deprecated';
|
|
4
3
|
//# sourceMappingURL=deprecated.d.ts.map
|
package/dist/deprecated.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAClF,OAAO,EAAC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAClF,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAA"}
|
package/dist/deprecated.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { TabNav as TabNav$1
|
|
2
|
-
export { Octicon, Tooltip } from '@primer/react/deprecated';
|
|
3
|
-
import { sx
|
|
1
|
+
import { TabNav as TabNav$1 } from '@primer/react/deprecated';
|
|
2
|
+
export { Dialog, Octicon, Tooltip } from '@primer/react/deprecated';
|
|
3
|
+
import { sx } from '@primer/react';
|
|
4
4
|
import styled from 'styled-components';
|
|
5
|
-
import { forwardRef } from 'react';
|
|
6
5
|
import { jsx } from 'react/jsx-runtime';
|
|
7
6
|
|
|
8
7
|
const StyledTabNav = styled(TabNav$1).withConfig({
|
|
@@ -28,56 +27,17 @@ const StyledTabNavLink = styled(TabNav$1.Link).withConfig({
|
|
|
28
27
|
displayName: "TabNav__StyledTabNavLink",
|
|
29
28
|
componentId: "sc-v7az9x-1"
|
|
30
29
|
})(["", ""], sx);
|
|
31
|
-
const TabNavLink =
|
|
30
|
+
const TabNavLink = ({
|
|
32
31
|
as,
|
|
33
32
|
...props
|
|
34
|
-
}
|
|
33
|
+
}) => /*#__PURE__*/jsx(StyledTabNavLink, {
|
|
35
34
|
...props,
|
|
36
35
|
...(as ? {
|
|
37
36
|
forwardedAs: as
|
|
38
|
-
} : {})
|
|
39
|
-
|
|
40
|
-
}));
|
|
37
|
+
} : {})
|
|
38
|
+
});
|
|
41
39
|
const TabNav = Object.assign(TabNavImpl, {
|
|
42
40
|
Link: TabNavLink
|
|
43
41
|
});
|
|
44
42
|
|
|
45
|
-
|
|
46
|
-
return /*#__PURE__*/jsx(Box, {
|
|
47
|
-
as: Dialog$1,
|
|
48
|
-
ref: ref,
|
|
49
|
-
...props
|
|
50
|
-
});
|
|
51
|
-
});
|
|
52
|
-
const DialogImpl = /*#__PURE__*/forwardRef(({
|
|
53
|
-
as,
|
|
54
|
-
...props
|
|
55
|
-
}, ref) => /*#__PURE__*/jsx(StyledDialog, {
|
|
56
|
-
...props,
|
|
57
|
-
...(as ? {
|
|
58
|
-
forwardedAs: as
|
|
59
|
-
} : {}),
|
|
60
|
-
ref: ref
|
|
61
|
-
}));
|
|
62
|
-
const StyledDialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
|
|
63
|
-
return /*#__PURE__*/jsx(Box, {
|
|
64
|
-
as: Dialog$1.Header,
|
|
65
|
-
ref: ref,
|
|
66
|
-
...props
|
|
67
|
-
});
|
|
68
|
-
});
|
|
69
|
-
const DialogHeader = /*#__PURE__*/forwardRef(({
|
|
70
|
-
as,
|
|
71
|
-
...props
|
|
72
|
-
}, ref) => /*#__PURE__*/jsx(StyledDialogHeader, {
|
|
73
|
-
...props,
|
|
74
|
-
...(as ? {
|
|
75
|
-
forwardedAs: as
|
|
76
|
-
} : {}),
|
|
77
|
-
ref: ref
|
|
78
|
-
}));
|
|
79
|
-
const Dialog = Object.assign(DialogImpl, {
|
|
80
|
-
Header: DialogHeader
|
|
81
|
-
});
|
|
82
|
-
|
|
83
|
-
export { Dialog, TabNav };
|
|
43
|
+
export { TabNav };
|
package/dist/experimental.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { D as Dialog, P as PageHeader } from './PageHeader-
|
|
1
|
+
export { D as Dialog, P as PageHeader } from './PageHeader-C_Msl3QK.js';
|
|
2
2
|
import { UnderlinePanels as UnderlinePanels$1 } from '@primer/react/experimental';
|
|
3
3
|
export { Table, Tooltip } from '@primer/react/experimental';
|
|
4
4
|
import styled from 'styled-components';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
export { ActionList } from '@primer/react';
|
|
2
2
|
export { Avatar } from '@primer/react';
|
|
3
3
|
export { Box, type BoxProps } from './components/Box';
|
|
4
|
-
export {
|
|
4
|
+
export { Button } from '@primer/react';
|
|
5
5
|
export { Details } from '@primer/react';
|
|
6
|
+
export { IconButton } from '@primer/react';
|
|
6
7
|
export { ProgressBar } from '@primer/react';
|
|
7
8
|
export { Select } from '@primer/react';
|
|
8
9
|
export { Text } from '@primer/react';
|
|
9
10
|
export { Textarea } from '@primer/react';
|
|
10
|
-
export { TextInput
|
|
11
|
+
export { TextInput } from '@primer/react';
|
|
11
12
|
export { Token } from '@primer/react';
|
|
12
13
|
export { Tooltip } from '@primer/react';
|
|
14
|
+
export { type TextInputProps } from '@primer/react';
|
|
13
15
|
export { type TokenProps } from '@primer/react';
|
|
14
16
|
export { ThemeProvider } from '@primer/react';
|
|
15
17
|
export { merge } from '@primer/react';
|
|
@@ -20,8 +22,8 @@ export { useTheme } from '@primer/react';
|
|
|
20
22
|
export { ActionMenu } from './components/ActionMenu';
|
|
21
23
|
export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
|
|
22
24
|
export { Breadcrumbs, Breadcrumb, type BreadcrumbsProps, type BreadcrumbsItemProps } from './components/Breadcrumbs';
|
|
23
|
-
export { ButtonComponent as Button, type ButtonComponentProps as ButtonProps } from './components/Button';
|
|
24
25
|
export { Checkbox, type CheckboxProps } from './components/Checkbox';
|
|
26
|
+
export { CheckboxGroup, type CheckboxGroupProps } from './components/CheckboxGroup';
|
|
25
27
|
export { CircleBadge } from './components/CircleBadge';
|
|
26
28
|
export { CounterLabel, type CounterLabelProps } from './components/CounterLabel';
|
|
27
29
|
export { Dialog, type DialogProps } from './components/Dialog';
|
|
@@ -29,7 +31,6 @@ export { Flash } from './components/Flash';
|
|
|
29
31
|
export { FormControl, type FormControlProps } from './components/FormControl';
|
|
30
32
|
export { Header, type HeaderProps } from './components/Header';
|
|
31
33
|
export { Heading } from './components/Heading';
|
|
32
|
-
export { IconButton, type IconButtonProps } from './components/IconButton';
|
|
33
34
|
export { Label, type LabelProps } from './components/Label';
|
|
34
35
|
export { Link, type LinkProps } from './components/Link';
|
|
35
36
|
export { LinkButton, type LinkButtonProps } from './components/LinkButton';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,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":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,OAAO,EAAC,GAAG,EAAE,KAAK,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AACrC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAA;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAA;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AACrC,OAAO,EAAC,KAAK,cAAc,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAG7C,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAA;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAA;AACnC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAC,YAAY,EAAE,KAAK,wBAAwB,EAAC,MAAM,2BAA2B,CAAA;AACrF,OAAO,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAC,MAAM,0BAA0B,CAAA;AAClH,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AACjF,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,+BAA+B,GACrC,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAClF,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,GACxB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,qBAAqB,EAAC,MAAM,2BAA2B,CAAA;AAE1G,OAAO,EAAC,EAAE,EAAE,KAAK,MAAM,EAAC,MAAM,MAAM,CAAA;AAEpC,YAAY,EAAC,uBAAuB,EAAC,MAAM,gBAAgB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ActionMenu as ActionMenu$1, sx,
|
|
2
|
-
export { ActionList, Avatar, Box,
|
|
1
|
+
import { ActionMenu as ActionMenu$1, sx, Autocomplete as Autocomplete$1, Breadcrumbs as Breadcrumbs$1, Box, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CircleBadge as CircleBadge$1, CounterLabel as CounterLabel$1, Flash as Flash$1, FormControl as FormControl$1, Header as Header$1, Heading as Heading$1, Label as Label$1, Link as Link$1, LinkButton as LinkButton$1, NavList as NavList$1, Overlay as Overlay$1, PageLayout as PageLayout$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Timeline as Timeline$1, ToggleSwitch as ToggleSwitch$1, Truncate as Truncate$1, UnderlineNav as UnderlineNav$1 } from '@primer/react';
|
|
2
|
+
export { ActionList, Avatar, Box, Button, Details, IconButton, ProgressBar, Select, Text, TextInput, Textarea, ThemeProvider, Token, Tooltip, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
|
-
import React, { forwardRef } from 'react';
|
|
5
4
|
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
5
|
+
import React, { forwardRef } from 'react';
|
|
6
|
+
export { D as Dialog, P as PageHeader } from './PageHeader-C_Msl3QK.js';
|
|
7
7
|
|
|
8
8
|
const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
|
|
9
9
|
shouldForwardProp: prop => prop !== 'sx'
|
|
@@ -11,25 +11,8 @@ const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
|
|
|
11
11
|
displayName: "ActionMenu__ActionMenuOverlay",
|
|
12
12
|
componentId: "sc-w5s60e-0"
|
|
13
13
|
})(["", ""], sx);
|
|
14
|
-
const StyledActionMenuButton = /*#__PURE__*/forwardRef((props, ref) => {
|
|
15
|
-
return /*#__PURE__*/jsx(Box, {
|
|
16
|
-
as: ActionMenu$1.Button,
|
|
17
|
-
ref: ref,
|
|
18
|
-
...props
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
const ActionMenuButton = /*#__PURE__*/forwardRef(({
|
|
22
|
-
as,
|
|
23
|
-
...props
|
|
24
|
-
}, ref) => /*#__PURE__*/jsx(StyledActionMenuButton, {
|
|
25
|
-
...props,
|
|
26
|
-
...(as ? {
|
|
27
|
-
forwardedAs: as
|
|
28
|
-
} : {}),
|
|
29
|
-
ref: ref
|
|
30
|
-
}));
|
|
31
14
|
const ActionMenu = Object.assign(ActionMenu$1, {
|
|
32
|
-
Button:
|
|
15
|
+
Button: ActionMenu$1.Button,
|
|
33
16
|
Anchor: ActionMenu$1.Anchor,
|
|
34
17
|
Overlay: ActionMenuOverlay,
|
|
35
18
|
Divider: ActionMenu$1.Divider
|
|
@@ -60,17 +43,15 @@ const StyledBreadcrumbsItem = styled(Breadcrumbs$1.Item).withConfig({
|
|
|
60
43
|
displayName: "Breadcrumbs__StyledBreadcrumbsItem",
|
|
61
44
|
componentId: "sc-1qj8pw-1"
|
|
62
45
|
})(["", ""], sx);
|
|
63
|
-
|
|
46
|
+
const BreadcrumbsItem = ({
|
|
64
47
|
as,
|
|
65
48
|
...props
|
|
66
|
-
}) {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
});
|
|
73
|
-
}
|
|
49
|
+
}) => /*#__PURE__*/jsx(StyledBreadcrumbsItem, {
|
|
50
|
+
...props,
|
|
51
|
+
...(as ? {
|
|
52
|
+
forwardedAs: as
|
|
53
|
+
} : {})
|
|
54
|
+
});
|
|
74
55
|
const Breadcrumbs = Object.assign(BreadcrumbsImpl, {
|
|
75
56
|
Item: BreadcrumbsItem
|
|
76
57
|
});
|
|
@@ -80,114 +61,45 @@ const Breadcrumbs = Object.assign(BreadcrumbsImpl, {
|
|
|
80
61
|
*/
|
|
81
62
|
const Breadcrumb = Breadcrumbs;
|
|
82
63
|
|
|
83
|
-
const
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
}, ref) => {
|
|
87
|
-
const {
|
|
88
|
-
block,
|
|
89
|
-
size = 'medium',
|
|
90
|
-
leadingVisual,
|
|
91
|
-
trailingVisual,
|
|
92
|
-
trailingAction
|
|
93
|
-
} = rest;
|
|
94
|
-
let sxStyles = {};
|
|
95
|
-
const style = {};
|
|
96
|
-
if (sx !== null && Object.keys(sx || {}).length > 0) {
|
|
97
|
-
sxStyles = generateCustomSxProp({
|
|
98
|
-
block,
|
|
99
|
-
size,
|
|
100
|
-
leadingVisual,
|
|
101
|
-
trailingVisual,
|
|
102
|
-
trailingAction
|
|
103
|
-
}, sx);
|
|
104
|
-
const {
|
|
105
|
-
color
|
|
106
|
-
} = sx;
|
|
107
|
-
if (color) style['--button-color'] = color;
|
|
108
|
-
}
|
|
109
|
-
return /*#__PURE__*/jsx(Box, {
|
|
110
|
-
as: Button,
|
|
111
|
-
style: style,
|
|
112
|
-
sx: sxStyles,
|
|
64
|
+
const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
|
|
65
|
+
return /*#__PURE__*/jsx(Box, {
|
|
66
|
+
as: Checkbox$1,
|
|
113
67
|
ref: ref,
|
|
114
|
-
...
|
|
68
|
+
...props
|
|
115
69
|
});
|
|
116
70
|
});
|
|
117
|
-
const ButtonComponent = /*#__PURE__*/forwardRef(({
|
|
118
|
-
as,
|
|
119
|
-
...props
|
|
120
|
-
}, ref) => /*#__PURE__*/jsx(StyledButtonComponent, {
|
|
121
|
-
ref: ref,
|
|
122
|
-
...props,
|
|
123
|
-
...(as ? {
|
|
124
|
-
forwardedAs: as
|
|
125
|
-
} : {})
|
|
126
|
-
}));
|
|
127
|
-
|
|
128
|
-
// This function is used to generate a custom cssSelector for the sxProp
|
|
129
|
-
|
|
130
|
-
// The usual sx prop can like this:
|
|
131
|
-
// sx={{
|
|
132
|
-
// [`@media (max-width: 768px)`]: {
|
|
133
|
-
// '& > ul': {
|
|
134
|
-
// backgroundColor: 'deeppink',
|
|
135
|
-
// },
|
|
136
|
-
// '&:hover': {
|
|
137
|
-
// backgroundColor: 'yellow',
|
|
138
|
-
// },
|
|
139
|
-
// },
|
|
140
|
-
// '&:hover': {
|
|
141
|
-
// backgroundColor: 'yellow',
|
|
142
|
-
// },
|
|
143
|
-
// '&': {
|
|
144
|
-
// width : 320px
|
|
145
|
-
// }
|
|
146
|
-
// }}
|
|
147
|
-
//*
|
|
148
|
-
/* What we want for Button styles is this:
|
|
149
|
-
sx={{
|
|
150
|
-
// [`@media (max-width: 768px)`]: {
|
|
151
|
-
// '&[data-attribute="something"] > ul': {
|
|
152
|
-
// backgroundColor: 'deeppink',
|
|
153
|
-
// },
|
|
154
|
-
// '&[data-attribute="something"]:hover': {
|
|
155
|
-
// backgroundColor: 'yellow',
|
|
156
|
-
// },
|
|
157
|
-
// },
|
|
158
|
-
// '&[data-attribute="something"]:hover': {
|
|
159
|
-
// backgroundColor: 'yellow',
|
|
160
|
-
// },
|
|
161
|
-
// '&[data-attribute="something"]': {
|
|
162
|
-
// width : 320px
|
|
163
|
-
// }
|
|
164
|
-
// }}
|
|
165
|
-
|
|
166
|
-
// We need to make sure we append the customCSSSelector to the original class selector. i.e & - > &[data-attribute="Icon"][data-size="small"]
|
|
167
|
-
*/
|
|
168
|
-
function generateCustomSxProp(props, providedSx) {
|
|
169
|
-
// Possible data attributes: data-size, data-block, data-no-visuals
|
|
170
|
-
const size = `[data-size="${props.size}"]`;
|
|
171
|
-
const block = props.block ? `[data-block="block"]` : '';
|
|
172
|
-
const noVisuals = props.leadingVisual || props.trailingVisual || props.trailingAction ? '' : '[data-no-visuals]';
|
|
173
|
-
|
|
174
|
-
// this is a custom selector. We need to make sure we add the data attributes to the base css class (& -> &[data-attributename="value"]])
|
|
175
|
-
const cssSelector = `&${size}${block}${noVisuals}`; // &[data-size="small"][data-block="block"][data-no-visuals]
|
|
176
|
-
|
|
177
|
-
const customSxProp = {};
|
|
178
|
-
if (!providedSx) return customSxProp;else {
|
|
179
|
-
customSxProp[cssSelector] = providedSx;
|
|
180
|
-
return customSxProp;
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
ButtonComponent.displayName = 'Button';
|
|
184
71
|
|
|
185
|
-
const
|
|
72
|
+
const CheckboxGroupImpl = props => {
|
|
186
73
|
return /*#__PURE__*/jsx(Box, {
|
|
187
|
-
as:
|
|
188
|
-
|
|
74
|
+
as: CheckboxGroup$1,
|
|
75
|
+
...props
|
|
76
|
+
});
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
// Define local types based on the internal component props
|
|
80
|
+
|
|
81
|
+
const CheckboxOrRadioGroupLabel$1 = props => {
|
|
82
|
+
return /*#__PURE__*/jsx(Box, {
|
|
83
|
+
as: CheckboxGroup$1.Label,
|
|
84
|
+
...props
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
const CheckboxOrRadioGroupCaption$1 = props => {
|
|
88
|
+
return /*#__PURE__*/jsx(Box, {
|
|
89
|
+
as: CheckboxGroup$1.Caption,
|
|
189
90
|
...props
|
|
190
91
|
});
|
|
92
|
+
};
|
|
93
|
+
const CheckboxOrRadioGroupValidation$1 = props => {
|
|
94
|
+
return /*#__PURE__*/jsx(Box, {
|
|
95
|
+
as: CheckboxGroup$1.Validation,
|
|
96
|
+
...props
|
|
97
|
+
});
|
|
98
|
+
};
|
|
99
|
+
const CheckboxGroup = Object.assign(CheckboxGroupImpl, {
|
|
100
|
+
Label: CheckboxOrRadioGroupLabel$1,
|
|
101
|
+
Caption: CheckboxOrRadioGroupCaption$1,
|
|
102
|
+
Validation: CheckboxOrRadioGroupValidation$1
|
|
191
103
|
});
|
|
192
104
|
|
|
193
105
|
const CircleBadge = styled(CircleBadge$1).withConfig({
|
|
@@ -244,23 +156,13 @@ const FormControl = Object.assign(FormControlImpl, {
|
|
|
244
156
|
Label: FormControl$1.Label
|
|
245
157
|
});
|
|
246
158
|
|
|
247
|
-
const
|
|
159
|
+
const HeaderImpl = /*#__PURE__*/forwardRef(function Header(props, ref) {
|
|
248
160
|
return /*#__PURE__*/jsx(Box, {
|
|
249
161
|
as: Header$1,
|
|
250
162
|
ref: ref,
|
|
251
163
|
...props
|
|
252
164
|
});
|
|
253
165
|
});
|
|
254
|
-
const HeaderImpl = /*#__PURE__*/forwardRef(({
|
|
255
|
-
as,
|
|
256
|
-
...props
|
|
257
|
-
}, ref) => /*#__PURE__*/jsx(StyledHeader, {
|
|
258
|
-
...props,
|
|
259
|
-
...(as ? {
|
|
260
|
-
forwardedAs: as
|
|
261
|
-
} : {}),
|
|
262
|
-
ref: ref
|
|
263
|
-
}));
|
|
264
166
|
const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
|
|
265
167
|
return /*#__PURE__*/jsx(Box, {
|
|
266
168
|
as: Header$1.Item,
|
|
@@ -268,23 +170,13 @@ const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
|
|
|
268
170
|
...props
|
|
269
171
|
});
|
|
270
172
|
});
|
|
271
|
-
const
|
|
173
|
+
const HeaderLink = /*#__PURE__*/forwardRef(function HeaderLink(props, ref) {
|
|
272
174
|
return /*#__PURE__*/jsx(Box, {
|
|
273
175
|
as: Header$1.Link,
|
|
274
176
|
ref: ref,
|
|
275
177
|
...props
|
|
276
178
|
});
|
|
277
179
|
});
|
|
278
|
-
const HeaderLink = /*#__PURE__*/forwardRef(({
|
|
279
|
-
as,
|
|
280
|
-
...props
|
|
281
|
-
}, ref) => /*#__PURE__*/jsx(StyledHeaderLink, {
|
|
282
|
-
...props,
|
|
283
|
-
...(as ? {
|
|
284
|
-
forwardedAs: as
|
|
285
|
-
} : {}),
|
|
286
|
-
ref: ref
|
|
287
|
-
}));
|
|
288
180
|
const Header = Object.assign(HeaderImpl, {
|
|
289
181
|
Item: HeaderItem,
|
|
290
182
|
Link: HeaderLink
|
|
@@ -297,75 +189,20 @@ const Heading = styled(Heading$1).withConfig({
|
|
|
297
189
|
componentId: "sc-1vc165i-0"
|
|
298
190
|
})(["", ""], sx);
|
|
299
191
|
|
|
300
|
-
const
|
|
301
|
-
sx,
|
|
302
|
-
...rest
|
|
303
|
-
}, ref) => {
|
|
304
|
-
let sxStyles = sx;
|
|
305
|
-
// grap the button props that have associated data attributes in the styles
|
|
306
|
-
const {
|
|
307
|
-
size = 'medium'
|
|
308
|
-
} = rest;
|
|
309
|
-
if (sx !== null && sx !== undefined && Object.keys(sx).length > 0) {
|
|
310
|
-
sxStyles = generateCustomSxProp({
|
|
311
|
-
size
|
|
312
|
-
}, sx);
|
|
313
|
-
}
|
|
314
|
-
return /*#__PURE__*/jsx(Box, {
|
|
315
|
-
sx: sxStyles,
|
|
316
|
-
as: IconButton$1,
|
|
317
|
-
ref: ref,
|
|
318
|
-
...rest
|
|
319
|
-
});
|
|
320
|
-
});
|
|
321
|
-
const IconButton = ({
|
|
322
|
-
as,
|
|
323
|
-
...props
|
|
324
|
-
}) => /*#__PURE__*/jsx(StyledIconButton, {
|
|
325
|
-
...props,
|
|
326
|
-
...(as ? {
|
|
327
|
-
forwardedAs: as
|
|
328
|
-
} : {})
|
|
329
|
-
});
|
|
330
|
-
|
|
331
|
-
const StyledLabel = /*#__PURE__*/forwardRef(function Label(props, ref) {
|
|
192
|
+
const Label = /*#__PURE__*/forwardRef(function Label(props, ref) {
|
|
332
193
|
return /*#__PURE__*/jsx(Box, {
|
|
333
194
|
as: Label$1,
|
|
334
195
|
ref: ref,
|
|
335
196
|
...props
|
|
336
197
|
});
|
|
337
198
|
});
|
|
338
|
-
const Label = /*#__PURE__*/forwardRef(({
|
|
339
|
-
as,
|
|
340
|
-
...props
|
|
341
|
-
}, ref) => {
|
|
342
|
-
return /*#__PURE__*/jsx(StyledLabel, {
|
|
343
|
-
...props,
|
|
344
|
-
...(as ? {
|
|
345
|
-
forwardedAs: as
|
|
346
|
-
} : {}),
|
|
347
|
-
ref: ref
|
|
348
|
-
});
|
|
349
|
-
});
|
|
350
199
|
|
|
351
|
-
const
|
|
200
|
+
const Link = styled(Link$1).withConfig({
|
|
352
201
|
shouldForwardProp: prop => prop !== 'sx'
|
|
353
202
|
}).withConfig({
|
|
354
|
-
displayName: "
|
|
203
|
+
displayName: "Link",
|
|
355
204
|
componentId: "sc-1syctfj-0"
|
|
356
205
|
})(["", ""], sx);
|
|
357
|
-
const Link = /*#__PURE__*/forwardRef(({
|
|
358
|
-
as,
|
|
359
|
-
...props
|
|
360
|
-
}, ref) => {
|
|
361
|
-
return /*#__PURE__*/jsx(StyledLink, {
|
|
362
|
-
...props,
|
|
363
|
-
...(as ? {
|
|
364
|
-
forwardedAs: as
|
|
365
|
-
} : {}),
|
|
366
|
-
ref: ref
|
|
367
|
-
});
|
|
368
|
-
});
|
|
369
206
|
|
|
370
207
|
const LinkButton = styled(LinkButton$1).withConfig({
|
|
371
208
|
shouldForwardProp: prop => prop !== 'sx'
|
|
@@ -621,41 +458,21 @@ const Truncate = styled(Truncate$1).withConfig({
|
|
|
621
458
|
componentId: "sc-x3i4it-0"
|
|
622
459
|
})(["", ""], sx);
|
|
623
460
|
|
|
624
|
-
const
|
|
461
|
+
const UnderlineNavImpl = /*#__PURE__*/forwardRef(function UnderlineNav(props, ref) {
|
|
625
462
|
return /*#__PURE__*/jsx(Box, {
|
|
626
463
|
as: UnderlineNav$1,
|
|
627
464
|
ref: ref,
|
|
628
465
|
...props
|
|
629
466
|
});
|
|
630
467
|
});
|
|
631
|
-
const
|
|
632
|
-
as,
|
|
633
|
-
...props
|
|
634
|
-
}, ref) => /*#__PURE__*/jsx(StyledUnderlineNav, {
|
|
635
|
-
...props,
|
|
636
|
-
...(as ? {
|
|
637
|
-
forwardedAs: as
|
|
638
|
-
} : {}),
|
|
639
|
-
ref: ref
|
|
640
|
-
}));
|
|
641
|
-
const StyledUnderlineNavItem = styled(UnderlineNav$1.Item).withConfig({
|
|
468
|
+
const UnderlineNavItem = styled(UnderlineNav$1.Item).withConfig({
|
|
642
469
|
shouldForwardProp: prop => prop !== 'sx'
|
|
643
470
|
}).withConfig({
|
|
644
|
-
displayName: "
|
|
471
|
+
displayName: "UnderlineNav__UnderlineNavItem",
|
|
645
472
|
componentId: "sc-dx6br2-0"
|
|
646
473
|
})(["", ""], sx);
|
|
647
|
-
const UnderlineNavItem = /*#__PURE__*/forwardRef(({
|
|
648
|
-
as,
|
|
649
|
-
...props
|
|
650
|
-
}, ref) => /*#__PURE__*/jsx(StyledUnderlineNavItem, {
|
|
651
|
-
...props,
|
|
652
|
-
...(as ? {
|
|
653
|
-
forwardedAs: as
|
|
654
|
-
} : {}),
|
|
655
|
-
ref: ref
|
|
656
|
-
}));
|
|
657
474
|
const UnderlineNav = Object.assign(UnderlineNavImpl, {
|
|
658
475
|
Item: UnderlineNavItem
|
|
659
476
|
});
|
|
660
477
|
|
|
661
|
-
export { ActionMenu, Autocomplete, Breadcrumb, Breadcrumbs,
|
|
478
|
+
export { ActionMenu, Autocomplete, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, FormControl, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Timeline, ToggleSwitch, Truncate, UnderlineNav };
|
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"}
|
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-20250930204556",
|
|
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-20250930204556",
|
|
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-20250930204556",
|
|
50
50
|
"@types/react": "18.x || 19.x",
|
|
51
51
|
"@types/react-dom": "18.x || 19.x",
|
|
52
52
|
"@types/react-is": "18.x || 19.x",
|
|
@@ -1,13 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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;AAG5D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,oBAAoB,GAAG,iBAAiB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAoBjF,QAAA,MAAM,eAAe,EAEf,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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { DialogProps as PrimerDialogProps, DialogHeaderProps as PrimerDialogHeaderProps } from '@primer/react/deprecated';
|
|
2
|
-
import type { SxProp } from '../sx';
|
|
3
|
-
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
|
-
type DialogProps = PrimerDialogProps & SxProp;
|
|
5
|
-
type DialogHeaderProps = PrimerDialogHeaderProps & SxProp;
|
|
6
|
-
declare const Dialog: ForwardRefComponent<"div", DialogProps> & {
|
|
7
|
-
Header: ForwardRefComponent<"div", DialogHeaderProps>;
|
|
8
|
-
};
|
|
9
|
-
export { Dialog };
|
|
10
|
-
export type { DialogProps, DialogHeaderProps };
|
|
11
|
-
//# sourceMappingURL=DialogV1.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogV1.d.ts","sourceRoot":"","sources":["../../src/components/DialogV1.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,IAAI,iBAAiB,EAChC,iBAAiB,IAAI,uBAAuB,EAC7C,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAU7C,KAAK,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAUzD,QAAA,MAAM,MAAM;;CAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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;AAKvD,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAahF,QAAA,MAAM,UAAU,EAEV,mBAAmB,CAAC,GAAG,GAAG,QAAQ,EAAE,eAAe,CAAC,CAAA;AAE1D,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAC,CAAA"}
|