@primer/styled-react 0.0.0-20251006211224 → 0.0.0-20251006212650

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 = React.PropsWithChildren<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 = React.PropsWithChildren<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: ForwardRefComponent<"li", ActionListItemProps>;
19
+ declare const ActionListGroup: React.ComponentType<ActionListGroupProps>;
20
+ declare const ActionListDivider: React.ComponentType<ActionListDividerProps>;
21
+ declare const ActionListLeadingVisual: React.ComponentType<ActionListLeadingVisualProps>;
22
+ declare const ActionListTrailingVisual: React.ComponentType<ActionListTrailingVisualProps>;
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,KAAK,MAAM,OAAO,CAAA;AAEzB,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;AAEvD,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,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,GAAG,MAAM,CAAC,CAAA;AACrG,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,KAAK,CAAC,iBAAiB,CAAC,mCAAmC,GAAG,MAAM,CAAC,CAAA;AAUjH,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;AAO5C,QAAA,MAAM,wBAAwB,EAWzB,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAA;AAU/E,QAAA,MAAM,cAAc,EAId,mBAAmB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAA;AAEpD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAM9D,CAAA;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAMlE,CAAA;AAED,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,aAAa,CAAC,4BAA4B,CAM9E,CAAA;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAMhF,CAAA;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,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"}
@@ -0,0 +1,4 @@
1
+ import React, { type PropsWithChildren } from 'react';
2
+ import { type ThemeProviderProps } from '@primer/react';
3
+ export declare const ThemeProvider: (props: PropsWithChildren<ThemeProviderProps>) => React.JSX.Element;
4
+ //# sourceMappingURL=ThemeProvider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,EAEL,KAAK,kBAAkB,EAGxB,MAAM,eAAe,CAAA;AAEtB,eAAO,MAAM,aAAa,GAAI,OAAO,iBAAiB,CAAC,kBAAkB,CAAC,sBAQzE,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';
@@ -10,12 +9,13 @@ export { Select } from '@primer/react';
10
9
  export { Textarea } from '@primer/react';
11
10
  export { TextInput } from '@primer/react';
12
11
  export { type TextInputProps } from '@primer/react';
13
- export { ThemeProvider } from '@primer/react';
12
+ export { ThemeProvider } from './components/ThemeProvider';
14
13
  export { merge } from '@primer/react';
15
14
  export { theme } from '@primer/react';
16
15
  export { themeGet } from '@primer/react';
17
16
  export { useColorSchemeVar } from '@primer/react';
18
17
  export { useTheme } from '@primer/react';
18
+ export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListLinkItemProps, type ActionListGroupProps, type ActionListDividerProps, type ActionListLeadingVisualProps, type ActionListTrailingVisualProps, type ActionListTrailingActionProps, } from './components/ActionList';
19
19
  export { ActionMenu } from './components/ActionMenu';
20
20
  export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
