@primer/styled-react 0.0.0-20251002023442 → 0.0.0-20251002183916
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 +2 -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.json +11 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +138 -17
- 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 ActionListDescriptionProps as PrimerActionListDescriptionProps, type ActionListLeadingVisualProps as PrimerActionListLeadingVisualProps, type ActionListTrailingVisualProps as PrimerActionListTrailingVisualProps } from '@primer/react';
|
|
3
|
+
import { type SxProp } from '../sx';
|
|
4
|
+
import type { ForwardRefComponent } from '../polymorphic';
|
|
5
|
+
type PrimerActionListGroupHeadingProps = React.ComponentProps<typeof PrimerActionList.GroupHeading>;
|
|
6
|
+
type PrimerActionListHeadingProps = React.ComponentProps<typeof PrimerActionList.Heading>;
|
|
7
|
+
type PrimerActionListTrailingActionProps = React.ComponentProps<typeof PrimerActionList.TrailingAction>;
|
|
8
|
+
export type ActionListProps<As extends React.ElementType = 'ul'> = PrimerActionListProps<As> & SxProp;
|
|
9
|
+
export type ActionListItemProps = React.PropsWithChildren<PrimerActionListItemProps & SxProp>;
|
|
10
|
+
export type ActionListLinkItemProps = PrimerActionListLinkItemProps & SxProp;
|
|
11
|
+
export type ActionListGroupProps = React.PropsWithChildren<PrimerActionListGroupProps & SxProp>;
|
|
12
|
+
export type ActionListGroupHeadingProps = PrimerActionListGroupHeadingProps & SxProp;
|
|
13
|
+
export type ActionListDividerProps = React.PropsWithChildren<PrimerActionListDividerProps & SxProp>;
|
|
14
|
+
export type ActionListDescriptionProps = React.PropsWithChildren<PrimerActionListDescriptionProps & SxProp>;
|
|
15
|
+
export type ActionListLeadingVisualProps = React.PropsWithChildren<PrimerActionListLeadingVisualProps & SxProp>;
|
|
16
|
+
export type ActionListTrailingVisualProps = React.PropsWithChildren<PrimerActionListTrailingVisualProps & SxProp>;
|
|
17
|
+
export type ActionListHeadingProps = PrimerActionListHeadingProps & SxProp;
|
|
18
|
+
export type ActionListTrailingActionProps = PrimerActionListTrailingActionProps & SxProp;
|
|
19
|
+
type HeadingLevels = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
20
|
+
type TrailingActionElements = 'button' | 'a';
|
|
21
|
+
declare function ActionListGroup(props: ActionListGroupProps): React.JSX.Element;
|
|
22
|
+
declare function ActionListGroupHeading(props: ActionListGroupHeadingProps): React.JSX.Element;
|
|
23
|
+
declare function ActionListDivider(props: ActionListDividerProps): React.JSX.Element;
|
|
24
|
+
declare function ActionListDescription(props: ActionListDescriptionProps): React.JSX.Element;
|
|
25
|
+
declare function ActionListLeadingVisual(props: ActionListLeadingVisualProps): React.JSX.Element;
|
|
26
|
+
declare function ActionListTrailingVisual(props: ActionListTrailingVisualProps): React.JSX.Element;
|
|
27
|
+
export declare const ActionList: React.ForwardRefExoticComponent<Omit<ActionListProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>> & {
|
|
28
|
+
Item: React.ForwardRefExoticComponent<Omit<ActionListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
29
|
+
LinkItem: ForwardRefComponent<"a", ActionListLinkItemProps>;
|
|
30
|
+
Group: typeof ActionListGroup;
|
|
31
|
+
GroupHeading: typeof ActionListGroupHeading;
|
|
32
|
+
Divider: typeof ActionListDivider;
|
|
33
|
+
Description: typeof ActionListDescription;
|
|
34
|
+
LeadingVisual: typeof ActionListLeadingVisual;
|
|
35
|
+
TrailingVisual: typeof ActionListTrailingVisual;
|
|
36
|
+
Heading: ForwardRefComponent<HeadingLevels, ActionListHeadingProps>;
|
|
37
|
+
TrailingAction: ForwardRefComponent<TrailingActionElements, ActionListTrailingActionProps>;
|
|
38
|
+
};
|
|
39
|
+
export {};
|
|
40
|
+
//# sourceMappingURL=ActionList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,KAAK,0BAA0B,IAAI,gCAAgC,EACnE,KAAK,4BAA4B,IAAI,kCAAkC,EACvE,KAAK,6BAA6B,IAAI,mCAAmC,EAG1E,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,iCAAiC,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,YAAY,CAAC,CAAA;AACnG,KAAK,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAA;AACzF,KAAK,mCAAmC,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,cAAc,CAAC,CAAA;AAEvG,MAAM,MAAM,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI,IAAI,qBAAqB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AACrG,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,GAAG,MAAM,CAAC,CAAA;AAC7F,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,GAAG,MAAM,CAAA;AAC5E,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,GAAG,MAAM,CAAC,CAAA;AAC/F,MAAM,MAAM,2BAA2B,GAAG,iCAAiC,GAAG,MAAM,CAAA;AACpF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,GAAG,MAAM,CAAC,CAAA;AACnG,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,GAAG,MAAM,CAAC,CAAA;AAC3G,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,iBAAiB,CAAC,kCAAkC,GAAG,MAAM,CAAC,CAAA;AAC/G,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,iBAAiB,CAAC,mCAAmC,GAAG,MAAM,CAAC,CAAA;AACjH,MAAM,MAAM,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAC1E,MAAM,MAAM,6BAA6B,GAAG,mCAAmC,GAAG,MAAM,CAAA;AAyBxF,KAAK,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAS5D,KAAK,sBAAsB,GAAG,QAAQ,GAAG,GAAG,CAAA;AAwB5C,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAEnD;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAEjE;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAEvD;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAE/D;AAED,iBAAS,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAEnE;AAED,iBAAS,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAErE;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;CAWrB,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type FormControlProps as PrimerFormControlProps, type FormControlCaptionProps as PrimerFormControlCaptionProps, type FormControlValidationProps as PrimerFormControlValidationProps, type
|
|
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 & {
|
|
@@ -9,13 +9,11 @@ declare const FormControlCaption: (props: FormControlCaptionProps) => import("re
|
|
|
9
9
|
type FormControlValidationProps = PropsWithChildren<PrimerFormControlValidationProps> & SxProp;
|
|
10
10
|
declare const FormControlValidation: (props: FormControlValidationProps) => import("react").JSX.Element;
|
|
11
11
|
declare const FormControlLeadingVisual: (props: PropsWithChildren<SxProp>) => import("react").JSX.Element;
|
|
12
|
-
type FormControlLabelProps = PropsWithChildren<PrimerFormControlLabelProps> & SxProp;
|
|
13
|
-
declare const FormControlLabel: (props: FormControlLabelProps) => import("react").JSX.Element;
|
|
14
12
|
declare const FormControl: typeof FormControlImpl & {
|
|
15
13
|
Caption: typeof FormControlCaption;
|
|
16
14
|
LeadingVisual: typeof FormControlLeadingVisual;
|
|
17
15
|
Validation: typeof FormControlValidation;
|
|
18
|
-
Label: typeof
|
|
16
|
+
Label: typeof PrimerFormControl.Label;
|
|
19
17
|
};
|
|
20
18
|
export { FormControl, type FormControlProps };
|
|
21
19
|
//# sourceMappingURL=FormControl.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,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"}
|
package/dist/components.json
CHANGED
|
@@ -50,6 +50,17 @@
|
|
|
50
50
|
"UnderlinePanels"
|
|
51
51
|
],
|
|
52
52
|
"types": [
|
|
53
|
+
"ActionListDescriptionProps",
|
|
54
|
+
"ActionListDividerProps",
|
|
55
|
+
"ActionListGroupHeadingProps",
|
|
56
|
+
"ActionListGroupProps",
|
|
57
|
+
"ActionListHeadingProps",
|
|
58
|
+
"ActionListItemProps",
|
|
59
|
+
"ActionListLeadingVisualProps",
|
|
60
|
+
"ActionListLinkItemProps",
|
|
61
|
+
"ActionListProps",
|
|
62
|
+
"ActionListTrailingActionProps",
|
|
63
|
+
"ActionListTrailingVisualProps",
|
|
53
64
|
"AutocompleteOverlayProps",
|
|
54
65
|
"AvatarProps",
|
|
55
66
|
"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 ActionListGroupHeadingProps, type ActionListDividerProps, type ActionListDescriptionProps, type ActionListLeadingVisualProps, type ActionListTrailingVisualProps, type ActionListHeadingProps, type ActionListTrailingActionProps, } from './components/ActionList';
|
|
17
17
|
export { ActionMenu } from './components/ActionMenu';
|
|
18
18
|
export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
|
|
19
19
|
export { Avatar, type AvatarProps } from './components/Avatar';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,
|
|
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,127 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export {
|
|
3
|
-
import styled from 'styled-components';
|
|
1
|
+
import { ActionList as ActionList$1, sx, Box, useTheme, theme, ActionMenu as ActionMenu$1, Autocomplete as Autocomplete$1, 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, 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
|
+
import css from '@styled-system/css';
|
|
5
6
|
import { jsx } from 'react/jsx-runtime';
|
|
6
7
|
export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
|
|
7
8
|
export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
|
|
8
|
-
import css from '@styled-system/css';
|
|
9
9
|
import '@primer/react/deprecated';
|
|
10
10
|
|
|
11
|
+
const StyledActionList = styled(ActionList$1).withConfig({
|
|
12
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
13
|
+
}).withConfig({
|
|
14
|
+
displayName: "ActionList__StyledActionList",
|
|
15
|
+
componentId: "sc-hw2362-0"
|
|
16
|
+
})(["", ""], sx);
|
|
17
|
+
const ActionListImpl = /*#__PURE__*/React.forwardRef(function ActionListImpl({
|
|
18
|
+
as,
|
|
19
|
+
...rest
|
|
20
|
+
}, ref) {
|
|
21
|
+
return /*#__PURE__*/jsx(StyledActionList, {
|
|
22
|
+
ref: ref,
|
|
23
|
+
...rest,
|
|
24
|
+
...(as ? {
|
|
25
|
+
forwardedAs: as
|
|
26
|
+
} : {})
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
const ActionListLinkItem = styled(ActionList$1.LinkItem).withConfig({
|
|
30
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
31
|
+
}).withConfig({
|
|
32
|
+
displayName: "ActionList__ActionListLinkItem",
|
|
33
|
+
componentId: "sc-hw2362-1"
|
|
34
|
+
})(["", ""], sx);
|
|
35
|
+
const ActionListHeading = styled(ActionList$1.Heading).withConfig({
|
|
36
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
37
|
+
}).withConfig({
|
|
38
|
+
displayName: "ActionList__ActionListHeading",
|
|
39
|
+
componentId: "sc-hw2362-2"
|
|
40
|
+
})(["", ""], sx);
|
|
41
|
+
const ActionListTrailingAction = styled(ActionList$1.TrailingAction).withConfig({
|
|
42
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
43
|
+
}).withConfig({
|
|
44
|
+
displayName: "ActionList__ActionListTrailingAction",
|
|
45
|
+
componentId: "sc-hw2362-3"
|
|
46
|
+
})(["", ""], sx);
|
|
47
|
+
const ActionListItem = /*#__PURE__*/forwardRef(function Item({
|
|
48
|
+
sx,
|
|
49
|
+
style,
|
|
50
|
+
...rest
|
|
51
|
+
}, ref) {
|
|
52
|
+
const contextTheme = useTheme();
|
|
53
|
+
const theme$1 = contextTheme.theme || theme;
|
|
54
|
+
|
|
55
|
+
// If no sx prop is provided, just return PrimerToken directly
|
|
56
|
+
if (!sx) {
|
|
57
|
+
return /*#__PURE__*/jsx(ActionList$1.Item, {
|
|
58
|
+
...rest,
|
|
59
|
+
style: style,
|
|
60
|
+
ref: ref
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
// Convert sx to CSS styles using the theme context
|
|
65
|
+
const sxStyles = css(sx)(theme$1);
|
|
66
|
+
const mergedStyle = {
|
|
67
|
+
...sxStyles,
|
|
68
|
+
...style
|
|
69
|
+
};
|
|
70
|
+
return /*#__PURE__*/jsx(ActionList$1.Item, {
|
|
71
|
+
...rest,
|
|
72
|
+
style: mergedStyle,
|
|
73
|
+
ref: ref
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
function ActionListGroup(props) {
|
|
77
|
+
return /*#__PURE__*/jsx(Box, {
|
|
78
|
+
as: ActionList$1.Group,
|
|
79
|
+
...props
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
function ActionListGroupHeading(props) {
|
|
83
|
+
return /*#__PURE__*/jsx(Box, {
|
|
84
|
+
as: ActionList$1.GroupHeading,
|
|
85
|
+
...props
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
function ActionListDivider(props) {
|
|
89
|
+
return /*#__PURE__*/jsx(Box, {
|
|
90
|
+
as: ActionList$1.Divider,
|
|
91
|
+
...props
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
function ActionListDescription(props) {
|
|
95
|
+
return /*#__PURE__*/jsx(Box, {
|
|
96
|
+
as: ActionList$1.Description,
|
|
97
|
+
...props
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
function ActionListLeadingVisual(props) {
|
|
101
|
+
return /*#__PURE__*/jsx(Box, {
|
|
102
|
+
as: ActionList$1.LeadingVisual,
|
|
103
|
+
...props
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
function ActionListTrailingVisual(props) {
|
|
107
|
+
return /*#__PURE__*/jsx(Box, {
|
|
108
|
+
as: ActionList$1.TrailingVisual,
|
|
109
|
+
...props
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
const ActionList = Object.assign(ActionListImpl, {
|
|
113
|
+
Item: ActionListItem,
|
|
114
|
+
LinkItem: ActionListLinkItem,
|
|
115
|
+
Group: ActionListGroup,
|
|
116
|
+
GroupHeading: ActionListGroupHeading,
|
|
117
|
+
Divider: ActionListDivider,
|
|
118
|
+
Description: ActionListDescription,
|
|
119
|
+
LeadingVisual: ActionListLeadingVisual,
|
|
120
|
+
TrailingVisual: ActionListTrailingVisual,
|
|
121
|
+
Heading: ActionListHeading,
|
|
122
|
+
TrailingAction: ActionListTrailingAction
|
|
123
|
+
});
|
|
124
|
+
|
|
11
125
|
const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
|
|
12
126
|
shouldForwardProp: prop => prop !== 'sx'
|
|
13
127
|
}).withConfig({
|
|
@@ -162,17 +276,11 @@ const FormControlLeadingVisual = props => {
|
|
|
162
276
|
...props
|
|
163
277
|
});
|
|
164
278
|
};
|
|
165
|
-
const FormControlLabel = props => {
|
|
166
|
-
return /*#__PURE__*/jsx(Box, {
|
|
167
|
-
as: FormControl$1.Label,
|
|
168
|
-
...props
|
|
169
|
-
});
|
|
170
|
-
};
|
|
171
279
|
const FormControl = Object.assign(FormControlImpl, {
|
|
172
280
|
Caption: FormControlCaption,
|
|
173
281
|
LeadingVisual: FormControlLeadingVisual,
|
|
174
282
|
Validation: FormControlValidation,
|
|
175
|
-
Label:
|
|
283
|
+
Label: FormControl$1.Label
|
|
176
284
|
});
|
|
177
285
|
|
|
178
286
|
const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
|
|
@@ -297,18 +405,31 @@ const NavListGroup = /*#__PURE__*/forwardRef(function NavListGroup(props, ref) {
|
|
|
297
405
|
...props
|
|
298
406
|
});
|
|
299
407
|
});
|
|
408
|
+
const NavListGroupHeading = /*#__PURE__*/forwardRef(function NavListGroupHeading(props, ref) {
|
|
409
|
+
// @ts-expect-error - PrimerNavList.GroupHeading is not recognized as a valid component type
|
|
410
|
+
return /*#__PURE__*/jsx(Box, {
|
|
411
|
+
as: NavList$1.GroupHeading,
|
|
412
|
+
ref: ref,
|
|
413
|
+
...props
|
|
414
|
+
});
|
|
415
|
+
});
|
|
416
|
+
const NavListLeadingVisual = /*#__PURE__*/forwardRef(function NavListLeadingVisual(props, ref) {
|
|
417
|
+
// @ts-expect-error - PrimerNavList.LeadingVisual is not recognized as a valid component type
|
|
418
|
+
return /*#__PURE__*/jsx(Box, {
|
|
419
|
+
as: NavList$1.LeadingVisual,
|
|
420
|
+
ref: ref,
|
|
421
|
+
...props
|
|
422
|
+
});
|
|
423
|
+
});
|
|
300
424
|
const NavList = Object.assign(NavListImpl, {
|
|
301
|
-
// Wrapped components that need sx support added back in
|
|
302
425
|
Item: NavListItem,
|
|
303
426
|
Group: NavListGroup,
|
|
304
|
-
|
|
305
|
-
|
|
427
|
+
GroupHeading: NavListGroupHeading,
|
|
428
|
+
LeadingVisual: NavListLeadingVisual,
|
|
306
429
|
SubNav: NavList$1.SubNav,
|
|
307
430
|
Divider: NavList$1.Divider,
|
|
308
|
-
LeadingVisual: NavList$1.LeadingVisual,
|
|
309
431
|
TrailingVisual: NavList$1.TrailingVisual,
|
|
310
432
|
TrailingAction: NavList$1.TrailingAction,
|
|
311
|
-
GroupHeading: NavList$1.GroupHeading,
|
|
312
433
|
GroupExpand: NavList$1.GroupExpand
|
|
313
434
|
});
|
|
314
435
|
|
|
@@ -608,4 +729,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
|
|
|
608
729
|
Item: UnderlineNavItem
|
|
609
730
|
});
|
|
610
731
|
|
|
611
|
-
export { ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, FormControl, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
|
|
732
|
+
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-20251002183916",
|
|
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-20251002183916",
|
|
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-20251002183916",
|
|
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",
|