@primer/styled-react 0.0.0-20251006205645 → 0.0.0-20251006210742
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Tooltip-DIHgr01r.js → PageHeader-DCDIR2C1.js} +2 -10
- package/dist/Tooltip-YuSlJ5b_.js +20 -0
- package/dist/components/ActionList.d.ts +36 -0
- package/dist/components/ActionList.d.ts.map +1 -0
- package/dist/components/{deprecated/DialogV1.d.ts → DialogV1.d.ts} +2 -2
- package/dist/components/DialogV1.d.ts.map +1 -0
- package/dist/components/NavList.d.ts +27 -19
- package/dist/components/NavList.d.ts.map +1 -1
- package/dist/components/{deprecated/TabNav.d.ts → TabNav.d.ts} +1 -1
- package/dist/components/TabNav.d.ts.map +1 -0
- package/dist/components/Tooltip.d.ts +4 -0
- package/dist/components/Tooltip.d.ts.map +1 -1
- package/dist/components.json +5 -0
- package/dist/deprecated.d.ts +3 -4
- package/dist/deprecated.d.ts.map +1 -1
- package/dist/deprecated.js +5 -69
- package/dist/experimental.js +3 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +123 -10
- package/package.json +3 -3
- package/dist/components/deprecated/ActionList.d.ts +0 -23
- package/dist/components/deprecated/ActionList.d.ts.map +0 -1
- package/dist/components/deprecated/DialogV1.d.ts.map +0 -1
- package/dist/components/deprecated/TabNav.d.ts.map +0 -1
- package/dist/components/deprecated/Tooltip.d.ts +0 -13
- package/dist/components/deprecated/Tooltip.d.ts.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Dialog as Dialog$1, Box, PageHeader as PageHeader$1, sx
|
|
1
|
+
import { Dialog as Dialog$1, Box, PageHeader as PageHeader$1, sx } from '@primer/react';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
import styled from 'styled-components';
|
|
@@ -141,12 +141,4 @@ const PageHeader = Object.assign(PageHeaderImpl, {
|
|
|
141
141
|
TrailingAction: PageHeader$1.TrailingAction
|
|
142
142
|
});
|
|
143
143
|
|
|
144
|
-
|
|
145
|
-
return /*#__PURE__*/jsx(Box, {
|
|
146
|
-
as: Tooltip$1,
|
|
147
|
-
ref: ref,
|
|
148
|
-
...props
|
|
149
|
-
});
|
|
150
|
-
});
|
|
151
|
-
|
|
152
|
-
export { Dialog as D, PageHeader as P, Tooltip as T };
|
|
144
|
+
export { Dialog as D, PageHeader as P };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Box, Tooltip as Tooltip$1 } from '@primer/react';
|
|
2
|
+
import { Tooltip as Tooltip$2 } from '@primer/react/deprecated';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
|
|
7
|
+
return /*#__PURE__*/jsx(Box, {
|
|
8
|
+
as: Tooltip$1,
|
|
9
|
+
ref: ref,
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
});
|
|
13
|
+
function DeprecatedTooltip(props) {
|
|
14
|
+
return /*#__PURE__*/jsx(Box, {
|
|
15
|
+
as: Tooltip$2,
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export { DeprecatedTooltip as D, Tooltip as T };
|
|
@@ -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":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { DialogProps as PrimerDialogProps, DialogHeaderProps as PrimerDialogHeaderProps } from '@primer/react/deprecated';
|
|
2
|
-
import type { SxProp } from '
|
|
3
|
-
import type { ForwardRefComponent } from '
|
|
2
|
+
import type { SxProp } from '../sx';
|
|
3
|
+
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
4
|
type DialogProps = PrimerDialogProps & SxProp;
|
|
5
5
|
type DialogHeaderProps = PrimerDialogHeaderProps & SxProp;
|
|
6
6
|
declare const Dialog: ForwardRefComponent<"div", DialogProps> & {
|
|
@@ -0,0 +1 @@
|
|
|
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,25 +1,33 @@
|
|
|
1
1
|
import { NavList as PrimerNavList } from '@primer/react';
|
|
2
|
-
import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps } from '@primer/react';
|
|
3
|
-
import { type
|
|
2
|
+
import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps, NavListGroupHeadingProps as PrimerNavListGroupHeadingProps, NavListLeadingVisualProps as PrimerNavListLeadingVisualProps } from '@primer/react';
|
|
3
|
+
import { type PropsWithChildren } from 'react';
|
|
4
4
|
import { type SxProp } from '../sx';
|
|
5
|
+
type RefComponent<E extends HTMLElement, P> = React.ForwardRefExoticComponent<P & React.RefAttributes<E>>;
|
|
5
6
|
type NavListProps = PropsWithChildren<PrimerNavListProps> & SxProp;
|
|
6
|
-
declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
7
|
+
declare const NavListItem: import("react").ForwardRefExoticComponent<PrimerNavListItemProps & {
|
|
8
|
+
children?: import("react").ReactNode | undefined;
|
|
9
|
+
} & SxProp & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
10
|
+
declare const NavListGroup: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLLIElement> & {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
title?: string;
|
|
13
|
+
} & {
|
|
14
|
+
children?: import("react").ReactNode | undefined;
|
|
15
|
+
} & SxProp & import("react").RefAttributes<HTMLLIElement>>;
|
|
16
|
+
type NavListGroupHeadingProps = PropsWithChildren<PrimerNavListGroupHeadingProps> & SxProp;
|
|
17
|
+
declare const NavListGroupHeading: RefComponent<HTMLElement, NavListGroupHeadingProps>;
|
|
18
|
+
type NavListLeadingVisualProps = PropsWithChildren<PrimerNavListLeadingVisualProps> & SxProp;
|
|
19
|
+
declare const NavListLeadingVisual: RefComponent<HTMLSpanElement, NavListLeadingVisualProps>;
|
|
20
|
+
type NavListCompound = React.ForwardRefExoticComponent<NavListProps & React.RefAttributes<HTMLElement>> & {
|
|
21
|
+
Item: typeof NavListItem;
|
|
22
|
+
Group: typeof NavListGroup;
|
|
23
|
+
GroupHeading: typeof NavListGroupHeading;
|
|
24
|
+
LeadingVisual: typeof NavListLeadingVisual;
|
|
25
|
+
SubNav: typeof PrimerNavList.SubNav;
|
|
26
|
+
Divider: typeof PrimerNavList.Divider;
|
|
27
|
+
TrailingVisual: typeof PrimerNavList.TrailingVisual;
|
|
28
|
+
TrailingAction: typeof PrimerNavList.TrailingAction;
|
|
29
|
+
GroupExpand: typeof PrimerNavList.GroupExpand;
|
|
23
30
|
};
|
|
31
|
+
declare const NavList: NavListCompound;
|
|
24
32
|
export { NavList, type NavListProps };
|
|
25
33
|
//# sourceMappingURL=NavList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAM,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,
|
|
1
|
+
{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAM,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,EAE1C,wBAAwB,IAAI,8BAA8B,EAC1D,yBAAyB,IAAI,+BAA+B,EAC7D,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;AAEzG,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAA;AAQlE,QAAA,MAAM,WAAW;;8DAGf,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;0DAGhB,CAAA;AAEF,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAE1F,QAAA,MAAM,mBAAmB,EAGnB,YAAY,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAA;AAEzD,KAAK,yBAAyB,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,GAAG,MAAM,CAAA;AAE5F,QAAA,MAAM,oBAAoB,EAKrB,YAAY,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAA;AAE7D,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG;IACxG,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,YAAY,EAAE,OAAO,mBAAmB,CAAA;IACxC,aAAa,EAAE,OAAO,oBAAoB,CAAA;IAC1C,MAAM,EAAE,OAAO,aAAa,CAAC,MAAM,CAAA;IACnC,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,CAAA;IACrC,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,WAAW,EAAE,OAAO,aAAa,CAAC,WAAW,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,OAAO,EAAE,eAUb,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { TabNavProps as PrimerTabNavProps, TabNavLinkProps as PrimerTabNavLinkProps } from '@primer/react/deprecated';
|
|
2
|
-
import { type SxProp } from '
|
|
2
|
+
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) & {
|
|
@@ -0,0 +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,6 +1,10 @@
|
|
|
1
1
|
import { type TooltipProps as PrimerTooltipProps, type SxProp } from '@primer/react';
|
|
2
|
+
import { type TooltipProps as PrimerDeprecatedTooltipProps } from '@primer/react/deprecated';
|
|
2
3
|
import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
|
|
3
4
|
type TooltipProps = PrimerTooltipProps & SxProp;
|
|
4
5
|
declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>>;
|
|
5
6
|
export { Tooltip, type TooltipProps };
|
|
7
|
+
type DeprecatedTooltipProps = PrimerDeprecatedTooltipProps & SxProp;
|
|
8
|
+
declare function DeprecatedTooltip(props: DeprecatedTooltipProps): import("react").JSX.Element;
|
|
9
|
+
export { DeprecatedTooltip, type DeprecatedTooltipProps };
|
|
6
10
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAE,KAAK,MAAM,EAAC,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAE,KAAK,MAAM,EAAC,MAAM,eAAe,CAAA;AAC5G,OAAO,EAEL,KAAK,YAAY,IAAI,4BAA4B,EAClD,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAa,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AAEpF,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAKnF,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA;AAEnC,KAAK,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAEnE,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAEvD;AACD,OAAO,EAAC,iBAAiB,EAAE,KAAK,sBAAsB,EAAC,CAAA"}
|
package/dist/components.json
CHANGED
|
@@ -50,9 +50,14 @@
|
|
|
50
50
|
"UnderlinePanels"
|
|
51
51
|
],
|
|
52
52
|
"types": [
|
|
53
|
+
"ActionListDividerProps",
|
|
53
54
|
"ActionListGroupProps",
|
|
54
55
|
"ActionListItemProps",
|
|
56
|
+
"ActionListLeadingVisualProps",
|
|
57
|
+
"ActionListLinkItemProps",
|
|
55
58
|
"ActionListProps",
|
|
59
|
+
"ActionListTrailingActionProps",
|
|
60
|
+
"ActionListTrailingVisualProps",
|
|
56
61
|
"AutocompleteOverlayProps",
|
|
57
62
|
"AvatarProps",
|
|
58
63
|
"BetterSystemStyleObject",
|
package/dist/deprecated.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
export { TabNav, type TabNavProps, type TabNavLinkProps } from './components/
|
|
2
|
-
export { Dialog, type DialogProps, type DialogHeaderProps } from './components/
|
|
1
|
+
export { TabNav, type TabNavProps, type TabNavLinkProps } from './components/TabNav';
|
|
2
|
+
export { Dialog, type DialogProps, type DialogHeaderProps } from './components/DialogV1';
|
|
3
3
|
export { Octicon } from '@primer/react/deprecated';
|
|
4
|
-
export { Tooltip, type TooltipProps } from './components/
|
|
5
|
-
export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListGroupProps, } from './components/deprecated/ActionList';
|
|
4
|
+
export { DeprecatedTooltip as Tooltip, type DeprecatedTooltipProps as TooltipProps } from './components/Tooltip';
|
|
6
5
|
//# sourceMappingURL=deprecated.d.ts.map
|
package/dist/deprecated.d.ts.map
CHANGED
|
@@ -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,
|
|
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,EAAC,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAC,iBAAiB,IAAI,OAAO,EAAE,KAAK,sBAAsB,IAAI,YAAY,EAAC,MAAM,sBAAsB,CAAA"}
|
package/dist/deprecated.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import { TabNav as TabNav$1, Dialog as Dialog$1
|
|
1
|
+
import { TabNav as TabNav$1, Dialog as Dialog$1 } from '@primer/react/deprecated';
|
|
2
2
|
export { Octicon } from '@primer/react/deprecated';
|
|
3
3
|
import { sx, Box } from '@primer/react';
|
|
4
4
|
import styled from 'styled-components';
|
|
5
5
|
import { forwardRef } from 'react';
|
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
|
7
|
+
export { D as Tooltip } from './Tooltip-YuSlJ5b_.js';
|
|
7
8
|
|
|
8
9
|
const StyledTabNav = styled(TabNav$1).withConfig({
|
|
9
10
|
shouldForwardProp: prop => prop !== 'sx'
|
|
10
11
|
}).withConfig({
|
|
11
12
|
displayName: "TabNav__StyledTabNav",
|
|
12
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-v7az9x-0"
|
|
13
14
|
})(["", ""], sx);
|
|
14
15
|
const TabNavImpl = ({
|
|
15
16
|
as,
|
|
@@ -26,7 +27,7 @@ const StyledTabNavLink = styled(TabNav$1.Link).withConfig({
|
|
|
26
27
|
shouldForwardProp: prop => prop !== 'sx'
|
|
27
28
|
}).withConfig({
|
|
28
29
|
displayName: "TabNav__StyledTabNavLink",
|
|
29
|
-
componentId: "sc-
|
|
30
|
+
componentId: "sc-v7az9x-1"
|
|
30
31
|
})(["", ""], sx);
|
|
31
32
|
const TabNavLink = /*#__PURE__*/forwardRef(({
|
|
32
33
|
as,
|
|
@@ -80,69 +81,4 @@ const Dialog = Object.assign(DialogImpl, {
|
|
|
80
81
|
Header: DialogHeader
|
|
81
82
|
});
|
|
82
83
|
|
|
83
|
-
|
|
84
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
85
|
-
}).withConfig({
|
|
86
|
-
displayName: "Tooltip__StyledTooltip",
|
|
87
|
-
componentId: "sc-145jcib-0"
|
|
88
|
-
})(["", ""], sx);
|
|
89
|
-
const TooltipImpl = /*#__PURE__*/forwardRef(function Tooltip({
|
|
90
|
-
as,
|
|
91
|
-
...props
|
|
92
|
-
}, ref) {
|
|
93
|
-
return /*#__PURE__*/jsx(StyledTooltip, {
|
|
94
|
-
...props,
|
|
95
|
-
...(as ? {
|
|
96
|
-
forwardedAs: as
|
|
97
|
-
} : {}),
|
|
98
|
-
ref: ref
|
|
99
|
-
});
|
|
100
|
-
});
|
|
101
|
-
const Tooltip = TooltipImpl;
|
|
102
|
-
|
|
103
|
-
// Preserve static properties from the original component
|
|
104
|
-
Tooltip.alignments = Tooltip$1.alignments;
|
|
105
|
-
Tooltip.directions = Tooltip$1.directions;
|
|
106
|
-
|
|
107
|
-
const ActionListImpl = /*#__PURE__*/forwardRef(function ActionList(props, ref) {
|
|
108
|
-
return /*#__PURE__*/jsx(Box, {
|
|
109
|
-
as: ActionList$1,
|
|
110
|
-
ref: ref,
|
|
111
|
-
...props
|
|
112
|
-
});
|
|
113
|
-
});
|
|
114
|
-
const StyledActionListItem = styled(ActionList$1.Item).withConfig({
|
|
115
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
116
|
-
}).withConfig({
|
|
117
|
-
displayName: "ActionList__StyledActionListItem",
|
|
118
|
-
componentId: "sc-1ugfmds-0"
|
|
119
|
-
})(["", ""], sx);
|
|
120
|
-
const ActionListItem = /*#__PURE__*/forwardRef(({
|
|
121
|
-
as,
|
|
122
|
-
...props
|
|
123
|
-
}, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
|
|
124
|
-
...props,
|
|
125
|
-
...(as ? {
|
|
126
|
-
forwardedAs: as
|
|
127
|
-
} : {}),
|
|
128
|
-
ref: ref
|
|
129
|
-
}));
|
|
130
|
-
function ActionListGroup(props) {
|
|
131
|
-
return /*#__PURE__*/jsx(Box, {
|
|
132
|
-
as: ActionList$1.Group,
|
|
133
|
-
...props
|
|
134
|
-
});
|
|
135
|
-
}
|
|
136
|
-
function ActionListDivider(props) {
|
|
137
|
-
return /*#__PURE__*/jsx(Box, {
|
|
138
|
-
as: ActionList$1.Divider,
|
|
139
|
-
...props
|
|
140
|
-
});
|
|
141
|
-
}
|
|
142
|
-
const ActionList = Object.assign(ActionListImpl, {
|
|
143
|
-
Item: ActionListItem,
|
|
144
|
-
Group: ActionListGroup,
|
|
145
|
-
Divider: ActionListDivider
|
|
146
|
-
});
|
|
147
|
-
|
|
148
|
-
export { ActionList, Dialog, TabNav, Tooltip };
|
|
84
|
+
export { Dialog, TabNav };
|
package/dist/experimental.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
export { D as Dialog, P as PageHeader
|
|
1
|
+
export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
|
|
2
|
+
export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
|
|
2
3
|
import { UnderlinePanels as UnderlinePanels$1, Table as Table$1 } from '@primer/react/experimental';
|
|
3
4
|
import styled from 'styled-components';
|
|
4
5
|
import { sx } from '@primer/react';
|
|
5
6
|
import { jsx } from 'react/jsx-runtime';
|
|
6
7
|
import 'react';
|
|
8
|
+
import '@primer/react/deprecated';
|
|
7
9
|
|
|
8
10
|
const StyledUnderlinePanels = styled(UnderlinePanels$1).withConfig({
|
|
9
11
|
shouldForwardProp: prop => prop !== 'sx'
|
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';
|
|
@@ -16,6 +15,7 @@ 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';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,110 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export {
|
|
3
|
-
import styled from 'styled-components';
|
|
1
|
+
import { ActionList as ActionList$1, sx, ActionMenu as ActionMenu$1, Autocomplete as Autocomplete$1, Box, Avatar as Avatar$1, Breadcrumbs as Breadcrumbs$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CircleBadge as CircleBadge$1, CounterLabel as CounterLabel$1, Flash as Flash$1, 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 { Box, Button, Details, FormControl, IconButton, PageLayout, 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
|
-
export { D as Dialog, P as PageHeader
|
|
6
|
+
export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
|
|
7
|
+
export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
|
|
7
8
|
import css from '@styled-system/css';
|
|
9
|
+
import '@primer/react/deprecated';
|
|
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 StyledActionListTrailingAction = styled(ActionList$1.TrailingAction).withConfig({
|
|
36
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
37
|
+
}).withConfig({
|
|
38
|
+
displayName: "ActionList__StyledActionListTrailingAction",
|
|
39
|
+
componentId: "sc-hw2362-2"
|
|
40
|
+
})(["", ""], sx);
|
|
41
|
+
const ActionListTrailingAction = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
42
|
+
const {
|
|
43
|
+
as,
|
|
44
|
+
...rest
|
|
45
|
+
} = props;
|
|
46
|
+
return /*#__PURE__*/jsx(StyledActionListTrailingAction, {
|
|
47
|
+
...rest,
|
|
48
|
+
...(as ? {
|
|
49
|
+
forwardedAs: as
|
|
50
|
+
} : {}),
|
|
51
|
+
ref: ref
|
|
52
|
+
});
|
|
53
|
+
});
|
|
54
|
+
const StyledActionListItem = styled(ActionList$1.Item).withConfig({
|
|
55
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
56
|
+
}).withConfig({
|
|
57
|
+
displayName: "ActionList__StyledActionListItem",
|
|
58
|
+
componentId: "sc-hw2362-3"
|
|
59
|
+
})(["", ""], sx);
|
|
60
|
+
const ActionListItem = /*#__PURE__*/React.forwardRef(({
|
|
61
|
+
children,
|
|
62
|
+
as,
|
|
63
|
+
...props
|
|
64
|
+
}, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
|
|
65
|
+
ref: ref,
|
|
66
|
+
...props,
|
|
67
|
+
...(as ? {
|
|
68
|
+
forwardedAs: as
|
|
69
|
+
} : {}),
|
|
70
|
+
children: children
|
|
71
|
+
}));
|
|
72
|
+
const ActionListGroup = styled(ActionList$1.Group).withConfig({
|
|
73
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
74
|
+
}).withConfig({
|
|
75
|
+
displayName: "ActionList__ActionListGroup",
|
|
76
|
+
componentId: "sc-hw2362-4"
|
|
77
|
+
})(["", ""], sx);
|
|
78
|
+
const ActionListDivider = styled(ActionList$1.Divider).withConfig({
|
|
79
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
80
|
+
}).withConfig({
|
|
81
|
+
displayName: "ActionList__ActionListDivider",
|
|
82
|
+
componentId: "sc-hw2362-5"
|
|
83
|
+
})(["", ""], sx);
|
|
84
|
+
const ActionListLeadingVisual = styled(ActionList$1.LeadingVisual).withConfig({
|
|
85
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
86
|
+
}).withConfig({
|
|
87
|
+
displayName: "ActionList__ActionListLeadingVisual",
|
|
88
|
+
componentId: "sc-hw2362-6"
|
|
89
|
+
})(["", ""], sx);
|
|
90
|
+
const ActionListTrailingVisual = styled(ActionList$1.TrailingVisual).withConfig({
|
|
91
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
92
|
+
}).withConfig({
|
|
93
|
+
displayName: "ActionList__ActionListTrailingVisual",
|
|
94
|
+
componentId: "sc-hw2362-7"
|
|
95
|
+
})(["", ""], sx);
|
|
96
|
+
const ActionList = Object.assign(ActionListImpl, {
|
|
97
|
+
Item: ActionListItem,
|
|
98
|
+
LinkItem: ActionListLinkItem,
|
|
99
|
+
Group: ActionListGroup,
|
|
100
|
+
GroupHeading: ActionList$1.GroupHeading,
|
|
101
|
+
Divider: ActionListDivider,
|
|
102
|
+
Description: ActionList$1.Description,
|
|
103
|
+
LeadingVisual: ActionListLeadingVisual,
|
|
104
|
+
TrailingVisual: ActionListTrailingVisual,
|
|
105
|
+
Heading: ActionList$1.Heading,
|
|
106
|
+
TrailingAction: ActionListTrailingAction
|
|
107
|
+
});
|
|
8
108
|
|
|
9
109
|
const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
|
|
10
110
|
shouldForwardProp: prop => prop !== 'sx'
|
|
@@ -257,18 +357,31 @@ const NavListGroup = /*#__PURE__*/forwardRef(function NavListGroup(props, ref) {
|
|
|
257
357
|
...props
|
|
258
358
|
});
|
|
259
359
|
});
|
|
360
|
+
const NavListGroupHeading = /*#__PURE__*/forwardRef(function NavListGroupHeading(props, ref) {
|
|
361
|
+
// @ts-expect-error - PrimerNavList.GroupHeading is not recognized as a valid component type
|
|
362
|
+
return /*#__PURE__*/jsx(Box, {
|
|
363
|
+
as: NavList$1.GroupHeading,
|
|
364
|
+
ref: ref,
|
|
365
|
+
...props
|
|
366
|
+
});
|
|
367
|
+
});
|
|
368
|
+
const NavListLeadingVisual = /*#__PURE__*/forwardRef(function NavListLeadingVisual(props, ref) {
|
|
369
|
+
// @ts-expect-error - PrimerNavList.LeadingVisual is not recognized as a valid component type
|
|
370
|
+
return /*#__PURE__*/jsx(Box, {
|
|
371
|
+
as: NavList$1.LeadingVisual,
|
|
372
|
+
ref: ref,
|
|
373
|
+
...props
|
|
374
|
+
});
|
|
375
|
+
});
|
|
260
376
|
const NavList = Object.assign(NavListImpl, {
|
|
261
|
-
// Wrapped components that need sx support added back in
|
|
262
377
|
Item: NavListItem,
|
|
263
378
|
Group: NavListGroup,
|
|
264
|
-
|
|
265
|
-
|
|
379
|
+
GroupHeading: NavListGroupHeading,
|
|
380
|
+
LeadingVisual: NavListLeadingVisual,
|
|
266
381
|
SubNav: NavList$1.SubNav,
|
|
267
382
|
Divider: NavList$1.Divider,
|
|
268
|
-
LeadingVisual: NavList$1.LeadingVisual,
|
|
269
383
|
TrailingVisual: NavList$1.TrailingVisual,
|
|
270
384
|
TrailingAction: NavList$1.TrailingAction,
|
|
271
|
-
GroupHeading: NavList$1.GroupHeading,
|
|
272
385
|
GroupExpand: NavList$1.GroupExpand
|
|
273
386
|
});
|
|
274
387
|
|
|
@@ -519,4 +632,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
|
|
|
519
632
|
Item: UnderlineNavItem
|
|
520
633
|
});
|
|
521
634
|
|
|
522
|
-
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 };
|
|
635
|
+
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, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/styled-react",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-20251006210742",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@babel/preset-react": "^7.27.1",
|
|
32
32
|
"@babel/preset-typescript": "^7.27.1",
|
|
33
|
-
"@primer/react": "0.0.0-
|
|
33
|
+
"@primer/react": "0.0.0-20251006210742",
|
|
34
34
|
"@rollup/plugin-babel": "^6.0.4",
|
|
35
35
|
"@types/react": "18.3.11",
|
|
36
36
|
"@types/react-dom": "18.3.1",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"typescript": "^5.9.2"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@primer/react": "0.0.0-
|
|
49
|
+
"@primer/react": "0.0.0-20251006210742",
|
|
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,23 +0,0 @@
|
|
|
1
|
-
import { type PropsWithChildren } from 'react';
|
|
2
|
-
import { type ActionListProps as PrimerActionListProps, type ActionListItemProps as PrimerActionListItemProps, type ActionListGroupProps as PrimerActionListGroupProps } from '@primer/react/deprecated';
|
|
3
|
-
import { type SxProp } from '../../sx';
|
|
4
|
-
import type { ActionListDividerProps } from '@primer/react';
|
|
5
|
-
type ActionListProps = PropsWithChildren<PrimerActionListProps & SxProp>;
|
|
6
|
-
type ActionListItemProps = PropsWithChildren<PrimerActionListItemProps & SxProp & {
|
|
7
|
-
as?: React.ElementType;
|
|
8
|
-
}>;
|
|
9
|
-
type ActionListGroupProps = PropsWithChildren<PrimerActionListGroupProps & SxProp>;
|
|
10
|
-
declare function ActionListGroup(props: ActionListGroupProps): import("react").JSX.Element;
|
|
11
|
-
declare function ActionListDivider(props: ActionListDividerProps): import("react").JSX.Element;
|
|
12
|
-
declare const ActionList: import("react").ForwardRefExoticComponent<ActionListProps & import("react").RefAttributes<HTMLDivElement>> & {
|
|
13
|
-
Item: import("react").ForwardRefExoticComponent<PrimerActionListItemProps & SxProp & {
|
|
14
|
-
as?: React.ElementType;
|
|
15
|
-
} & {
|
|
16
|
-
children?: import("react").ReactNode | undefined;
|
|
17
|
-
} & import("react").RefAttributes<HTMLLIElement>>;
|
|
18
|
-
Group: typeof ActionListGroup;
|
|
19
|
-
Divider: typeof ActionListDivider;
|
|
20
|
-
};
|
|
21
|
-
export type { ActionListProps, ActionListItemProps, ActionListGroupProps };
|
|
22
|
-
export { ActionList };
|
|
23
|
-
//# sourceMappingURL=ActionList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/ActionList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,iBAAiB,EAAa,MAAM,OAAO,CAAA;AACxD,OAAO,EAEL,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAGxC,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,eAAe,CAAA;AAEzD,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,GAAG,MAAM,CAAC,CAAA;AAExE,KAAK,mBAAmB,GAAG,iBAAiB,CAAC,yBAAyB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,CAAA;AAC3G,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,0BAA0B,GAAG,MAAM,CAAC,CAAA;AAgBlF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAEnD;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAEvD;AAED,QAAA,MAAM,UAAU;;aAzBwE,KAAK,CAAC,WAAW;;;;;;CA6BvG,CAAA;AAEF,YAAY,EAAC,eAAe,EAAE,mBAAmB,EAAE,oBAAoB,EAAC,CAAA;AACxE,OAAO,EAAC,UAAU,EAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogV1.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/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,UAAU,CAAA;AAEpC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAE1D,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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/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,UAAU,CAAA;AAIxC,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,13 +0,0 @@
|
|
|
1
|
-
import { type TooltipProps as PrimerTooltipProps } from '@primer/react/deprecated';
|
|
2
|
-
import { type SxProp } from '../../sx';
|
|
3
|
-
import { type PropsWithChildren } from 'react';
|
|
4
|
-
type TooltipProps = PropsWithChildren<PrimerTooltipProps & SxProp & {
|
|
5
|
-
as?: React.ElementType;
|
|
6
|
-
}>;
|
|
7
|
-
declare const TooltipImpl: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
8
|
-
declare const Tooltip: typeof TooltipImpl & {
|
|
9
|
-
alignments: string[];
|
|
10
|
-
directions: string[];
|
|
11
|
-
};
|
|
12
|
-
export { Tooltip, type TooltipProps };
|
|
13
|
-
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,0BAA0B,CAAA;AAE1G,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACxC,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAI5C,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,CAAA;AAQ7F,QAAA,MAAM,WAAW,uHAEf,CAAA;AAEF,QAAA,MAAM,OAAO,EAAkB,OAAO,WAAW,GAAG;IAClD,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAMD,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
|