@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.
Files changed (37) hide show
  1. package/dist/{PageHeader-DCDIR2C1.js → PageHeader-C_Msl3QK.js} +4 -23
  2. package/dist/components/ActionMenu.d.ts +2 -5
  3. package/dist/components/ActionMenu.d.ts.map +1 -1
  4. package/dist/components/Breadcrumbs.d.ts +1 -1
  5. package/dist/components/Breadcrumbs.d.ts.map +1 -1
  6. package/dist/components/CheckboxGroup.d.ts +22 -0
  7. package/dist/components/CheckboxGroup.d.ts.map +1 -0
  8. package/dist/components/Header.d.ts.map +1 -1
  9. package/dist/components/Label.d.ts +1 -3
  10. package/dist/components/Label.d.ts.map +1 -1
  11. package/dist/components/Link.d.ts +17 -2
  12. package/dist/components/Link.d.ts.map +1 -1
  13. package/dist/components/PageHeader.d.ts +4 -5
  14. package/dist/components/PageHeader.d.ts.map +1 -1
  15. package/dist/components/StateLabelProps.d.ts +8 -0
  16. package/dist/components/StateLabelProps.d.ts.map +1 -0
  17. package/dist/components/TabNav.d.ts +1 -1
  18. package/dist/components/TabNav.d.ts.map +1 -1
  19. package/dist/components/UnderlineNav.d.ts +2 -4
  20. package/dist/components/UnderlineNav.d.ts.map +1 -1
  21. package/dist/components.json +1 -3
  22. package/dist/deprecated.d.ts +1 -2
  23. package/dist/deprecated.d.ts.map +1 -1
  24. package/dist/deprecated.js +8 -48
  25. package/dist/experimental.js +1 -1
  26. package/dist/index.d.ts +5 -4
  27. package/dist/index.d.ts.map +1 -1
  28. package/dist/index.js +53 -236
  29. package/dist/sx.d.ts +0 -3
  30. package/dist/sx.d.ts.map +1 -1
  31. package/package.json +3 -3
  32. package/dist/components/Button.d.ts +0 -13
  33. package/dist/components/Button.d.ts.map +0 -1
  34. package/dist/components/DialogV1.d.ts +0 -11
  35. package/dist/components/DialogV1.d.ts.map +0 -1
  36. package/dist/components/IconButton.d.ts +0 -9
  37. 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 React, { forwardRef } from 'react';
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 StyledPageHeader = styled(PageHeader$1).withConfig({
43
+ const PageHeaderImpl = styled(PageHeader$1).withConfig({
44
44
  shouldForwardProp: prop => prop !== 'sx'
45
45
  }).withConfig({
46
- displayName: "PageHeader__StyledPageHeader",
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 StyledPageHeaderTitle({
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, type ActionMenuButtonProps as PrimerActionMenuButtonProps } from '@primer/react';
2
- import { type ComponentProps } from 'react';
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,EAEL,UAAU,IAAI,gBAAgB,EAC9B,KAAK,MAAM,EACX,KAAK,qBAAqB,IAAI,2BAA2B,EAC1D,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAa,KAAK,cAAc,EAAC,MAAM,OAAO,CAAA;AAGrD,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,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAUnG,eAAO,MAAM,UAAU,EAAE,OAAO,gBAAgB,GAAG;IACjD,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC,OAAO,CAAA;CAMxC,CAAA"}
1
+ {"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 function BreadcrumbsItem<As extends React.ElementType = 'a'>({ as, ...props }: BreadcrumbsItemProps<As>): React.JSX.Element;
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,iBAAS,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAAE,EAAC,EAAE,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,EAAE,CAAC,qBAEpG;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"}
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,EAG9C,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;AAU7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAcrD,QAAA,MAAM,MAAM;;;CAGV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}
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,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAMtE,QAAA,MAAM,KAAK,EAEL,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AAE7C,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}
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: ForwardRefComponent<"a", LinkProps>;
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;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,SAAS,GAAG,eAAe,GAAG,MAAM,CAAA;AAQzC,QAAA,MAAM,IAAI,EAEJ,mBAAmB,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;AAEzC,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,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): React.JSX.Element;
7
+ declare function PageHeaderActions({ sx, ...rest }: PageHeaderActionsProps): import("react").JSX.Element;
9
8
  type PageHeaderTitleProps = PropsWithChildren<PrimerPageHeaderTitleProps> & SxProp;
10
- declare const PageHeaderTitle: ({ as, ...props }: PageHeaderTitleProps) => React.JSX.Element;
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 PageHeaderComponentType = ForwardRefComponent<'div', PageHeaderProps> & {
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: PageHeaderComponentType;
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,EAA2B,MAAM,OAAO,CAAA;AAC/D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAcrD,KAAK,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAEnE,iBAAS,iBAAiB,CAAC,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,sBAAsB,qBAY/D;AAED,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,GAAG,MAAM,CAAA;AAwBlF,QAAA,MAAM,eAAe,GAAI,kBAAgB,oBAAoB,sBAE5D,CAAA;AAED,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAE1F,QAAA,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,CAM7E,CAAA;AAED,KAAK,uBAAuB,GAAG,mBAAmB,CAAC,KAAK,EAAE,eAAe,CAAC,GAAG;IAC3E,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,UAAU,EAAE,OAAO,gBAAgB,CAAC,UAAU,CAAA;IAC9C,UAAU,EAAE,OAAO,gBAAgB,CAAC,UAAU,CAAA;IAC9C,SAAS,EAAE,OAAO,mBAAmB,CAAA;IACrC,kBAAkB,EAAE,OAAO,gBAAgB,CAAC,kBAAkB,CAAA;IAC9D,aAAa,EAAE,OAAO,gBAAgB,CAAC,aAAa,CAAA;IACpD,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,aAAa,EAAE,OAAO,gBAAgB,CAAC,aAAa,CAAA;IACpD,KAAK,EAAE,OAAO,eAAe,CAAA;IAC7B,cAAc,EAAE,OAAO,gBAAgB,CAAC,cAAc,CAAA;IACtD,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,cAAc,EAAE,OAAO,gBAAgB,CAAC,cAAc,CAAA;CACvD,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,uBAchB,CAAA;AAEF,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,sBAAsB,EAAE,oBAAoB,EAAC,CAAA"}
1
+ {"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: import("react").ForwardRefExoticComponent<Omit<TabNavLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
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;;CAgB7C,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,CAAA"}
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 declare const UnderlineNavImpl: ForwardRefComponent<"nav", UnderlineNavProps>;
6
- export type UnderlineNavItemProps = PrimerUnderlineNavItemProps & SxProp & React.HTMLAttributes<HTMLElement>;
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,eAAO,MAAM,gBAAgB,EAEvB,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAA;AAEnD,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAS5G,eAAO,MAAM,gBAAgB,EAEvB,mBAAmB,CAAC,GAAG,EAAE,qBAAqB,CAAC,CAAA;AAErD,eAAO,MAAM,YAAY;;CAEvB,CAAA"}
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"}
@@ -55,14 +55,12 @@
55
55
  "BoxProps",
56
56
  "BreadcrumbsItemProps",
57
57
  "BreadcrumbsProps",
58
- "ButtonProps",
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",
@@ -1,4 +1,3 @@
1
1
  export { TabNav, type TabNavProps, type TabNavLinkProps } from './components/TabNav';
2
- export { Dialog, type DialogProps, type DialogHeaderProps } from './components/DialogV1';
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
@@ -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,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AACtF,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAA"}
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"}
@@ -1,8 +1,7 @@
1
- import { TabNav as TabNav$1, Dialog as Dialog$1 } from '@primer/react/deprecated';
2
- export { Octicon, Tooltip } from '@primer/react/deprecated';
3
- import { sx, Box } from '@primer/react';
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 = /*#__PURE__*/forwardRef(({
30
+ const TabNavLink = ({
32
31
  as,
33
32
  ...props
34
- }, ref) => /*#__PURE__*/jsx(StyledTabNavLink, {
33
+ }) => /*#__PURE__*/jsx(StyledTabNavLink, {
35
34
  ...props,
36
35
  ...(as ? {
37
36
  forwardedAs: as
38
- } : {}),
39
- ref: ref
40
- }));
37
+ } : {})
38
+ });
41
39
  const TabNav = Object.assign(TabNavImpl, {
42
40
  Link: TabNavLink
43
41
  });
44
42
 
45
- const StyledDialog = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
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 };
@@ -1,4 +1,4 @@
1
- export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
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 { CheckboxGroup } from '@primer/react';
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, type TextInputProps } from '@primer/react';
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';
@@ -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":"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, Box, Autocomplete as Autocomplete$1, Breadcrumbs as Breadcrumbs$1, Button, Checkbox as Checkbox$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, IconButton as IconButton$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, CheckboxGroup, Details, ProgressBar, Select, Text, TextInput, Textarea, ThemeProvider, Token, Tooltip, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
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
- export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
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: ActionMenuButton,
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
- function BreadcrumbsItem({
46
+ const BreadcrumbsItem = ({
64
47
  as,
65
48
  ...props
66
- }) {
67
- return /*#__PURE__*/jsx(StyledBreadcrumbsItem, {
68
- ...props,
69
- ...(as ? {
70
- forwardedAs: as
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 StyledButtonComponent = /*#__PURE__*/forwardRef(({
84
- sx,
85
- ...rest
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
- ...rest
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 Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
72
+ const CheckboxGroupImpl = props => {
186
73
  return /*#__PURE__*/jsx(Box, {
187
- as: Checkbox$1,
188
- ref: ref,
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 StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
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 StyledHeaderLink = /*#__PURE__*/forwardRef(function HeaderLink(props, ref) {
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 StyledIconButton = /*#__PURE__*/forwardRef(({
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 StyledLink = styled(Link$1).withConfig({
200
+ const Link = styled(Link$1).withConfig({
352
201
  shouldForwardProp: prop => prop !== 'sx'
353
202
  }).withConfig({
354
- displayName: "Link__StyledLink",
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 StyledUnderlineNav = /*#__PURE__*/forwardRef(function UnderlineNav(props, ref) {
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 UnderlineNavImpl = /*#__PURE__*/forwardRef(({
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: "UnderlineNav__StyledUnderlineNavItem",
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, ButtonComponent as Button, Checkbox, CircleBadge, CounterLabel, Flash, FormControl, Header, Heading, IconButton, Label, Link, LinkButton, NavList, Overlay, PageLayout, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Timeline, ToggleSwitch, Truncate, UnderlineNav };
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
@@ -1,5 +1,2 @@
1
1
  export { sx, type SxProp } from '@primer/react';
2
- export type CSSCustomProperties = {
3
- [key: `--${string}`]: string | number;
4
- };
5
2
  //# sourceMappingURL=sx.d.ts.map
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;AAC7C,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;CACtC,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-20250930203821",
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-20250930203821",
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-20250930203821",
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"}