@primer/styled-react 0.0.0-20251003001924 → 0.0.0-20251003004245
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 +40 -0
- package/dist/components/ActionList.d.ts.map +1 -0
- package/dist/components/FormControl.d.ts +9 -4
- package/dist/components/FormControl.d.ts.map +1 -1
- package/dist/components/NavList.d.ts +27 -19
- package/dist/components/NavList.d.ts.map +1 -1
- package/dist/components/PageLayout.d.ts +7 -3
- package/dist/components/PageLayout.d.ts.map +1 -1
- package/dist/components.json +8 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +166 -14
- package/package.json +3 -3
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ActionList as PrimerActionList, type ActionListProps as PrimerActionListProps, type ActionListItemProps as PrimerActionListItemProps, type ActionListLinkItemProps as PrimerActionListLinkItemProps, type ActionListGroupProps as PrimerActionListGroupProps, type ActionListDividerProps as PrimerActionListDividerProps, type ActionListLeadingVisualProps as PrimerActionListLeadingVisualProps, type ActionListTrailingVisualProps as PrimerActionListTrailingVisualProps } from '@primer/react';
|
|
3
|
+
import { type SxProp } from '../sx';
|
|
4
|
+
import type { ForwardRefComponent } from '../polymorphic';
|
|
5
|
+
type PrimerActionListTrailingActionProps = React.ComponentProps<typeof PrimerActionList.TrailingAction>;
|
|
6
|
+
export type ActionListProps<As extends React.ElementType = 'ul'> = PrimerActionListProps<As> & SxProp;
|
|
7
|
+
export type ActionListItemProps = React.PropsWithChildren<PrimerActionListItemProps & SxProp>;
|
|
8
|
+
export type ActionListLinkItemProps = PrimerActionListLinkItemProps & SxProp & {
|
|
9
|
+
as?: React.ElementType;
|
|
10
|
+
};
|
|
11
|
+
export type ActionListGroupProps = React.PropsWithChildren<PrimerActionListGroupProps & SxProp>;
|
|
12
|
+
export type ActionListDividerProps = React.PropsWithChildren<PrimerActionListDividerProps & SxProp>;
|
|
13
|
+
export type ActionListLeadingVisualProps = React.PropsWithChildren<PrimerActionListLeadingVisualProps & SxProp>;
|
|
14
|
+
export type ActionListTrailingVisualProps = React.PropsWithChildren<PrimerActionListTrailingVisualProps & SxProp>;
|
|
15
|
+
export type ActionListTrailingActionProps = PrimerActionListTrailingActionProps & SxProp & {
|
|
16
|
+
as?: React.ElementType;
|
|
17
|
+
};
|
|
18
|
+
declare const ActionListImpl: React.ForwardRefExoticComponent<Omit<ActionListProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
|
|
19
|
+
declare const ActionListLinkItem: ForwardRefComponent<"a", ActionListLinkItemProps>;
|
|
20
|
+
type TrailingActionElements = 'button' | 'a';
|
|
21
|
+
declare const ActionListTrailingAction: ForwardRefComponent<TrailingActionElements, ActionListTrailingActionProps>;
|
|
22
|
+
declare const ActionListItem: ForwardRefComponent<"li", ActionListItemProps>;
|
|
23
|
+
declare const ActionListGroup: React.ComponentType<ActionListGroupProps>;
|
|
24
|
+
declare const ActionListDivider: React.ComponentType<ActionListDividerProps>;
|
|
25
|
+
declare const ActionListLeadingVisual: React.ComponentType<ActionListLeadingVisualProps>;
|
|
26
|
+
declare const ActionListTrailingVisual: React.ComponentType<ActionListTrailingVisualProps>;
|
|
27
|
+
export declare const ActionList: typeof ActionListImpl & {
|
|
28
|
+
Item: typeof ActionListItem;
|
|
29
|
+
LinkItem: typeof ActionListLinkItem;
|
|
30
|
+
Group: typeof ActionListGroup;
|
|
31
|
+
GroupHeading: typeof PrimerActionList.GroupHeading;
|
|
32
|
+
Divider: typeof ActionListDivider;
|
|
33
|
+
Description: typeof PrimerActionList.Description;
|
|
34
|
+
LeadingVisual: typeof ActionListLeadingVisual;
|
|
35
|
+
TrailingVisual: typeof ActionListTrailingVisual;
|
|
36
|
+
Heading: typeof PrimerActionList.Heading;
|
|
37
|
+
TrailingAction: typeof ActionListTrailingAction;
|
|
38
|
+
};
|
|
39
|
+
export {};
|
|
40
|
+
//# sourceMappingURL=ActionList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type SxProp } from '@primer/react';
|
|
1
|
+
import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type FormControlCaptionProps as PrimerFormControlCaptionProps, type FormControlValidationProps as PrimerFormControlValidationProps, type SxProp } from '@primer/react';
|
|
2
2
|
import { type PropsWithChildren } from 'react';
|
|
3
3
|
type FormControlProps = PropsWithChildren<PrimerFormControlProps> & SxProp;
|
|
4
4
|
declare const FormControlImpl: import("react").ForwardRefExoticComponent<PrimerFormControlProps & {
|
|
5
5
|
children?: import("react").ReactNode | undefined;
|
|
6
6
|
} & SxProp & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
type FormControlCaptionProps = PropsWithChildren<PrimerFormControlCaptionProps> & SxProp;
|
|
8
|
+
declare const FormControlCaption: (props: FormControlCaptionProps) => import("react").JSX.Element;
|
|
9
|
+
type FormControlValidationProps = PropsWithChildren<PrimerFormControlValidationProps> & SxProp;
|
|
10
|
+
declare const FormControlValidation: (props: FormControlValidationProps) => import("react").JSX.Element;
|
|
11
|
+
declare const FormControlLeadingVisual: (props: PropsWithChildren<SxProp>) => import("react").JSX.Element;
|
|
7
12
|
declare const FormControl: typeof FormControlImpl & {
|
|
8
|
-
Caption: typeof
|
|
9
|
-
LeadingVisual: typeof
|
|
10
|
-
Validation: typeof
|
|
13
|
+
Caption: typeof FormControlCaption;
|
|
14
|
+
LeadingVisual: typeof FormControlLeadingVisual;
|
|
15
|
+
Validation: typeof FormControlValidation;
|
|
11
16
|
Label: typeof PrimerFormControl.Label;
|
|
12
17
|
};
|
|
13
18
|
export { FormControl, type FormControlProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAChC,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAExD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,eAAe;;2DAEnB,CAAA;AAEF,QAAA,MAAM,
|
|
1
|
+
{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAChC,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,KAAK,0BAA0B,IAAI,gCAAgC,EACnE,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAExD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,eAAe;;2DAEnB,CAAA;AAEF,KAAK,uBAAuB,GAAG,iBAAiB,CAAC,6BAA6B,CAAC,GAAG,MAAM,CAAA;AACxF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,gCAEzD,CAAA;AAED,KAAK,0BAA0B,GAAG,iBAAiB,CAAC,gCAAgC,CAAC,GAAG,MAAM,CAAA;AAE9F,QAAA,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,gCAE/D,CAAA;AAED,QAAA,MAAM,wBAAwB,GAAI,OAAO,iBAAiB,CAAC,MAAM,CAAC,gCAEjE,CAAA;AAED,QAAA,MAAM,WAAW,EAKX,OAAO,eAAe,GAAG;IAC7B,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,aAAa,EAAE,OAAO,wBAAwB,CAAA;IAC9C,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CACtC,CAAA;AAED,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,CAAA"}
|
|
@@ -1,25 +1,33 @@
|
|
|
1
1
|
import { NavList as PrimerNavList } from '@primer/react';
|
|
2
|
-
import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps } from '@primer/react';
|
|
3
|
-
import { type
|
|
2
|
+
import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps, NavListGroupHeadingProps as PrimerNavListGroupHeadingProps, NavListLeadingVisualProps as PrimerNavListLeadingVisualProps } from '@primer/react';
|
|
3
|
+
import { type PropsWithChildren } from 'react';
|
|
4
4
|
import { type SxProp } from '../sx';
|
|
5
|
+
type RefComponent<E extends HTMLElement, P> = React.ForwardRefExoticComponent<P & React.RefAttributes<E>>;
|
|
5
6
|
type NavListProps = PropsWithChildren<PrimerNavListProps> & SxProp;
|
|
6
|
-
declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
7
|
+
declare const NavListItem: import("react").ForwardRefExoticComponent<PrimerNavListItemProps & {
|
|
8
|
+
children?: import("react").ReactNode | undefined;
|
|
9
|
+
} & SxProp & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
10
|
+
declare const NavListGroup: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLLIElement> & {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
title?: string;
|
|
13
|
+
} & {
|
|
14
|
+
children?: import("react").ReactNode | undefined;
|
|
15
|
+
} & SxProp & import("react").RefAttributes<HTMLLIElement>>;
|
|
16
|
+
type NavListGroupHeadingProps = PropsWithChildren<PrimerNavListGroupHeadingProps> & SxProp;
|
|
17
|
+
declare const NavListGroupHeading: RefComponent<HTMLElement, NavListGroupHeadingProps>;
|
|
18
|
+
type NavListLeadingVisualProps = PropsWithChildren<PrimerNavListLeadingVisualProps> & SxProp;
|
|
19
|
+
declare const NavListLeadingVisual: RefComponent<HTMLSpanElement, NavListLeadingVisualProps>;
|
|
20
|
+
type NavListCompound = React.ForwardRefExoticComponent<NavListProps & React.RefAttributes<HTMLElement>> & {
|
|
21
|
+
Item: typeof NavListItem;
|
|
22
|
+
Group: typeof NavListGroup;
|
|
23
|
+
GroupHeading: typeof NavListGroupHeading;
|
|
24
|
+
LeadingVisual: typeof NavListLeadingVisual;
|
|
25
|
+
SubNav: typeof PrimerNavList.SubNav;
|
|
26
|
+
Divider: typeof PrimerNavList.Divider;
|
|
27
|
+
TrailingVisual: typeof PrimerNavList.TrailingVisual;
|
|
28
|
+
TrailingAction: typeof PrimerNavList.TrailingAction;
|
|
29
|
+
GroupExpand: typeof PrimerNavList.GroupExpand;
|
|
23
30
|
};
|
|
31
|
+
declare const NavList: NavListCompound;
|
|
24
32
|
export { NavList, type NavListProps };
|
|
25
33
|
//# sourceMappingURL=NavList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAM,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,
|
|
1
|
+
{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAM,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,EAE1C,wBAAwB,IAAI,8BAA8B,EAC1D,yBAAyB,IAAI,+BAA+B,EAC7D,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;AAEzG,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAA;AAQlE,QAAA,MAAM,WAAW;;8DAGf,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;0DAGhB,CAAA;AAEF,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAE1F,QAAA,MAAM,mBAAmB,EAGnB,YAAY,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAA;AAEzD,KAAK,yBAAyB,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,GAAG,MAAM,CAAA;AAE5F,QAAA,MAAM,oBAAoB,EAKrB,YAAY,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAA;AAE7D,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG;IACxG,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,YAAY,EAAE,OAAO,mBAAmB,CAAA;IACxC,aAAa,EAAE,OAAO,oBAAoB,CAAA;IAC1C,MAAM,EAAE,OAAO,aAAa,CAAC,MAAM,CAAA;IACnC,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,CAAA;IACrC,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,WAAW,EAAE,OAAO,aAAa,CAAC,WAAW,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,OAAO,EAAE,eAUb,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { type PropsWithChildren } from 'react';
|
|
2
|
-
import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps } from '@primer/react';
|
|
2
|
+
import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutHeaderProps as PrimerPageLayoutHeaderProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps, PageLayoutFooterProps as PrimerPageLayoutFooterProps } from '@primer/react';
|
|
3
3
|
import { type SxProp } from '../sx';
|
|
4
4
|
type PageLayoutProps = PropsWithChildren<PrimerPageLayoutProps> & SxProp;
|
|
5
5
|
declare const PageLayout: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
|
|
@@ -8,11 +8,15 @@ declare const PageLayout: React.ForwardRefExoticComponent<PrimerPageLayoutProps
|
|
|
8
8
|
Content: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
|
|
9
9
|
children?: React.ReactNode | undefined;
|
|
10
10
|
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
-
Header: React.
|
|
11
|
+
Header: React.ForwardRefExoticComponent<PrimerPageLayoutHeaderProps & {
|
|
12
|
+
children?: React.ReactNode | undefined;
|
|
13
|
+
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
12
14
|
Pane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
|
|
13
15
|
children?: React.ReactNode | undefined;
|
|
14
16
|
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
-
Footer: React.
|
|
17
|
+
Footer: React.ForwardRefExoticComponent<PrimerPageLayoutFooterProps & {
|
|
18
|
+
children?: React.ReactNode | undefined;
|
|
19
|
+
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
16
20
|
};
|
|
17
21
|
export { PageLayout, type PageLayoutProps };
|
|
18
22
|
//# 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,qBAAqB,IAAI,2BAA2B,EACpD,mBAAmB,IAAI,yBAAyB,EAChD,qBAAqB,IAAI,2BAA2B,EACrD,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAiCxE,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;CAKd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
|
package/dist/components.json
CHANGED
|
@@ -50,6 +50,14 @@
|
|
|
50
50
|
"UnderlinePanels"
|
|
51
51
|
],
|
|
52
52
|
"types": [
|
|
53
|
+
"ActionListDividerProps",
|
|
54
|
+
"ActionListGroupProps",
|
|
55
|
+
"ActionListItemProps",
|
|
56
|
+
"ActionListLeadingVisualProps",
|
|
57
|
+
"ActionListLinkItemProps",
|
|
58
|
+
"ActionListProps",
|
|
59
|
+
"ActionListTrailingActionProps",
|
|
60
|
+
"ActionListTrailingVisualProps",
|
|
53
61
|
"AutocompleteOverlayProps",
|
|
54
62
|
"AvatarProps",
|
|
55
63
|
"BetterSystemStyleObject",
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export { ActionList } from '@primer/react';
|
|
2
1
|
export { Box, type BoxProps } from './components/Box';
|
|
3
2
|
export { Button } from '@primer/react';
|
|
4
3
|
export { Details } from '@primer/react';
|
|
@@ -14,6 +13,7 @@ export { theme } from '@primer/react';
|
|
|
14
13
|
export { themeGet } from '@primer/react';
|
|
15
14
|
export { useColorSchemeVar } from '@primer/react';
|
|
16
15
|
export { useTheme } from '@primer/react';
|
|
16
|
+
export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListLinkItemProps, type ActionListGroupProps, type ActionListDividerProps, type ActionListLeadingVisualProps, type ActionListTrailingVisualProps, type ActionListTrailingActionProps, } from './components/ActionList';
|
|
17
17
|
export { ActionMenu } from './components/ActionMenu';
|
|
18
18
|
export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
|
|
19
19
|
export { Avatar, type AvatarProps } from './components/Avatar';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,13 +1,118 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export {
|
|
3
|
-
import styled from 'styled-components';
|
|
1
|
+
import { ActionList as ActionList$1, sx, ActionMenu as ActionMenu$1, Autocomplete as Autocomplete$1, Box, Avatar as Avatar$1, Breadcrumbs as Breadcrumbs$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CircleBadge as CircleBadge$1, CounterLabel as CounterLabel$1, Flash as Flash$1, FormControl as FormControl$1, Header as Header$1, Heading as Heading$1, Label as Label$1, Link as Link$1, LinkButton as LinkButton$1, NavList as NavList$1, Overlay as Overlay$1, PageLayout as PageLayout$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Text as Text$1, Timeline as Timeline$1, ToggleSwitch as ToggleSwitch$1, useTheme, theme, Token as Token$1, Truncate as Truncate$1, UnderlineNav as UnderlineNav$1 } from '@primer/react';
|
|
2
|
+
export { Box, Button, Details, IconButton, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
|
|
4
3
|
import React, { forwardRef } from 'react';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
|
|
7
7
|
export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
|
|
8
8
|
import css from '@styled-system/css';
|
|
9
9
|
import '@primer/react/deprecated';
|
|
10
10
|
|
|
11
|
+
const StyledActionList = styled(ActionList$1).withConfig({
|
|
12
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
13
|
+
}).withConfig({
|
|
14
|
+
displayName: "ActionList__StyledActionList",
|
|
15
|
+
componentId: "sc-hw2362-0"
|
|
16
|
+
})(["", ""], sx);
|
|
17
|
+
const ActionListImpl = /*#__PURE__*/React.forwardRef(function ActionListImpl({
|
|
18
|
+
as,
|
|
19
|
+
...rest
|
|
20
|
+
}, ref) {
|
|
21
|
+
return /*#__PURE__*/jsx(StyledActionList, {
|
|
22
|
+
ref: ref,
|
|
23
|
+
...rest,
|
|
24
|
+
...(as ? {
|
|
25
|
+
forwardedAs: as
|
|
26
|
+
} : {})
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
const StyledActionListLinkItem = styled(ActionList$1.LinkItem).withConfig({
|
|
30
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
31
|
+
}).withConfig({
|
|
32
|
+
displayName: "ActionList__StyledActionListLinkItem",
|
|
33
|
+
componentId: "sc-hw2362-1"
|
|
34
|
+
})(["", ""], sx);
|
|
35
|
+
const ActionListLinkItem = /*#__PURE__*/React.forwardRef(({
|
|
36
|
+
as,
|
|
37
|
+
...props
|
|
38
|
+
}, ref) => /*#__PURE__*/jsx(StyledActionListLinkItem, {
|
|
39
|
+
...props,
|
|
40
|
+
...(as ? {
|
|
41
|
+
forwardedAs: as
|
|
42
|
+
} : {}),
|
|
43
|
+
ref: ref
|
|
44
|
+
}));
|
|
45
|
+
const StyledActionListTrailingAction = styled(ActionList$1.TrailingAction).withConfig({
|
|
46
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
47
|
+
}).withConfig({
|
|
48
|
+
displayName: "ActionList__StyledActionListTrailingAction",
|
|
49
|
+
componentId: "sc-hw2362-2"
|
|
50
|
+
})(["", ""], sx);
|
|
51
|
+
const ActionListTrailingAction = /*#__PURE__*/React.forwardRef(({
|
|
52
|
+
as,
|
|
53
|
+
...props
|
|
54
|
+
}, ref) => /*#__PURE__*/jsx(StyledActionListTrailingAction, {
|
|
55
|
+
...props,
|
|
56
|
+
...(as ? {
|
|
57
|
+
forwardedAs: as
|
|
58
|
+
} : {}),
|
|
59
|
+
ref: ref
|
|
60
|
+
}));
|
|
61
|
+
const StyledActionListItem = styled(ActionList$1.Item).withConfig({
|
|
62
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
63
|
+
}).withConfig({
|
|
64
|
+
displayName: "ActionList__StyledActionListItem",
|
|
65
|
+
componentId: "sc-hw2362-3"
|
|
66
|
+
})(["", ""], sx);
|
|
67
|
+
const ActionListItem = /*#__PURE__*/React.forwardRef(({
|
|
68
|
+
children,
|
|
69
|
+
as,
|
|
70
|
+
...props
|
|
71
|
+
}, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
|
|
72
|
+
ref: ref,
|
|
73
|
+
...props,
|
|
74
|
+
...(as ? {
|
|
75
|
+
forwardedAs: as
|
|
76
|
+
} : {}),
|
|
77
|
+
children: children
|
|
78
|
+
}));
|
|
79
|
+
const ActionListGroup = styled(ActionList$1.Group).withConfig({
|
|
80
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
81
|
+
}).withConfig({
|
|
82
|
+
displayName: "ActionList__ActionListGroup",
|
|
83
|
+
componentId: "sc-hw2362-4"
|
|
84
|
+
})(["", ""], sx);
|
|
85
|
+
const ActionListDivider = styled(ActionList$1.Divider).withConfig({
|
|
86
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
87
|
+
}).withConfig({
|
|
88
|
+
displayName: "ActionList__ActionListDivider",
|
|
89
|
+
componentId: "sc-hw2362-5"
|
|
90
|
+
})(["", ""], sx);
|
|
91
|
+
const ActionListLeadingVisual = styled(ActionList$1.LeadingVisual).withConfig({
|
|
92
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
93
|
+
}).withConfig({
|
|
94
|
+
displayName: "ActionList__ActionListLeadingVisual",
|
|
95
|
+
componentId: "sc-hw2362-6"
|
|
96
|
+
})(["", ""], sx);
|
|
97
|
+
const ActionListTrailingVisual = styled(ActionList$1.TrailingVisual).withConfig({
|
|
98
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
99
|
+
}).withConfig({
|
|
100
|
+
displayName: "ActionList__ActionListTrailingVisual",
|
|
101
|
+
componentId: "sc-hw2362-7"
|
|
102
|
+
})(["", ""], sx);
|
|
103
|
+
const ActionList = Object.assign(ActionListImpl, {
|
|
104
|
+
Item: ActionListItem,
|
|
105
|
+
LinkItem: ActionListLinkItem,
|
|
106
|
+
Group: ActionListGroup,
|
|
107
|
+
GroupHeading: ActionList$1.GroupHeading,
|
|
108
|
+
Divider: ActionListDivider,
|
|
109
|
+
Description: ActionList$1.Description,
|
|
110
|
+
LeadingVisual: ActionListLeadingVisual,
|
|
111
|
+
TrailingVisual: ActionListTrailingVisual,
|
|
112
|
+
Heading: ActionList$1.Heading,
|
|
113
|
+
TrailingAction: ActionListTrailingAction
|
|
114
|
+
});
|
|
115
|
+
|
|
11
116
|
const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
|
|
12
117
|
shouldForwardProp: prop => prop !== 'sx'
|
|
13
118
|
}).withConfig({
|
|
@@ -144,10 +249,28 @@ const FormControlImpl = /*#__PURE__*/forwardRef(function FormControl(props, ref)
|
|
|
144
249
|
...props
|
|
145
250
|
});
|
|
146
251
|
});
|
|
252
|
+
const FormControlCaption = props => {
|
|
253
|
+
return /*#__PURE__*/jsx(Box, {
|
|
254
|
+
as: FormControl$1.Caption,
|
|
255
|
+
...props
|
|
256
|
+
});
|
|
257
|
+
};
|
|
258
|
+
const FormControlValidation = props => {
|
|
259
|
+
return /*#__PURE__*/jsx(Box, {
|
|
260
|
+
as: FormControl$1.Validation,
|
|
261
|
+
...props
|
|
262
|
+
});
|
|
263
|
+
};
|
|
264
|
+
const FormControlLeadingVisual = props => {
|
|
265
|
+
return /*#__PURE__*/jsx(Box, {
|
|
266
|
+
as: FormControl$1.LeadingVisual,
|
|
267
|
+
...props
|
|
268
|
+
});
|
|
269
|
+
};
|
|
147
270
|
const FormControl = Object.assign(FormControlImpl, {
|
|
148
|
-
Caption:
|
|
149
|
-
LeadingVisual:
|
|
150
|
-
Validation:
|
|
271
|
+
Caption: FormControlCaption,
|
|
272
|
+
LeadingVisual: FormControlLeadingVisual,
|
|
273
|
+
Validation: FormControlValidation,
|
|
151
274
|
Label: FormControl$1.Label
|
|
152
275
|
});
|
|
153
276
|
|
|
@@ -273,18 +396,31 @@ const NavListGroup = /*#__PURE__*/forwardRef(function NavListGroup(props, ref) {
|
|
|
273
396
|
...props
|
|
274
397
|
});
|
|
275
398
|
});
|
|
399
|
+
const NavListGroupHeading = /*#__PURE__*/forwardRef(function NavListGroupHeading(props, ref) {
|
|
400
|
+
// @ts-expect-error - PrimerNavList.GroupHeading is not recognized as a valid component type
|
|
401
|
+
return /*#__PURE__*/jsx(Box, {
|
|
402
|
+
as: NavList$1.GroupHeading,
|
|
403
|
+
ref: ref,
|
|
404
|
+
...props
|
|
405
|
+
});
|
|
406
|
+
});
|
|
407
|
+
const NavListLeadingVisual = /*#__PURE__*/forwardRef(function NavListLeadingVisual(props, ref) {
|
|
408
|
+
// @ts-expect-error - PrimerNavList.LeadingVisual is not recognized as a valid component type
|
|
409
|
+
return /*#__PURE__*/jsx(Box, {
|
|
410
|
+
as: NavList$1.LeadingVisual,
|
|
411
|
+
ref: ref,
|
|
412
|
+
...props
|
|
413
|
+
});
|
|
414
|
+
});
|
|
276
415
|
const NavList = Object.assign(NavListImpl, {
|
|
277
|
-
// Wrapped components that need sx support added back in
|
|
278
416
|
Item: NavListItem,
|
|
279
417
|
Group: NavListGroup,
|
|
280
|
-
|
|
281
|
-
|
|
418
|
+
GroupHeading: NavListGroupHeading,
|
|
419
|
+
LeadingVisual: NavListLeadingVisual,
|
|
282
420
|
SubNav: NavList$1.SubNav,
|
|
283
421
|
Divider: NavList$1.Divider,
|
|
284
|
-
LeadingVisual: NavList$1.LeadingVisual,
|
|
285
422
|
TrailingVisual: NavList$1.TrailingVisual,
|
|
286
423
|
TrailingAction: NavList$1.TrailingAction,
|
|
287
|
-
GroupHeading: NavList$1.GroupHeading,
|
|
288
424
|
GroupExpand: NavList$1.GroupExpand
|
|
289
425
|
});
|
|
290
426
|
|
|
@@ -314,6 +450,14 @@ const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
314
450
|
...props
|
|
315
451
|
});
|
|
316
452
|
});
|
|
453
|
+
const PageLayoutHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
454
|
+
// @ts-expect-error - PrimerPageLayout.Header is not recognized as a valid component type
|
|
455
|
+
return /*#__PURE__*/jsx(Wrapper, {
|
|
456
|
+
as: PageLayout$1.Header,
|
|
457
|
+
ref: ref,
|
|
458
|
+
...props
|
|
459
|
+
});
|
|
460
|
+
});
|
|
317
461
|
const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
318
462
|
return /*#__PURE__*/jsx(Wrapper, {
|
|
319
463
|
as: PageLayout$1.Pane,
|
|
@@ -321,11 +465,19 @@ const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
321
465
|
...props
|
|
322
466
|
});
|
|
323
467
|
});
|
|
468
|
+
const PageLayoutFooter = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
469
|
+
// @ts-expect-error - PrimerPageLayout.Footer is not recognized as a valid component type
|
|
470
|
+
return /*#__PURE__*/jsx(Wrapper, {
|
|
471
|
+
as: PageLayout$1.Footer,
|
|
472
|
+
ref: ref,
|
|
473
|
+
...props
|
|
474
|
+
});
|
|
475
|
+
});
|
|
324
476
|
const PageLayout = Object.assign(PageLayoutImpl, {
|
|
325
477
|
Content: PageLayoutContent,
|
|
326
|
-
Header:
|
|
478
|
+
Header: PageLayoutHeader,
|
|
327
479
|
Pane: PageLayoutPane,
|
|
328
|
-
Footer:
|
|
480
|
+
Footer: PageLayoutFooter
|
|
329
481
|
});
|
|
330
482
|
|
|
331
483
|
const RadioGroupImpl = props => {
|
|
@@ -568,4 +720,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
|
|
|
568
720
|
Item: UnderlineNavItem
|
|
569
721
|
});
|
|
570
722
|
|
|
571
|
-
export { ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, FormControl, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
|
|
723
|
+
export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, FormControl, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/styled-react",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-20251003004245",
|
|
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-20251003004245",
|
|
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-20251003004245",
|
|
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",
|