@primer/styled-react 0.0.0-20251002230155 → 0.0.0-20251002230558

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.
@@ -0,0 +1,36 @@
1
+ import React from 'react';
2
+ import { ActionList as PrimerActionList, type ActionListProps as PrimerActionListProps, type ActionListItemProps as PrimerActionListItemProps, type ActionListLinkItemProps as PrimerActionListLinkItemProps, type ActionListGroupProps as PrimerActionListGroupProps, type ActionListDividerProps as PrimerActionListDividerProps, type ActionListLeadingVisualProps as PrimerActionListLeadingVisualProps, type ActionListTrailingVisualProps as PrimerActionListTrailingVisualProps } from '@primer/react';
3
+ import { type SxProp } from '../sx';
4
+ import type { ForwardRefComponent } from '../polymorphic';
5
+ type PrimerActionListTrailingActionProps = React.ComponentProps<typeof PrimerActionList.TrailingAction>;
6
+ export type ActionListProps<As extends React.ElementType = 'ul'> = PrimerActionListProps<As> & SxProp;
7
+ export type ActionListItemProps = React.PropsWithChildren<PrimerActionListItemProps & SxProp>;
8
+ export type ActionListLinkItemProps = PrimerActionListLinkItemProps & SxProp;
9
+ export type ActionListGroupProps = React.PropsWithChildren<PrimerActionListGroupProps & SxProp>;
10
+ export type ActionListDividerProps = React.PropsWithChildren<PrimerActionListDividerProps & SxProp>;
11
+ export type ActionListLeadingVisualProps = React.PropsWithChildren<PrimerActionListLeadingVisualProps & SxProp>;
12
+ export type ActionListTrailingVisualProps = React.PropsWithChildren<PrimerActionListTrailingVisualProps & SxProp>;
13
+ export type ActionListTrailingActionProps = PrimerActionListTrailingActionProps & SxProp;
14
+ declare const ActionListImpl: React.ForwardRefExoticComponent<Omit<ActionListProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
15
+ declare const ActionListLinkItem: ForwardRefComponent<'a', ActionListLinkItemProps>;
16
+ type TrailingActionElements = 'button' | 'a';
17
+ declare const ActionListTrailingAction: ForwardRefComponent<TrailingActionElements, ActionListTrailingActionProps>;
18
+ declare const ActionListItem: React.ForwardRefExoticComponent<Omit<ActionListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
19
+ declare function ActionListGroup(props: ActionListGroupProps): React.JSX.Element;
20
+ declare function ActionListDivider(props: ActionListDividerProps): React.JSX.Element;
21
+ declare function ActionListLeadingVisual(props: ActionListLeadingVisualProps): React.JSX.Element;
22
+ declare function ActionListTrailingVisual(props: ActionListTrailingVisualProps): React.JSX.Element;
23
+ export declare const ActionList: typeof ActionListImpl & {
24
+ Item: typeof ActionListItem;
25
+ LinkItem: typeof ActionListLinkItem;
26
+ Group: typeof ActionListGroup;
27
+ GroupHeading: typeof PrimerActionList.GroupHeading;
28
+ Divider: typeof ActionListDivider;
29
+ Description: typeof PrimerActionList.Description;
30
+ LeadingVisual: typeof ActionListLeadingVisual;
31
+ TrailingVisual: typeof ActionListTrailingVisual;
32
+ Heading: typeof PrimerActionList.Heading;
33
+ TrailingAction: typeof ActionListTrailingAction;
34
+ };
35
+ export {};
36
+ //# sourceMappingURL=ActionList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"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,4BAA4B,IAAI,kCAAkC,EACvE,KAAK,6BAA6B,IAAI,mCAAmC,EAC1E,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,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,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,GAAG,MAAM,CAAC,CAAA;AACnG,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,6BAA6B,GAAG,mCAAmC,GAAG,MAAM,CAAA;AAUxF,QAAA,MAAM,cAAc,yJAKlB,CAAA;AAEF,QAAA,MAAM,kBAAkB,EAAE,mBAAmB,CAAC,GAAG,EAAE,uBAAuB,CAMzE,CAAA;AAED,KAAK,sBAAsB,GAAG,QAAQ,GAAG,GAAG,CAAA;AAC5C,QAAA,MAAM,wBAAwB,EAAE,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAMxG,CAAA;AAED,QAAA,MAAM,cAAc,wGAElB,CAAA;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAEnD;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAEvD;AAED,iBAAS,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAEnE;AAED,iBAAS,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAErE;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IAC/C,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,KAAK,EAAE,OAAO,eAAe,CAAA;IAC7B,YAAY,EAAE,OAAO,gBAAgB,CAAC,YAAY,CAAA;IAClD,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,aAAa,EAAE,OAAO,uBAAuB,CAAA;IAC7C,cAAc,EAAE,OAAO,wBAAwB,CAAA;IAC/C,OAAO,EAAE,OAAO,gBAAgB,CAAC,OAAO,CAAA;IACxC,cAAc,EAAE,OAAO,wBAAwB,CAAA;CAY/C,CAAA"}
@@ -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 PrimerFormControl.Caption;
9
- LeadingVisual: typeof PrimerFormControl.LeadingVisual;
10
- Validation: typeof PrimerFormControl.Validation;
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,EAG/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,WAAW,EAKX,OAAO,eAAe,GAAG;IAC7B,OAAO,EAAE,OAAO,iBAAiB,CAAC,OAAO,CAAA;IACzC,aAAa,EAAE,OAAO,iBAAiB,CAAC,aAAa,CAAA;IACrD,UAAU,EAAE,OAAO,iBAAiB,CAAC,UAAU,CAAA;IAC/C,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CACtC,CAAA;AAED,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,CAAA"}
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 ComponentProps, type PropsWithChildren } from 'react';
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 NavList: import("react").ForwardRefExoticComponent<Omit<NavListProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
7
- Item: import("react").ForwardRefExoticComponent<PrimerNavListItemProps & {
8
- children?: import("react").ReactNode | undefined;
9
- } & SxProp & import("react").RefAttributes<HTMLAnchorElement>>;
10
- Group: 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
- SubNav: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.SubNav>>>;
17
- Divider: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.Divider>>>;
18
- LeadingVisual: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.LeadingVisual>>>;
19
- TrailingVisual: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.TrailingVisual>>>;
20
- TrailingAction: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.TrailingAction>>>;
21
- GroupHeading: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.GroupHeading>>>;
22
- GroupExpand: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.GroupExpand>>>;
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,EAE3C,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAA;AAoBlE,QAAA,MAAM,OAAO;;;;;;;;;;YAOqB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;aAC5E,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;mBACnE,KAAK,CAAC,EAAE,CACpD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,aAAa,CAAC,CAAC,CAC5E;oBAC+C,KAAK,CAAC,EAAE,CACtD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,cAAc,CAAC,CAAC,CAC7E;oBAC+C,KAAK,CAAC,EAAE,CACtD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,cAAc,CAAC,CAAC,CAC7E;kBAC2C,KAAK,CAAC,EAAE,CAClD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,YAAY,CAAC,CAAC,CAC3E;iBACyC,KAAK,CAAC,EAAE,CAChD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,CAAC,CAC1E;CACD,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
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"}
@@ -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.FC<React.PropsWithChildren<PrimerPageLayoutHeaderProps>>;
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.FC<React.PropsWithChildren<PrimerPageLayoutFooterProps>>;
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,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;AAmBxE,QAAA,MAAM,UAAU;;;;;;;;;;;CAKd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
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"}
@@ -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';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
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,87 @@
1
- import { ActionMenu as ActionMenu$1, sx, 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 { ActionList, Box, Button, Details, IconButton, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
3
- import styled from 'styled-components';
1
+ import { ActionList as ActionList$1, sx, Box, 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, 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 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 ActionListTrailingAction = styled(ActionList$1.TrailingAction).withConfig({
36
+ shouldForwardProp: prop => prop !== 'sx'
37
+ }).withConfig({
38
+ displayName: "ActionList__ActionListTrailingAction",
39
+ componentId: "sc-hw2362-2"
40
+ })(["", ""], sx);
41
+ const ActionListItem = /*#__PURE__*/forwardRef(function Item(props, ref) {
42
+ return /*#__PURE__*/jsx(Box, {
43
+ ref: ref,
44
+ as: ActionList$1.Item,
45
+ ...props
46
+ });
47
+ });
48
+ function ActionListGroup(props) {
49
+ return /*#__PURE__*/jsx(Box, {
50
+ as: ActionList$1.Group,
51
+ ...props
52
+ });
53
+ }
54
+ function ActionListDivider(props) {
55
+ return /*#__PURE__*/jsx(Box, {
56
+ as: ActionList$1.Divider,
57
+ ...props
58
+ });
59
+ }
60
+ function ActionListLeadingVisual(props) {
61
+ return /*#__PURE__*/jsx(Box, {
62
+ as: ActionList$1.LeadingVisual,
63
+ ...props
64
+ });
65
+ }
66
+ function ActionListTrailingVisual(props) {
67
+ return /*#__PURE__*/jsx(Box, {
68
+ as: ActionList$1.TrailingVisual,
69
+ ...props
70
+ });
71
+ }
72
+ const ActionList = Object.assign(ActionListImpl, {
73
+ Item: ActionListItem,
74
+ LinkItem: ActionListLinkItem,
75
+ Group: ActionListGroup,
76
+ GroupHeading: ActionList$1.GroupHeading,
77
+ Divider: ActionListDivider,
78
+ Description: ActionList$1.Description,
79
+ LeadingVisual: ActionListLeadingVisual,
80
+ TrailingVisual: ActionListTrailingVisual,
81
+ Heading: ActionList$1.Heading,
82
+ TrailingAction: ActionListTrailingAction
83
+ });
84
+
11
85
  const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
12
86
  shouldForwardProp: prop => prop !== 'sx'
13
87
  }).withConfig({
@@ -144,10 +218,28 @@ const FormControlImpl = /*#__PURE__*/forwardRef(function FormControl(props, ref)
144
218
  ...props
145
219
  });
146
220
  });
