@primer/styled-react 0.0.0-20260413220131 → 0.0.0-20260414013428
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionMenu.d.ts +13 -0
- package/dist/components/ActionMenu.d.ts.map +1 -0
- package/dist/components/ActionMenu.js +19 -0
- package/dist/components/CounterLabel.d.ts +11 -0
- package/dist/components/CounterLabel.d.ts.map +1 -0
- package/dist/components/CounterLabel.js +14 -0
- package/dist/components/DataTable.d.ts +1 -1
- package/dist/components/DataTable.d.ts.map +1 -1
- package/dist/components/DataTable.js +1 -11
- package/dist/components/Overlay.d.ts +8 -0
- package/dist/components/Overlay.d.ts.map +1 -0
- package/dist/components/Overlay.js +12 -0
- package/dist/components/PageHeader.d.ts +31 -0
- package/dist/components/PageHeader.d.ts.map +1 -0
- package/dist/components/PageHeader.js +109 -0
- package/dist/components/Token.d.ts +8 -0
- package/dist/components/Token.d.ts.map +1 -0
- package/dist/components/Token.js +26 -0
- package/dist/components/Tooltip.d.ts +7 -0
- package/dist/components/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip.js +15 -0
- package/dist/components/deprecated/Tooltip.d.ts +13 -0
- package/dist/components/deprecated/Tooltip.d.ts.map +1 -0
- package/dist/components/deprecated/Tooltip.js +32 -0
- package/dist/components.json +12 -0
- package/dist/deprecated.d.ts +11 -0
- package/dist/deprecated.d.ts.map +1 -1
- package/dist/deprecated.js +1 -0
- package/dist/experimental.d.ts +32 -0
- package/dist/experimental.d.ts.map +1 -1
- package/dist/experimental.js +2 -0
- package/dist/index.d.ts +66 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/package.json +3 -3
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ActionMenu as PrimerActionMenu, type SlotMarker } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
import type { ComponentProps } from 'react';
|
|
4
|
+
type ActionMenuOverlayProps = ComponentProps<typeof PrimerActionMenu.Overlay> & SxProp;
|
|
5
|
+
declare const ActionMenuOverlay: React.ComponentType<ActionMenuOverlayProps> & SlotMarker;
|
|
6
|
+
export declare const ActionMenu: typeof PrimerActionMenu & {
|
|
7
|
+
Button: typeof PrimerActionMenu.Button;
|
|
8
|
+
Anchor: typeof PrimerActionMenu.Anchor;
|
|
9
|
+
Overlay: typeof ActionMenuOverlay;
|
|
10
|
+
Divider: typeof PrimerActionMenu.Divider;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=ActionMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAC7E,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,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,CAAC,GAAG,UAMtE,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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ActionMenu as ActionMenu$1 } from '@primer/react';
|
|
2
|
+
import { sx } from '../sx.js';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
|
|
5
|
+
const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
|
|
6
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
7
|
+
}).withConfig({
|
|
8
|
+
displayName: "ActionMenu__ActionMenuOverlay",
|
|
9
|
+
componentId: "sc-w5s60e-0"
|
|
10
|
+
})(["", ""], sx);
|
|
11
|
+
const ActionMenu = Object.assign(ActionMenu$1, {
|
|
12
|
+
Button: ActionMenu$1.Button,
|
|
13
|
+
Anchor: ActionMenu$1.Anchor,
|
|
14
|
+
Overlay: ActionMenuOverlay,
|
|
15
|
+
Divider: ActionMenu$1.Divider
|
|
16
|
+
});
|
|
17
|
+
ActionMenuOverlay.__SLOT__ = ActionMenu$1.Overlay.__SLOT__;
|
|
18
|
+
|
|
19
|
+
export { ActionMenu };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type CounterLabelProps as PrimerCounterLabelProps } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
export type CounterLabelProps = PrimerCounterLabelProps & SxProp;
|
|
4
|
+
export declare const CounterLabel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & {
|
|
5
|
+
scheme?: "primary" | "secondary";
|
|
6
|
+
variant?: "primary" | "secondary";
|
|
7
|
+
className?: string;
|
|
8
|
+
} & {
|
|
9
|
+
children?: import("react").ReactNode | undefined;
|
|
10
|
+
} & SxProp & import("react").RefAttributes<HTMLSpanElement>>;
|
|
11
|
+
//# sourceMappingURL=CounterLabel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/components/CounterLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,eAAe,CAAA;AAGnH,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAEhE,eAAO,MAAM,YAAY;;;;;;4DAEvB,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CounterLabel as CounterLabel$1 } from '@primer/react';
|
|
2
|
+
import { Box } from './Box.js';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
const CounterLabel = /*#__PURE__*/forwardRef(function CounterLabel(props, ref) {
|
|
7
|
+
return /*#__PURE__*/jsx(Box, {
|
|
8
|
+
as: CounterLabel$1,
|
|
9
|
+
ref: ref,
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
export { CounterLabel };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Table as PrimerDataTable, type TableContainerProps } from '@primer/react/experimental';
|
|
2
2
|
import { type SxProp } from '../sx';
|
|
3
|
-
import React from 'react';
|
|
3
|
+
import type React from 'react';
|
|
4
4
|
type DataTableContainerProps<As extends React.ElementType = 'div'> = TableContainerProps<As> & SxProp;
|
|
5
5
|
declare function DataTableContainer<As extends React.ElementType = 'div'>({ as, ...rest }: DataTableContainerProps<As>): React.JSX.Element;
|
|
6
6
|
declare const Table: typeof PrimerDataTable & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAE,KAAK,mBAAmB,
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAE,KAAK,mBAAmB,EAAC,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,uBAAuB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,mBAAmB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAYrG,iBAAS,kBAAkB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,uBAAuB,CAAC,EAAE,CAAC,qBAE3G;AAED,QAAA,MAAM,KAAK,EAAE,OAAO,eAAe,GAAG;IACpC,SAAS,EAAE,OAAO,kBAAkB,CAAA;CAIpC,CAAA;AAEF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAC,KAAK,EAAE,KAAK,uBAAuB,EAAC,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Table as Table$1 } from '@primer/react/experimental';
|
|
2
2
|
import { sx } from '../sx.js';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
|
-
import React from 'react';
|
|
5
4
|
import { jsx } from 'react/jsx-runtime';
|
|
6
5
|
|
|
7
6
|
const {
|
|
@@ -25,16 +24,7 @@ function DataTableContainer({
|
|
|
25
24
|
} : {})
|
|
26
25
|
});
|
|
27
26
|
}
|
|
28
|
-
|
|
29
|
-
// Create a wrapper component to avoid mutating the original PrimerDataTable
|
|
30
|
-
const TableRoot = /*#__PURE__*/React.forwardRef(function TableRoot(props, ref) {
|
|
31
|
-
return /*#__PURE__*/jsx(Table$1, {
|
|
32
|
-
...props,
|
|
33
|
-
ref: ref
|
|
34
|
-
});
|
|
35
|
-
});
|
|
36
|
-
TableRoot.__SLOT__ = Table$1.__SLOT__;
|
|
37
|
-
const Table = Object.assign(TableRoot, {
|
|
27
|
+
const Table = Object.assign(Table$1, {
|
|
38
28
|
Container: DataTableContainer,
|
|
39
29
|
...rest
|
|
40
30
|
});
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type OverlayProps as PrimerOverlayProps } from '@primer/react';
|
|
2
|
+
import { type ForwardRefComponent } from '../polymorphic';
|
|
3
|
+
import { type SxProp } from '../sx';
|
|
4
|
+
type OverlayProps = PrimerOverlayProps & SxProp;
|
|
5
|
+
declare const Overlay: ForwardRefComponent<'div', OverlayProps>;
|
|
6
|
+
export { Overlay };
|
|
7
|
+
export type { OverlayProps };
|
|
8
|
+
//# sourceMappingURL=Overlay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,eAAe,CAAA;AAE/F,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,mBAAmB,CAAC,KAAK,EAAE,YAAY,CAIrD,CAAA;AAED,OAAO,EAAC,OAAO,EAAC,CAAA;AAChB,YAAY,EAAC,YAAY,EAAC,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Overlay as Overlay$1 } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { sx } from '../sx.js';
|
|
4
|
+
|
|
5
|
+
const Overlay = styled(Overlay$1).withConfig({
|
|
6
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
7
|
+
}).withConfig({
|
|
8
|
+
displayName: "Overlay",
|
|
9
|
+
componentId: "sc-tjbd74-0"
|
|
10
|
+
})(["", ""], sx);
|
|
11
|
+
|
|
12
|
+
export { Overlay };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { PageHeader as PrimerPageHeader, type PageHeaderProps as PrimerPageHeaderProps, type PageHeaderTitleProps as PrimerPageHeaderTitleProps, type PageHeaderActionsProps as PrimerPageHeaderActionsProps, type PageHeaderTitleAreaProps as PrimerPageHeaderTitleAreaProps } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
|
+
import type { PropsWithChildren } from 'react';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
type PageHeaderProps = PrimerPageHeaderProps & SxProp;
|
|
7
|
+
type PageHeaderActionsProps = PrimerPageHeaderActionsProps & SxProp;
|
|
8
|
+
declare function PageHeaderActions({ sx, ...rest }: PageHeaderActionsProps): React.JSX.Element;
|
|
9
|
+
type PageHeaderTitleProps = PropsWithChildren<PrimerPageHeaderTitleProps> & SxProp;
|
|
10
|
+
declare const PageHeaderTitle: ({ as, ...props }: PageHeaderTitleProps) => React.JSX.Element;
|
|
11
|
+
type PageHeaderTitleAreaProps = PropsWithChildren<PrimerPageHeaderTitleAreaProps> & SxProp;
|
|
12
|
+
declare const PageHeaderTitleArea: ForwardRefComponent<'div', PageHeaderTitleAreaProps>;
|
|
13
|
+
type PageHeaderComponentType = ForwardRefComponent<'div', PageHeaderProps> & {
|
|
14
|
+
Actions: typeof PageHeaderActions;
|
|
15
|
+
ContextArea: typeof PrimerPageHeader.ContextArea;
|
|
16
|
+
ParentLink: typeof PrimerPageHeader.ParentLink;
|
|
17
|
+
ContextBar: typeof PrimerPageHeader.ContextBar;
|
|
18
|
+
TitleArea: typeof PageHeaderTitleArea;
|
|
19
|
+
ContextAreaActions: typeof PrimerPageHeader.ContextAreaActions;
|
|
20
|
+
LeadingAction: typeof PrimerPageHeader.LeadingAction;
|
|
21
|
+
Breadcrumbs: typeof PrimerPageHeader.Breadcrumbs;
|
|
22
|
+
LeadingVisual: typeof PrimerPageHeader.LeadingVisual;
|
|
23
|
+
Title: typeof PageHeaderTitle;
|
|
24
|
+
TrailingVisual: typeof PrimerPageHeader.TrailingVisual;
|
|
25
|
+
Description: typeof PrimerPageHeader.Description;
|
|
26
|
+
TrailingAction: typeof PrimerPageHeader.TrailingAction;
|
|
27
|
+
};
|
|
28
|
+
declare const PageHeader: PageHeaderComponentType;
|
|
29
|
+
export { PageHeader };
|
|
30
|
+
export type { PageHeaderProps, PageHeaderActionsProps, PageHeaderTitleProps };
|
|
31
|
+
//# sourceMappingURL=PageHeader.d.ts.map
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { PageHeader as PageHeader$1 } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { sx } from '../sx.js';
|
|
4
|
+
import { Box } from './Box.js';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
const StyledPageHeader = styled(PageHeader$1).withConfig({
|
|
9
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
10
|
+
}).withConfig({
|
|
11
|
+
displayName: "PageHeader__StyledPageHeader",
|
|
12
|
+
componentId: "sc-1g9symn-0"
|
|
13
|
+
})(["", ""], sx);
|
|
14
|
+
const PageHeaderImpl = /*#__PURE__*/React.forwardRef(({
|
|
15
|
+
as,
|
|
16
|
+
...props
|
|
17
|
+
}, ref) => /*#__PURE__*/jsx(StyledPageHeader, {
|
|
18
|
+
...props,
|
|
19
|
+
...(as ? {
|
|
20
|
+
forwardedAs: as
|
|
21
|
+
} : {}),
|
|
22
|
+
ref: ref
|
|
23
|
+
}));
|
|
24
|
+
function PageHeaderActions({
|
|
25
|
+
sx,
|
|
26
|
+
...rest
|
|
27
|
+
}) {
|
|
28
|
+
const style = {};
|
|
29
|
+
if (sx) {
|
|
30
|
+
// @ts-ignore sx has height attribute
|
|
31
|
+
const {
|
|
32
|
+
height
|
|
33
|
+
} = sx;
|
|
34
|
+
if (height) {
|
|
35
|
+
style['--custom-height'] = height;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
// @ts-expect-error type mismatch between Box usage here and PrimerPageHeader.Actions
|
|
40
|
+
return /*#__PURE__*/jsx(Box, {
|
|
41
|
+
...rest,
|
|
42
|
+
as: PageHeader$1.Actions,
|
|
43
|
+
style: style,
|
|
44
|
+
sx: sx
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
function StyledPageHeaderTitle({
|
|
48
|
+
sx,
|
|
49
|
+
...rest
|
|
50
|
+
}) {
|
|
51
|
+
const style = {};
|
|
52
|
+
if (sx) {
|
|
53
|
+
// @ts-ignore sx can have color attribute
|
|
54
|
+
const {
|
|
55
|
+
fontSize,
|
|
56
|
+
lineHeight,
|
|
57
|
+
fontWeight
|
|
58
|
+
} = sx;
|
|
59
|
+
if (fontSize) {
|
|
60
|
+
style['--custom-font-size'] = fontSize;
|
|
61
|
+
}
|
|
62
|
+
if (lineHeight) {
|
|
63
|
+
style['--custom-line-height'] = lineHeight;
|
|
64
|
+
}
|
|
65
|
+
if (fontWeight) {
|
|
66
|
+
style['--custom-font-weight'] = fontWeight;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
// @ts-expect-error type mismatch between Box usage here and PrimerPageHeader.Title
|
|
71
|
+
return /*#__PURE__*/jsx(Box, {
|
|
72
|
+
...rest,
|
|
73
|
+
as: PageHeader$1.Title,
|
|
74
|
+
style: style,
|
|
75
|
+
sx: sx
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
const PageHeaderTitle = ({
|
|
79
|
+
as,
|
|
80
|
+
...props
|
|
81
|
+
}) => /*#__PURE__*/jsx(StyledPageHeaderTitle, {
|
|
82
|
+
...props,
|
|
83
|
+
...(as ? {
|
|
84
|
+
forwardedAs: as
|
|
85
|
+
} : {})
|
|
86
|
+
});
|
|
87
|
+
const PageHeaderTitleArea = styled(PageHeader$1.TitleArea).withConfig({
|
|
88
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
89
|
+
}).withConfig({
|
|
90
|
+
displayName: "PageHeader__PageHeaderTitleArea",
|
|
91
|
+
componentId: "sc-1g9symn-1"
|
|
92
|
+
})(["", ""], sx);
|
|
93
|
+
const PageHeader = Object.assign(PageHeaderImpl, {
|
|
94
|
+
Actions: PageHeaderActions,
|
|
95
|
+
ContextArea: PageHeader$1.ContextArea,
|
|
96
|
+
ParentLink: PageHeader$1.ParentLink,
|
|
97
|
+
ContextBar: PageHeader$1.ContextBar,
|
|
98
|
+
TitleArea: PageHeaderTitleArea,
|
|
99
|
+
ContextAreaActions: PageHeader$1.ContextAreaActions,
|
|
100
|
+
LeadingAction: PageHeader$1.LeadingAction,
|
|
101
|
+
Breadcrumbs: PageHeader$1.Breadcrumbs,
|
|
102
|
+
LeadingVisual: PageHeader$1.LeadingVisual,
|
|
103
|
+
Title: PageHeaderTitle,
|
|
104
|
+
TrailingVisual: PageHeader$1.TrailingVisual,
|
|
105
|
+
Description: PageHeader$1.Description,
|
|
106
|
+
TrailingAction: PageHeader$1.TrailingAction
|
|
107
|
+
});
|
|
108
|
+
|
|
109
|
+
export { PageHeader };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type TokenProps as PrimerTokenProps } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
|
+
import type { PropsWithChildren } from 'react';
|
|
5
|
+
type TokenProps = PropsWithChildren<PrimerTokenProps> & SxProp;
|
|
6
|
+
declare const Token: ForwardRefComponent<"a" | "button" | "span", TokenProps>;
|
|
7
|
+
export { Token, type TokenProps };
|
|
8
|
+
//# sourceMappingURL=Token.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/components/Token.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAAuB,MAAM,eAAe,CAAA;AACvF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAG5C,KAAK,UAAU,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAA;AAQ9D,QAAA,MAAM,KAAK,EAEL,mBAAmB,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAE9D,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
import { Token as Token$1 } from '@primer/react';
|
|
3
|
+
import { sx } from '../sx.js';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
const StyledToken = styled(Token$1).withConfig({
|
|
8
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
9
|
+
}).withConfig({
|
|
10
|
+
displayName: "Token__StyledToken",
|
|
11
|
+
componentId: "sc-ldn0r8-0"
|
|
12
|
+
})(["", ""], sx);
|
|
13
|
+
const Token = /*#__PURE__*/forwardRef(({
|
|
14
|
+
as,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
return /*#__PURE__*/jsx(StyledToken, {
|
|
18
|
+
...props,
|
|
19
|
+
...(as ? {
|
|
20
|
+
forwardedAs: as
|
|
21
|
+
} : {}),
|
|
22
|
+
ref: ref
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
export { Token };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type TooltipProps as PrimerTooltipProps, type SlotMarker } from '@primer/react';
|
|
2
|
+
import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
|
|
3
|
+
import type { SxProp } from '../sx';
|
|
4
|
+
type TooltipProps = PrimerTooltipProps & SxProp;
|
|
5
|
+
declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>> & SlotMarker;
|
|
6
|
+
export { Tooltip, type TooltipProps };
|
|
7
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -0,0 +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,UAAU,EAAC,MAAM,eAAe,CAAA;AAEhH,OAAO,EAAa,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AACpF,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG,UAKvF,CAAA;AAIF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Tooltip as Tooltip$1 } from '@primer/react';
|
|
2
|
+
import { Box } from './Box.js';
|
|
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
|
+
Tooltip.__SLOT__ = Tooltip$1.__SLOT__;
|
|
14
|
+
|
|
15
|
+
export { Tooltip };
|
|
@@ -0,0 +1,13 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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;AAK5C,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;AAOD,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Tooltip as Tooltip$1 } from '@primer/react/deprecated';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { sx } from '../../sx.js';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
const StyledTooltip = styled(Tooltip$1).withConfig({
|
|
8
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
9
|
+
}).withConfig({
|
|
10
|
+
displayName: "Tooltip__StyledTooltip",
|
|
11
|
+
componentId: "sc-145jcib-0"
|
|
12
|
+
})(["", ""], sx);
|
|
13
|
+
const TooltipImpl = /*#__PURE__*/forwardRef(function Tooltip({
|
|
14
|
+
as,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) {
|
|
17
|
+
return /*#__PURE__*/jsx(StyledTooltip, {
|
|
18
|
+
...props,
|
|
19
|
+
...(as ? {
|
|
20
|
+
forwardedAs: as
|
|
21
|
+
} : {}),
|
|
22
|
+
ref: ref
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
const Tooltip = TooltipImpl;
|
|
26
|
+
|
|
27
|
+
// Preserve static properties from the original component
|
|
28
|
+
Tooltip.alignments = Tooltip$1.alignments;
|
|
29
|
+
Tooltip.directions = Tooltip$1.directions;
|
|
30
|
+
Tooltip.__SLOT__ = Tooltip$1.__SLOT__;
|
|
31
|
+
|
|
32
|
+
export { Tooltip };
|
package/dist/components.json
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"components": [
|
|
3
3
|
"ActionList",
|
|
4
|
+
"ActionMenu",
|
|
4
5
|
"BaseStyles",
|
|
5
6
|
"Box",
|
|
6
7
|
"Breadcrumb",
|
|
7
8
|
"Breadcrumbs",
|
|
8
9
|
"Button",
|
|
10
|
+
"CounterLabel",
|
|
9
11
|
"Dialog",
|
|
10
12
|
"Flash",
|
|
11
13
|
"FormControl",
|
|
@@ -16,6 +18,8 @@
|
|
|
16
18
|
"Link",
|
|
17
19
|
"LinkButton",
|
|
18
20
|
"Octicon",
|
|
21
|
+
"Overlay",
|
|
22
|
+
"PageHeader",
|
|
19
23
|
"SegmentedControl",
|
|
20
24
|
"Spinner",
|
|
21
25
|
"Table",
|
|
@@ -25,6 +29,8 @@
|
|
|
25
29
|
"ThemeProvider",
|
|
26
30
|
"Timeline",
|
|
27
31
|
"ToggleSwitch",
|
|
32
|
+
"Token",
|
|
33
|
+
"Tooltip",
|
|
28
34
|
"Truncate",
|
|
29
35
|
"UnderlineNav"
|
|
30
36
|
],
|
|
@@ -43,6 +49,7 @@
|
|
|
43
49
|
"BreadcrumbsItemProps",
|
|
44
50
|
"BreadcrumbsProps",
|
|
45
51
|
"ButtonProps",
|
|
52
|
+
"CounterLabelProps",
|
|
46
53
|
"DataTableContainerProps",
|
|
47
54
|
"DialogHeaderProps",
|
|
48
55
|
"DialogProps",
|
|
@@ -53,6 +60,9 @@
|
|
|
53
60
|
"LinkButtonProps",
|
|
54
61
|
"LinkProps",
|
|
55
62
|
"OcticonProps",
|
|
63
|
+
"PageHeaderActionsProps",
|
|
64
|
+
"PageHeaderProps",
|
|
65
|
+
"PageHeaderTitleProps",
|
|
56
66
|
"SegmentedControlButtonProps",
|
|
57
67
|
"SegmentedControlIconButtonProps",
|
|
58
68
|
"SegmentedControlProps",
|
|
@@ -79,6 +89,8 @@
|
|
|
79
89
|
"TimelineItemProps",
|
|
80
90
|
"TimelineProps",
|
|
81
91
|
"ToggleSwitchProps",
|
|
92
|
+
"TokenProps",
|
|
93
|
+
"TooltipProps",
|
|
82
94
|
"TruncateProps",
|
|
83
95
|
"UnderlineNavItemProps",
|
|
84
96
|
"UnderlineNavProps"
|
package/dist/deprecated.d.ts
CHANGED
|
@@ -42,6 +42,17 @@ Octicon,
|
|
|
42
42
|
*/
|
|
43
43
|
type OcticonProps, } from './components/deprecated/Octicon';
|
|
44
44
|
export {
|
|
45
|
+
/**
|
|
46
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
47
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
48
|
+
*/
|
|
49
|
+
Tooltip,
|
|
50
|
+
/**
|
|
51
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
52
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
53
|
+
*/
|
|
54
|
+
type TooltipProps, } from './components/deprecated/Tooltip';
|
|
55
|
+
export {
|
|
45
56
|
/**
|
|
46
57
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
47
58
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
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;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW;AAEhB;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,gCAAgC,CAAA;AAEvC,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW;AAEhB;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,kCAAkC,CAAA;AAEzC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,iCAAiC,CAAA;AAExC,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,mBAAmB;AAExB;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,oCAAoC,CAAA"}
|
|
1
|
+
{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW;AAEhB;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,gCAAgC,CAAA;AAEvC,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW;AAEhB;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,kCAAkC,CAAA;AAEzC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,iCAAiC,CAAA;AAExC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,iCAAiC,CAAA;AAExC,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,mBAAmB;AAExB;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,oCAAoC,CAAA"}
|
package/dist/deprecated.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { TabNav } from './components/deprecated/TabNav.js';
|
|
2
2
|
export { Dialog } from './components/deprecated/DialogV1.js';
|
|
3
3
|
export { Octicon } from './components/deprecated/Octicon.js';
|
|
4
|
+
export { Tooltip } from './components/deprecated/Tooltip.js';
|
|
4
5
|
export { ActionList } from './components/deprecated/ActionList.js';
|
package/dist/experimental.d.ts
CHANGED
|
@@ -10,6 +10,38 @@ Dialog,
|
|
|
10
10
|
*/
|
|
11
11
|
type DialogProps, } from './components/Dialog';
|
|
12
12
|
export {
|
|
13
|
+
/**
|
|
14
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
15
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
16
|
+
*/
|
|
17
|
+
PageHeader,
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
20
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
21
|
+
*/
|
|
22
|
+
type PageHeaderProps,
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
25
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
26
|
+
*/
|
|
27
|
+
type PageHeaderActionsProps,
|
|
28
|
+
/**
|
|
29
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
30
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
31
|
+
*/
|
|
32
|
+
type PageHeaderTitleProps, } from './components/PageHeader';
|
|
33
|
+
export {
|
|
34
|
+
/**
|
|
35
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
36
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
37
|
+
*/
|
|
38
|
+
Tooltip,
|
|
39
|
+
/**
|
|
40
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
41
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
42
|
+
*/
|
|
43
|
+
type TooltipProps, } from './components/Tooltip';
|
|
44
|
+
export {
|
|
13
45
|
/**
|
|
14
46
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
15
47
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,KAAK;AAEL;;;GAGG;AACH,KAAK,uBAAuB;AAE5B;;;GAGG;AACH,KAAK,UAAU;AAEf;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,aAAa;AAElB;;;GAGG;AACH,KAAK,gBAAgB;AAErB;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,kBAAkB;AAEvB;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAA"}
|
|
1
|
+
{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,sBAAsB;AAE3B;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,sBAAsB,CAAA;AAE7B,OAAO;AACL;;;GAGG;AACH,KAAK;AAEL;;;GAGG;AACH,KAAK,uBAAuB;AAE5B;;;GAGG;AACH,KAAK,UAAU;AAEf;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,aAAa;AAElB;;;GAGG;AACH,KAAK,gBAAgB;AAErB;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,kBAAkB;AAEvB;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAA"}
|
package/dist/experimental.js
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -100,6 +100,12 @@ type ActionListTrailingVisualProps,
|
|
|
100
100
|
*/
|
|
101
101
|
type ActionListTrailingActionProps, } from './components/ActionList';
|
|
102
102
|
export {
|
|
103
|
+
/**
|
|
104
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
105
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
106
|
+
*/
|
|
107
|
+
ActionMenu, } from './components/ActionMenu';
|
|
108
|
+
export {
|
|
103
109
|
/**
|
|
104
110
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
105
111
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
@@ -132,6 +138,17 @@ ButtonComponent as Button,
|
|
|
132
138
|
*/
|
|
133
139
|
type ButtonComponentProps as ButtonProps, } from './components/Button';
|
|
134
140
|
export {
|
|
141
|
+
/**
|
|
142
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
143
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
144
|
+
*/
|
|
145
|
+
CounterLabel,
|
|
146
|
+
/**
|
|
147
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
148
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
149
|
+
*/
|
|
150
|
+
type CounterLabelProps, } from './components/CounterLabel';
|
|
151
|
+
export {
|
|
135
152
|
/**
|
|
136
153
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
137
154
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
@@ -221,6 +238,33 @@ LinkButton,
|
|
|
221
238
|
*/
|
|
222
239
|
type LinkButtonProps, } from './components/LinkButton';
|
|
223
240
|
export {
|
|
241
|
+
/**
|
|
242
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
243
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
244
|
+
*/
|
|
245
|
+
Overlay, } from './components/Overlay';
|
|
246
|
+
export {
|
|
247
|
+
/**
|
|
248
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
249
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
250
|
+
*/
|
|
251
|
+
PageHeader,
|
|
252
|
+
/**
|
|
253
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
254
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
255
|
+
*/
|
|
256
|
+
type PageHeaderProps,
|
|
257
|
+
/**
|
|
258
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
259
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
260
|
+
*/
|
|
261
|
+
type PageHeaderActionsProps,
|
|
262
|
+
/**
|
|
263
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
264
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
265
|
+
*/
|
|
266
|
+
type PageHeaderTitleProps, } from './components/PageHeader';
|
|
267
|
+
export {
|
|
224
268
|
/**
|
|
225
269
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
226
270
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
@@ -322,6 +366,28 @@ ToggleSwitch,
|
|
|
322
366
|
*/
|
|
323
367
|
type ToggleSwitchProps, } from './components/ToggleSwitch';
|
|
324
368
|
export {
|
|
369
|
+
/**
|
|
370
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
371
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
372
|
+
*/
|
|
373
|
+
Tooltip,
|
|
374
|
+
/**
|
|
375
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
376
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
377
|
+
*/
|
|
378
|
+
type TooltipProps, } from './components/Tooltip';
|
|
379
|
+
export {
|
|
380
|
+
/**
|
|
381
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
382
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
383
|
+
*/
|
|
384
|
+
Token,
|
|
385
|
+
/**
|
|
386
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
387
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
388
|
+
*/
|
|
389
|
+
type TokenProps, } from './components/Token';
|
|
390
|
+
export {
|
|
325
391
|
/**
|
|
326
392
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
327
393
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
package/dist/index.d.ts.map
CHANGED
|
@@ -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
|
@@ -5,8 +5,10 @@ export { BaseStyles } from './components/BaseStyles.js';
|
|
|
5
5
|
export { theme } from '@primer/react';
|
|
6
6
|
export { get as themeGet } from './theme-get.js';
|
|
7
7
|
export { ActionList } from './components/ActionList.js';
|
|
8
|
+
export { ActionMenu } from './components/ActionMenu.js';
|
|
8
9
|
export { Breadcrumb, Breadcrumbs } from './components/Breadcrumbs.js';
|
|
9
10
|
export { ButtonComponent as Button } from './components/Button.js';
|
|
11
|
+
export { CounterLabel } from './components/CounterLabel.js';
|
|
10
12
|
export { Dialog } from './components/Dialog.js';
|
|
11
13
|
export { Flash } from './components/Flash.js';
|
|
12
14
|
export { FormControl } from './components/FormControl.js';
|
|
@@ -16,12 +18,16 @@ export { IconButton } from './components/IconButton.js';
|
|
|
16
18
|
export { Label } from './components/Label.js';
|
|
17
19
|
export { Link } from './components/Link.js';
|
|
18
20
|
export { LinkButton } from './components/LinkButton.js';
|
|
21
|
+
export { Overlay } from './components/Overlay.js';
|
|
22
|
+
export { PageHeader } from './components/PageHeader.js';
|
|
19
23
|
export { SegmentedControl } from './components/SegmentedControl.js';
|
|
20
24
|
export { Spinner } from './components/Spinner.js';
|
|
21
25
|
export { Text } from './components/Text.js';
|
|
22
26
|
export { TextInput } from './components/TextInput.js';
|
|
23
27
|
export { Timeline } from './components/Timeline.js';
|
|
24
28
|
export { ToggleSwitch } from './components/ToggleSwitch.js';
|
|
29
|
+
export { Tooltip } from './components/Tooltip.js';
|
|
30
|
+
export { Token } from './components/Token.js';
|
|
25
31
|
export { Truncate } from './components/Truncate.js';
|
|
26
32
|
export { UnderlineNav } from './components/UnderlineNav.js';
|
|
27
33
|
export { sx } from './sx.js';
|
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-20260414013428",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@babel/preset-react": "^7.28.5",
|
|
50
50
|
"@babel/preset-typescript": "^7.28.5",
|
|
51
51
|
"@primer/primitives": "10.x || 11.x",
|
|
52
|
-
"@primer/react": "0.0.0-
|
|
52
|
+
"@primer/react": "0.0.0-20260414013428",
|
|
53
53
|
"@rollup/plugin-babel": "^6.1.0",
|
|
54
54
|
"@storybook/react-vite": "^10.3.3",
|
|
55
55
|
"@types/react": "18.3.11",
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"typescript": "^5.9.2"
|
|
71
71
|
},
|
|
72
72
|
"peerDependencies": {
|
|
73
|
-
"@primer/react": "0.0.0-
|
|
73
|
+
"@primer/react": "0.0.0-20260414013428",
|
|
74
74
|
"@types/react": "18.x || 19.x",
|
|
75
75
|
"@types/react-dom": "18.x || 19.x",
|
|
76
76
|
"@types/react-is": "18.x || 19.x",
|