21
21
  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,128 @@
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, 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, 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, FormControl, IconButton, PageLayout, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
3
- import styled from 'styled-components';
1
+ import { useTheme, ThemeProvider as ThemeProvider$1, theme, ActionList as ActionList$1, sx, ActionMenu as ActionMenu$1, Autocomplete as Autocomplete$1, Box, Avatar as Avatar$1, Breadcrumbs as Breadcrumbs$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CircleBadge as CircleBadge$1, CounterLabel as CounterLabel$1, Flash as Flash$1, 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, 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, FormControl, IconButton, PageLayout, ProgressBar, Select, TextInput, Textarea, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
4
3
  import React, { forwardRef } from 'react';
4
+ import styled, { ThemeProvider as ThemeProvider$2 } 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 ThemeProvider = props => {
12
+ const {
13
+ children,
14
+ ...rest
15
+ } = props;
16
+ const {
17
+ theme: theme$1
18
+ } = useTheme();
19
+ return /*#__PURE__*/jsx(ThemeProvider$1, {
20
+ ...rest,
21
+ children: /*#__PURE__*/jsx(ThemeProvider$2, {
22
+ theme: theme$1 || theme,
23
+ children: children
24
+ })
25
+ });
26
+ };
27
+
28
+ const StyledActionList = styled(ActionList$1).withConfig({
29
+ shouldForwardProp: prop => prop !== 'sx'
30
+ }).withConfig({
31
+ displayName: "ActionList__StyledActionList",
32
+ componentId: "sc-hw2362-0"
33
+ })(["", ""], sx);
34
+ const ActionListImpl = /*#__PURE__*/React.forwardRef(function ActionListImpl({
35
+ as,
36
+ ...rest
37
+ }, ref) {
38
+ return /*#__PURE__*/jsx(StyledActionList, {
39
+ ref: ref,
40
+ ...rest,
41
+ ...(as ? {
42
+ forwardedAs: as
43
+ } : {})
44
+ });
45
+ });
46
+ const ActionListLinkItem = styled(ActionList$1.LinkItem).withConfig({
47
+ shouldForwardProp: prop => prop !== 'sx'
48
+ }).withConfig({
49
+ displayName: "ActionList__ActionListLinkItem",
50
+ componentId: "sc-hw2362-1"
51
+ })(["", ""], sx);
52
+ const StyledActionListTrailingAction = styled(ActionList$1.TrailingAction).withConfig({
53
+ shouldForwardProp: prop => prop !== 'sx'
54
+ }).withConfig({
55
+ displayName: "ActionList__StyledActionListTrailingAction",
56
+ componentId: "sc-hw2362-2"
57
+ })(["", ""], sx);
58
+ const ActionListTrailingAction = /*#__PURE__*/React.forwardRef((props, ref) => {
59
+ const {
60
+ as,
61
+ ...rest
62
+ } = props;
63
+ return /*#__PURE__*/jsx(StyledActionListTrailingAction, {
64
+ ...rest,
65
+ ...(as ? {
66
+ forwardedAs: as
67
+ } : {}),
68
+ ref: ref
69
+ });
70
+ });
71
+ const StyledActionListItem = styled(ActionList$1.Item).withConfig({
72
+ shouldForwardProp: prop => prop !== 'sx'
73
+ }).withConfig({
74
+ displayName: "ActionList__StyledActionListItem",
75
+ componentId: "sc-hw2362-3"
76
+ })(["", ""], sx);
77
+ const ActionListItem = /*#__PURE__*/React.forwardRef(({
78
+ children,
79
+ as,
80
+ ...props
81
+ }, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
82
+ ref: ref,
83
+ ...props,
84
+ ...(as ? {
85
+ forwardedAs: as
86
+ } : {}),
87
+ children: children
88
+ }));
89
+ const ActionListGroup = styled(ActionList$1.Group).withConfig({
90
+ shouldForwardProp: prop => prop !== 'sx'
91
+ }).withConfig({
92
+ displayName: "ActionList__ActionListGroup",
93
+ componentId: "sc-hw2362-4"
94
+ })(["", ""], sx);
95
+ const ActionListDivider = styled(ActionList$1.Divider).withConfig({
96
+ shouldForwardProp: prop => prop !== 'sx'
97
+ }).withConfig({
98
+ displayName: "ActionList__ActionListDivider",
99
+ componentId: "sc-hw2362-5"
100
+ })(["", ""], sx);
101
+ const ActionListLeadingVisual = styled(ActionList$1.LeadingVisual).withConfig({
102
+ shouldForwardProp: prop => prop !== 'sx'
103
+ }).withConfig({
104
+ displayName: "ActionList__ActionListLeadingVisual",
105
+ componentId: "sc-hw2362-6"
106
+ })(["", ""], sx);
107
+ const ActionListTrailingVisual = styled(ActionList$1.TrailingVisual).withConfig({
108
+ shouldForwardProp: prop => prop !== 'sx'
109
+ }).withConfig({
110
+ displayName: "ActionList__ActionListTrailingVisual",
111
+ componentId: "sc-hw2362-7"
112
+ })(["", ""], sx);
113
+ const ActionList = Object.assign(ActionListImpl, {
114
+ Item: ActionListItem,
115
+ LinkItem: ActionListLinkItem,
116
+ Group: ActionListGroup,
117
+ GroupHeading: ActionList$1.GroupHeading,
118
+ Divider: ActionListDivider,
119
+ Description: ActionList$1.Description,
120
+ LeadingVisual: ActionListLeadingVisual,
121
+ TrailingVisual: ActionListTrailingVisual,
122
+ Heading: ActionList$1.Heading,
123
+ TrailingAction: ActionListTrailingAction
124
+ });
125
+
11
126
  const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
12
127
  shouldForwardProp: prop => prop !== 'sx'
13
128
  }).withConfig({
@@ -259,18 +374,31 @@ const NavListGroup = /*#__PURE__*/forwardRef(function NavListGroup(props, ref) {
259
374
  ...props
260
375
  });
261
376
  });
377
+ const NavListGroupHeading = /*#__PURE__*/forwardRef(function NavListGroupHeading(props, ref) {
378
+ // @ts-expect-error - PrimerNavList.GroupHeading is not recognized as a valid component type
379
+ return /*#__PURE__*/jsx(Box, {
380
+ as: NavList$1.GroupHeading,
381
+ ref: ref,
382
+ ...props
383
+ });
384
+ });
385
+ const NavListLeadingVisual = /*#__PURE__*/forwardRef(function NavListLeadingVisual(props, ref) {
386
+ // @ts-expect-error - PrimerNavList.LeadingVisual is not recognized as a valid component type
387
+ return /*#__PURE__*/jsx(Box, {
388
+ as: NavList$1.LeadingVisual,
389
+ ref: ref,
390
+ ...props
391
+ });
392
+ });
262
393
  const NavList = Object.assign(NavListImpl, {
263
- // Wrapped components that need sx support added back in
264
394
  Item: NavListItem,
265
395
  Group: NavListGroup,
266
- // Re-exporting others directly
267
- // TODO: try to remove typecasts to work around "non-portable types" TS error
396
+ GroupHeading: NavListGroupHeading,
397
+ LeadingVisual: NavListLeadingVisual,
268
398
  SubNav: NavList$1.SubNav,
269
399
  Divider: NavList$1.Divider,
270
- LeadingVisual: NavList$1.LeadingVisual,
271
400
  TrailingVisual: NavList$1.TrailingVisual,
272
401
  TrailingAction: NavList$1.TrailingAction,
273
- GroupHeading: NavList$1.GroupHeading,
274
402
  GroupExpand: NavList$1.GroupExpand
275
403
  });
276
404
 
@@ -521,4 +649,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
521
649
  Item: UnderlineNavItem
522
650
  });
523
651
 
524
- export { ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
652
+ export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, ThemeProvider, 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-20251006211224",
3
+ "version": "0.0.0-20251006212650",
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-20251006211224",
33
+ "@primer/react": "0.0.0-20251006212650",
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-20251006211224",
49
+ "@primer/react": "0.0.0-20251006212650",
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",