221
+ const FormControlCaption = props => {
222
+ return /*#__PURE__*/jsx(Box, {
223
+ as: FormControl$1.Caption,
224
+ ...props
225
+ });
226
+ };
227
+ const FormControlValidation = props => {
228
+ return /*#__PURE__*/jsx(Box, {
229
+ as: FormControl$1.Validation,
230
+ ...props
231
+ });
232
+ };
233
+ const FormControlLeadingVisual = props => {
234
+ return /*#__PURE__*/jsx(Box, {
235
+ as: FormControl$1.LeadingVisual,
236
+ ...props
237
+ });
238
+ };
147
239
  const FormControl = Object.assign(FormControlImpl, {
148
- Caption: FormControl$1.Caption,
149
- LeadingVisual: FormControl$1.LeadingVisual,
150
- Validation: FormControl$1.Validation,
240
+ Caption: FormControlCaption,
241
+ LeadingVisual: FormControlLeadingVisual,
242
+ Validation: FormControlValidation,
151
243
  Label: FormControl$1.Label
152
244
  });
153
245
 
@@ -273,18 +365,31 @@ const NavListGroup = /*#__PURE__*/forwardRef(function NavListGroup(props, ref) {
273
365
  ...props
274
366
  });
275
367
  });
368
+ const NavListGroupHeading = /*#__PURE__*/forwardRef(function NavListGroupHeading(props, ref) {
369
+ // @ts-expect-error - PrimerNavList.GroupHeading is not recognized as a valid component type
370
+ return /*#__PURE__*/jsx(Box, {
371
+ as: NavList$1.GroupHeading,
372
+ ref: ref,
373
+ ...props
374
+ });
375
+ });
376
+ const NavListLeadingVisual = /*#__PURE__*/forwardRef(function NavListLeadingVisual(props, ref) {
377
+ // @ts-expect-error - PrimerNavList.LeadingVisual is not recognized as a valid component type
378
+ return /*#__PURE__*/jsx(Box, {
379
+ as: NavList$1.LeadingVisual,
380
+ ref: ref,
381
+ ...props
382
+ });
383
+ });
276
384
  const NavList = Object.assign(NavListImpl, {
277
- // Wrapped components that need sx support added back in
278
385
  Item: NavListItem,
279
386
  Group: NavListGroup,
280
- // Re-exporting others directly
281
- // TODO: try to remove typecasts to work around "non-portable types" TS error
387
+ GroupHeading: NavListGroupHeading,
388
+ LeadingVisual: NavListLeadingVisual,
282
389
  SubNav: NavList$1.SubNav,
283
390
  Divider: NavList$1.Divider,
284
- LeadingVisual: NavList$1.LeadingVisual,
285
391
  TrailingVisual: NavList$1.TrailingVisual,
286
392
  TrailingAction: NavList$1.TrailingAction,
287
- GroupHeading: NavList$1.GroupHeading,
288
393
  GroupExpand: NavList$1.GroupExpand
289
394
  });
