@primer/styled-react 0.0.0-20251006232932 → 0.0.0-20251006233517
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/Autocomplete.d.ts +4 -2
- package/dist/components/Autocomplete.d.ts.map +1 -1
- package/dist/components/{deprecated/DialogV1.d.ts → DialogV1.d.ts} +2 -2
- package/dist/components/DialogV1.d.ts.map +1 -0
- package/dist/components/PageLayout.d.ts +18 -0
- package/dist/components/PageLayout.d.ts.map +1 -0
- package/dist/components/Select.d.ts +8 -0
- package/dist/components/Select.d.ts.map +1 -0
- package/dist/components/{deprecated/TabNav.d.ts → TabNav.d.ts} +1 -1
- package/dist/components/TabNav.d.ts.map +1 -0
- package/dist/components/TextInput.d.ts +20 -0
- package/dist/components/TextInput.d.ts.map +1 -0
- package/dist/components/Textarea.d.ts +9 -0
- package/dist/components/Textarea.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 +4 -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 +4 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +115 -5
- 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 };
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import { Autocomplete as PrimerAutocomplete, type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps } from '@primer/react';
|
|
1
|
+
import { Autocomplete as PrimerAutocomplete, type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps, type AutocompleteInputProps as PrimerAutocompleteInputProps } from '@primer/react';
|
|
2
2
|
import { type SxProp } from '../sx';
|
|
3
3
|
import type { ComponentProps } from 'react';
|
|
4
4
|
export type AutocompleteOverlayProps = PrimerAutocompleteOverlayProps & SxProp;
|
|
5
5
|
declare const AutocompleteOverlay: React.ComponentType<AutocompleteOverlayProps>;
|
|
6
|
+
export type AutocompleteInputProps = PrimerAutocompleteInputProps & SxProp;
|
|
7
|
+
declare const AutocompleteInput: React.ComponentType<AutocompleteInputProps>;
|
|
6
8
|
interface AutocompleteExport {
|
|
7
9
|
(props: ComponentProps<typeof PrimerAutocomplete>): React.ReactNode;
|
|
8
10
|
Context: typeof PrimerAutocomplete.Context;
|
|
9
|
-
Input: typeof
|
|
11
|
+
Input: typeof AutocompleteInput;
|
|
10
12
|
Menu: typeof PrimerAutocomplete.Menu;
|
|
11
13
|
Overlay: typeof AutocompleteOverlay;
|
|
12
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,kBAAkB,EAClC,KAAK,wBAAwB,IAAI,8BAA8B,
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,kBAAkB,EAClC,KAAK,wBAAwB,IAAI,8BAA8B,EAC/D,KAAK,sBAAsB,IAAI,4BAA4B,EAC5D,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,MAAM,MAAM,wBAAwB,GAAG,8BAA8B,GAAG,MAAM,CAAA;AAE9E,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAMtE,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAIlE,CAAA;AAED,UAAU,kBAAkB;IAC1B,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACnE,OAAO,EAAE,OAAO,kBAAkB,CAAC,OAAO,CAAA;IAC1C,KAAK,EAAE,OAAO,iBAAiB,CAAA;IAC/B,IAAI,EAAE,OAAO,kBAAkB,CAAC,IAAI,CAAA;IACpC,OAAO,EAAE,OAAO,mBAAmB,CAAA;CACpC;AAED,QAAA,MAAM,YAAY,EAAE,kBAKlB,CAAA;AAEF,OAAO,EAAC,YAAY,EAAC,CAAA"}
|
|
@@ -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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React, { type PropsWithChildren } from 'react';
|
|
2
|
+
import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps } from '@primer/react';
|
|
3
|
+
import { type SxProp } from '../sx';
|
|
4
|
+
type PageLayoutProps = PropsWithChildren<PrimerPageLayoutProps> & SxProp;
|
|
5
|
+
declare const PageLayout: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
|
|
6
|
+
children?: React.ReactNode | undefined;
|
|
7
|
+
} & SxProp & React.RefAttributes<HTMLDivElement>> & {
|
|
8
|
+
Content: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
|
|
9
|
+
children?: React.ReactNode | undefined;
|
|
10
|
+
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Header: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutHeaderProps>>;
|
|
12
|
+
Pane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
|
|
13
|
+
children?: React.ReactNode | undefined;
|
|
14
|
+
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
Footer: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutFooterProps>>;
|
|
16
|
+
};
|
|
17
|
+
export { PageLayout, type PageLayoutProps };
|
|
18
|
+
//# sourceMappingURL=PageLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,sBAAsB,IAAI,4BAA4B,EACtD,mBAAmB,IAAI,yBAAyB,EACjD,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAmBxE,QAAA,MAAM,UAAU;;;;;;;;;;;CAKd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type SelectProps as PrimerSelectProps } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
type SelectProps = PrimerSelectProps & SxProp & {
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
};
|
|
6
|
+
declare const Select: ({ as, ...props }: SelectProps) => import("react").JSX.Element;
|
|
7
|
+
export { Select, type SelectProps };
|
|
8
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAIrC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAOxE,QAAA,MAAM,MAAM,GAAI,kBAAgB,WAAW,gCAE1C,CAAA;AAED,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type TextInputProps as PrimerTextInputProps, type TextInputActionProps as PrimerTextInputActionProps } from '@primer/react';
|
|
2
|
+
import type { SxProp } from '../sx';
|
|
3
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
4
|
+
export type TextInputProps = PrimerTextInputProps & SxProp & {
|
|
5
|
+
as?: React.ElementType;
|
|
6
|
+
};
|
|
7
|
+
export type TextInputActionProps = PrimerTextInputActionProps & SxProp;
|
|
8
|
+
declare const TextInputAction: ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "size" | "aria-label" | "tooltipDirection"> & {
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
"aria-label"?: string;
|
|
11
|
+
tooltipDirection?: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
|
|
12
|
+
icon?: React.FunctionComponent<React.PropsWithChildren<import("@primer/octicons-react").IconProps>>;
|
|
13
|
+
variant?: import("@primer/react").ButtonProps["variant"];
|
|
14
|
+
} & SxProp & RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
type TextInputComposite = ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>> & {
|
|
16
|
+
Action: typeof TextInputAction;
|
|
17
|
+
};
|
|
18
|
+
export declare const TextInput: TextInputComposite;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,IAAI,oBAAoB,EAC3C,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,yBAAyB,EAAE,aAAa,EAAC,MAAM,OAAO,CAAA;AAEnE,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AACrF,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,GAAG,MAAM,CAAA;AAUtE,QAAA,MAAM,eAAe;;;;;;8CAEnB,CAAA;AAEF,KAAK,kBAAkB,GAAG,yBAAyB,CAAC,cAAc,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC,GAAG;IACtG,MAAM,EAAE,OAAO,eAAe,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,kBAEtB,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type TextareaProps as PrimerTextareaProps } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
|
+
type TextareaProps = PrimerTextareaProps & SxProp & {
|
|
5
|
+
as?: React.ElementType;
|
|
6
|
+
};
|
|
7
|
+
declare const Textarea: ForwardRefComponent<"textarea", TextareaProps>;
|
|
8
|
+
export { Textarea, type TextareaProps };
|
|
9
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,IAAI,mBAAmB,EAAC,MAAM,eAAe,CAAA;AAEnG,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,aAAa,GAAG,mBAAmB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQ5E,QAAA,MAAM,QAAQ,EAER,mBAAmB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;AAEpD,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,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
|
@@ -79,11 +79,13 @@
|
|
|
79
79
|
"PageHeaderActionsProps",
|
|
80
80
|
"PageHeaderProps",
|
|
81
81
|
"PageHeaderTitleProps",
|
|
82
|
+
"PageLayoutProps",
|
|
82
83
|
"RadioGroupProps",
|
|
83
84
|
"RelativeTimeProps",
|
|
84
85
|
"SegmentedControlButtonProps",
|
|
85
86
|
"SegmentedControlIconButtonProps",
|
|
86
87
|
"SegmentedControlProps",
|
|
88
|
+
"SelectProps",
|
|
87
89
|
"SpinnerProps",
|
|
88
90
|
"StateLabelProps",
|
|
89
91
|
"SubNavLinkProps",
|
|
@@ -100,6 +102,8 @@
|
|
|
100
102
|
"TableTitleProps",
|
|
101
103
|
"TabNavLinkProps",
|
|
102
104
|
"TabNavProps",
|
|
105
|
+
"TextareaProps",
|
|
106
|
+
"TextInputActionProps",
|
|
103
107
|
"TextInputProps",
|
|
104
108
|
"TextProps",
|
|
105
109
|
"TimelineBadgeProps",
|
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, type OcticonProps } from './components/Octicon';
|
|
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,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,iBAAiB,IAAI,OAAO,EAAE,KAAK,sBAAsB,IAAI,YAAY,EAAC,MAAM,sBAAsB,CAAA"}
|
package/dist/deprecated.js
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { TabNav as TabNav$1, Dialog as Dialog$1, Octicon as Octicon$1
|
|
1
|
+
import { TabNav as TabNav$1, Dialog as Dialog$1, Octicon as Octicon$1 } from '@primer/react/deprecated';
|
|
2
2
|
import { sx, Box } from '@primer/react';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
import { forwardRef } from 'react';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
export { D as Tooltip } from './Tooltip-YuSlJ5b_.js';
|
|
6
7
|
|
|
7
8
|
const StyledTabNav = styled(TabNav$1).withConfig({
|
|
8
9
|
shouldForwardProp: prop => prop !== 'sx'
|
|
9
10
|
}).withConfig({
|
|
10
11
|
displayName: "TabNav__StyledTabNav",
|
|
11
|
-
componentId: "sc-
|
|
12
|
+
componentId: "sc-v7az9x-0"
|
|
12
13
|
})(["", ""], sx);
|
|
13
14
|
const TabNavImpl = ({
|
|
14
15
|
as,
|
|
@@ -25,7 +26,7 @@ const StyledTabNavLink = styled(TabNav$1.Link).withConfig({
|
|
|
25
26
|
shouldForwardProp: prop => prop !== 'sx'
|
|
26
27
|
}).withConfig({
|
|
27
28
|
displayName: "TabNav__StyledTabNavLink",
|
|
28
|
-
componentId: "sc-
|
|
29
|
+
componentId: "sc-v7az9x-1"
|
|
29
30
|
})(["", ""], sx);
|
|
30
31
|
const TabNavLink = /*#__PURE__*/forwardRef(({
|
|
31
32
|
as,
|
|
@@ -111,69 +112,4 @@ const Octicon = /*#__PURE__*/forwardRef(({
|
|
|
111
112
|
});
|
|
112
113
|
});
|
|
113
114
|
|
|
114
|
-
|
|
115
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
116
|
-
}).withConfig({
|
|
117
|
-
displayName: "Tooltip__StyledTooltip",
|
|
118
|
-
componentId: "sc-145jcib-0"
|
|
119
|
-
})(["", ""], sx);
|
|
120
|
-
const TooltipImpl = /*#__PURE__*/forwardRef(function Tooltip({
|
|
121
|
-
as,
|
|
122
|
-
...props
|
|
123
|
-
}, ref) {
|
|
124
|
-
return /*#__PURE__*/jsx(StyledTooltip, {
|
|
125
|
-
...props,
|
|
126
|
-
...(as ? {
|
|
127
|
-
forwardedAs: as
|
|
128
|
-
} : {}),
|
|
129
|
-
ref: ref
|
|
130
|
-
});
|
|
131
|
-
});
|
|
132
|
-
const Tooltip = TooltipImpl;
|
|
133
|
-
|
|
134
|
-
// Preserve static properties from the original component
|
|
135
|
-
Tooltip.alignments = Tooltip$1.alignments;
|
|
136
|
-
Tooltip.directions = Tooltip$1.directions;
|
|
137
|
-
|
|
138
|
-
const ActionListImpl = /*#__PURE__*/forwardRef(function ActionList(props, ref) {
|
|
139
|
-
return /*#__PURE__*/jsx(Box, {
|
|
140
|
-
as: ActionList$1,
|
|
141
|
-
ref: ref,
|
|
142
|
-
...props
|
|
143
|
-
});
|
|
144
|
-
});
|
|
145
|
-
const StyledActionListItem = styled(ActionList$1.Item).withConfig({
|
|
146
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
147
|
-
}).withConfig({
|
|
148
|
-
displayName: "ActionList__StyledActionListItem",
|
|
149
|
-
componentId: "sc-1ugfmds-0"
|
|
150
|
-
})(["", ""], sx);
|
|
151
|
-
const ActionListItem = /*#__PURE__*/forwardRef(({
|
|
152
|
-
as,
|
|
153
|
-
...props
|
|
154
|
-
}, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
|
|
155
|
-
...props,
|
|
156
|
-
...(as ? {
|
|
157
|
-
forwardedAs: as
|
|
158
|
-
} : {}),
|
|
159
|
-
ref: ref
|
|
160
|
-
}));
|
|
161
|
-
function ActionListGroup(props) {
|
|
162
|
-
return /*#__PURE__*/jsx(Box, {
|
|
163
|
-
as: ActionList$1.Group,
|
|
164
|
-
...props
|
|
165
|
-
});
|
|
166
|
-
}
|
|
167
|
-
function ActionListDivider(props) {
|
|
168
|
-
return /*#__PURE__*/jsx(Box, {
|
|
169
|
-
as: ActionList$1.Divider,
|
|
170
|
-
...props
|
|
171
|
-
});
|
|
172
|
-
}
|
|
173
|
-
const ActionList = Object.assign(ActionListImpl, {
|
|
174
|
-
Item: ActionListItem,
|
|
175
|
-
Group: ActionListGroup,
|
|
176
|
-
Divider: ActionListDivider
|
|
177
|
-
});
|
|
178
|
-
|
|
179
|
-
export { ActionList, Dialog, Octicon, TabNav, Tooltip };
|
|
115
|
+
export { Dialog, Octicon, 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
|
@@ -4,11 +4,6 @@ export { Details } from '@primer/react';
|
|
|
4
4
|
export { FormControl } from '@primer/react';
|
|
5
5
|
export { IconButton } from '@primer/react';
|
|
6
6
|
export { ProgressBar } from '@primer/react';
|
|
7
|
-
export { PageLayout } from '@primer/react';
|
|
8
|
-
export { Select } from '@primer/react';
|
|
9
|
-
export { Textarea } from '@primer/react';
|
|
10
|
-
export { TextInput } from '@primer/react';
|
|
11
|
-
export { type TextInputProps } from '@primer/react';
|
|
12
7
|
export { ThemeProvider } from '@primer/react';
|
|
13
8
|
export { merge } from '@primer/react';
|
|
14
9
|
export { theme } from '@primer/react';
|
|
@@ -33,14 +28,18 @@ export { Link, type LinkProps } from './components/Link';
|
|
|
33
28
|
export { LinkButton, type LinkButtonProps } from './components/LinkButton';
|
|
34
29
|
export { NavList, type NavListProps } from './components/NavList';
|
|
35
30
|
export { Overlay } from './components/Overlay';
|
|
31
|
+
export { PageLayout, type PageLayoutProps } from './components/PageLayout';
|
|
36
32
|
export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
|
|
37
33
|
export { RadioGroup, type RadioGroupProps } from './components/RadioGroup';
|
|
38
34
|
export { RelativeTime, type RelativeTimeProps } from './components/RelativeTime';
|
|
39
35
|
export { SegmentedControl, type SegmentedControlProps, type SegmentedControlButtonProps, type SegmentedControlIconButtonProps, } from './components/SegmentedControl';
|
|
36
|
+
export { Select, type SelectProps } from './components/Select';
|
|
40
37
|
export { Spinner, type SpinnerProps } from './components/Spinner';
|
|
41
38
|
export { StateLabel, type StateLabelProps } from './components/StateLabel';
|
|
42
39
|
export { SubNav, type SubNavProps, type SubNavLinkProps } from './components/SubNav';
|
|
43
40
|
export { Text, type TextProps } from './components/Text';
|
|
41
|
+
export { Textarea, type TextareaProps } from './components/Textarea';
|
|
42
|
+
export { TextInput, type TextInputProps, type TextInputActionProps } from './components/TextInput';
|
|
44
43
|
export { Timeline, type TimelineProps, type TimelineItemProps, type TimelineBadgeProps, type TimelineBodyProps, type TimelineBreakProps, } from './components/Timeline';
|
|
45
44
|
export { ToggleSwitch, type ToggleSwitchProps } from './components/ToggleSwitch';
|
|
46
45
|
export { Tooltip, type TooltipProps } from './components/Tooltip';
|
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,GAAG,EAAE,KAAK,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AACrC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;
|
|
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,12 @@
|
|
|
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,
|
|
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, PageLayout as PageLayout$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1, Select as Select$1, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Text as Text$1, Textarea as Textarea$1, TextInput as TextInput$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, ProgressBar, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
|
|
3
3
|
import React, { forwardRef } from 'react';
|
|
4
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';
|
|
8
10
|
|
|
9
11
|
const StyledActionList = styled(ActionList$1).withConfig({
|
|
10
12
|
shouldForwardProp: prop => prop !== 'sx'
|
|
@@ -123,9 +125,15 @@ const AutocompleteOverlay = styled(Autocomplete$1.Overlay).withConfig({
|
|
|
123
125
|
displayName: "Autocomplete__AutocompleteOverlay",
|
|
124
126
|
componentId: "sc-j8ax2e-0"
|
|
125
127
|
})(["", ""], sx);
|
|
128
|
+
const AutocompleteInput = styled(Autocomplete$1.Input).withConfig({
|
|
129
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
130
|
+
}).withConfig({
|
|
131
|
+
displayName: "Autocomplete__AutocompleteInput",
|
|
132
|
+
componentId: "sc-j8ax2e-1"
|
|
133
|
+
})(["", ""], sx);
|
|
126
134
|
const Autocomplete = Object.assign(Autocomplete$1, {
|
|
127
135
|
Context: Autocomplete$1.Context,
|
|
128
|
-
Input:
|
|
136
|
+
Input: AutocompleteInput,
|
|
129
137
|
Menu: Autocomplete$1.Menu,
|
|
130
138
|
Overlay: AutocompleteOverlay
|
|
131
139
|
});
|
|
@@ -390,6 +398,39 @@ const Overlay = styled(Overlay$1).withConfig({
|
|
|
390
398
|
componentId: "sc-tjbd74-0"
|
|
391
399
|
})(["", ""], sx);
|
|
392
400
|
|
|
401
|
+
const Wrapper = styled.div.withConfig({
|
|
402
|
+
displayName: "PageLayout__Wrapper",
|
|
403
|
+
componentId: "sc-pjybtc-0"
|
|
404
|
+
})(["", ""], sx);
|
|
405
|
+
const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
406
|
+
// @ts-expect-error - PrimerPageLayout is not recognized as a valid component type
|
|
407
|
+
return /*#__PURE__*/jsx(Wrapper, {
|
|
408
|
+
as: PageLayout$1,
|
|
409
|
+
ref: ref,
|
|
410
|
+
...props
|
|
411
|
+
});
|
|
412
|
+
});
|
|
413
|
+
const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
414
|
+
return /*#__PURE__*/jsx(Wrapper, {
|
|
415
|
+
as: PageLayout$1.Content,
|
|
416
|
+
ref: ref,
|
|
417
|
+
...props
|
|
418
|
+
});
|
|
419
|
+
});
|
|
420
|
+
const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
421
|
+
return /*#__PURE__*/jsx(Wrapper, {
|
|
422
|
+
as: PageLayout$1.Pane,
|
|
423
|
+
ref: ref,
|
|
424
|
+
...props
|
|
425
|
+
});
|
|
426
|
+
});
|
|
427
|
+
const PageLayout = Object.assign(PageLayoutImpl, {
|
|
428
|
+
Content: PageLayoutContent,
|
|
429
|
+
Header: PageLayout$1.Header,
|
|
430
|
+
Pane: PageLayoutPane,
|
|
431
|
+
Footer: PageLayout$1.Footer
|
|
432
|
+
});
|
|
433
|
+
|
|
393
434
|
const RadioGroupImpl = props => {
|
|
394
435
|
return /*#__PURE__*/jsx(Box, {
|
|
395
436
|
as: RadioGroup$1,
|
|
@@ -454,6 +495,24 @@ const SegmentedControl = Object.assign(SegmentedControlImpl, {
|
|
|
454
495
|
IconButton: SegmentedControlIconButton
|
|
455
496
|
});
|
|
456
497
|
|
|
498
|
+
const StyledSelect = styled(Select$1).withConfig({
|
|
499
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
500
|
+
}).withConfig({
|
|
501
|
+
displayName: "Select__StyledSelect",
|
|
502
|
+
componentId: "sc-1pyiuc8-0"
|
|
503
|
+
})(["", ""], sx);
|
|
504
|
+
const Select = ({
|
|
505
|
+
as,
|
|
506
|
+
...props
|
|
507
|
+
}) => {
|
|
508
|
+
return /*#__PURE__*/jsx(StyledSelect, {
|
|
509
|
+
...props,
|
|
510
|
+
...(as ? {
|
|
511
|
+
forwardedAs: as
|
|
512
|
+
} : {})
|
|
513
|
+
});
|
|
514
|
+
};
|
|
515
|
+
|
|
457
516
|
function Spinner(props) {
|
|
458
517
|
return /*#__PURE__*/jsx(Box, {
|
|
459
518
|
as: Spinner$1,
|
|
@@ -507,6 +566,57 @@ const Text = /*#__PURE__*/forwardRef(({
|
|
|
507
566
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
508
567
|
});
|
|
509
568
|
|
|
569
|
+
const StyledTextarea = styled(Textarea$1).withConfig({
|
|
570
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
571
|
+
}).withConfig({
|
|
572
|
+
displayName: "Textarea__StyledTextarea",
|
|
573
|
+
componentId: "sc-40d1gp-0"
|
|
574
|
+
})(["", ""], sx);
|
|
575
|
+
const Textarea = /*#__PURE__*/forwardRef(({
|
|
576
|
+
as,
|
|
577
|
+
...props
|
|
578
|
+
}, ref) => {
|
|
579
|
+
return /*#__PURE__*/jsx(StyledTextarea, {
|
|
580
|
+
...props,
|
|
581
|
+
...(as ? {
|
|
582
|
+
forwardedAs: as
|
|
583
|
+
} : {}),
|
|
584
|
+
ref: ref
|
|
585
|
+
});
|
|
586
|
+
});
|
|
587
|
+
|
|
588
|
+
const StyledTextInput = /*#__PURE__*/forwardRef((props, ref) => {
|
|
589
|
+
return /*#__PURE__*/jsx(Box, {
|
|
590
|
+
as: TextInput$1,
|
|
591
|
+
ref: ref,
|
|
592
|
+
...props
|
|
593
|
+
});
|
|
594
|
+
});
|
|
595
|
+
const TextInputImpl = /*#__PURE__*/forwardRef(({
|
|
596
|
+
as,
|
|
597
|
+
...props
|
|
598
|
+
}, ref) => {
|
|
599
|
+
return /*#__PURE__*/jsx(StyledTextInput, {
|
|
600
|
+
ref: ref,
|
|
601
|
+
...props,
|
|
602
|
+
...(as ? {
|
|
603
|
+
forwardedAs: as
|
|
604
|
+
} : {})
|
|
605
|
+
});
|
|
606
|
+
});
|
|
607
|
+
const TextInputAction = /*#__PURE__*/forwardRef((props, ref) => {
|
|
608
|
+
return /*#__PURE__*/jsx(Box, {
|
|
609
|
+
as: TextInput$1.Action,
|
|
610
|
+
ref: ref,
|
|
611
|
+
...props
|
|
612
|
+
});
|
|
613
|
+
});
|
|
614
|
+
const TextInput = Object.assign(TextInputImpl, {
|
|
615
|
+
Action: TextInputAction
|
|
616
|
+
});
|
|
617
|
+
TextInputAction.displayName = 'TextInputAction';
|
|
618
|
+
TextInputImpl.displayName = 'TextInput';
|
|
619
|
+
|
|
510
620
|
const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
|
|
511
621
|
return /*#__PURE__*/jsx(Box, {
|
|
512
622
|
as: Timeline$1,
|
|
@@ -630,4 +740,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
|
|
|
630
740
|
Item: UnderlineNavItem
|
|
631
741
|
});
|
|
632
742
|
|
|
633
|
-
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 };
|
|
743
|
+
export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, RadioGroup, RelativeTime, SegmentedControl, Select, Spinner, StateLabel, SubNav, Text, TextInput, Textarea, 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-20251006233517",
|
|
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-20251006233517",
|
|
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-20251006233517",
|
|
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"}
|