290
395
 
@@ -314,6 +419,14 @@ const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
314
419
  ...props
315
420
  });
316
421
  });
422
+ const PageLayoutHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
423
+ // @ts-expect-error - PrimerPageLayout.Header is not recognized as a valid component type
424
+ return /*#__PURE__*/jsx(Wrapper, {
425
+ as: PageLayout$1.Header,
426
+ ref: ref,
427
+ ...props
428
+ });
429
+ });
317
430
  const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
318
431
  return /*#__PURE__*/jsx(Wrapper, {
319
432
  as: PageLayout$1.Pane,
@@ -321,11 +434,19 @@ const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
321
434
  ...props
322
435
  });
323
436
  });
437
+ const PageLayoutFooter = /*#__PURE__*/React.forwardRef((props, ref) => {
438
+ // @ts-expect-error - PrimerPageLayout.Footer is not recognized as a valid component type
439
+ return /*#__PURE__*/jsx(Wrapper, {
440
+ as: PageLayout$1.Footer,
441
+ ref: ref,
442
+ ...props
443
+ });
444
+ });
324
445
  const PageLayout = Object.assign(PageLayoutImpl, {
325
446
  Content: PageLayoutContent,
326
- Header: PageLayout$1.Header,
447
+ Header: PageLayoutHeader,
327
448
  Pane: PageLayoutPane,
328
- Footer: PageLayout$1.Footer
449
+ Footer: PageLayoutFooter
329
450
  });
330
451
 
331
452
  const RadioGroupImpl = props => {
@@ -568,4 +689,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
568
689
  Item: UnderlineNavItem
569
690
  });
570
691
 
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 };
692
+ 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-20251002230155",
3
+ "version": "0.0.0-20251002230558",
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-20251002230155",
33
+ "@primer/react": "0.0.0-20251002230558",
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-20251002230155",
49
+ "@primer/react": "0.0.0-20251002230558",
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",