@primer/styled-react 0.0.0-20251030204325 → 0.0.0-20251030204841
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/Dialog.d.ts +5 -16
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +15 -62
- package/dist/components/FeatureFlaggedTheming.d.ts +9 -0
- package/dist/components/FeatureFlaggedTheming.d.ts.map +1 -0
- package/dist/components/FeatureFlaggedTheming.js +54 -0
- package/dist/index.d.ts +2 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -4
- package/package.json +5 -19
- package/dist/theme-get.d.ts +0 -2
- package/dist/theme-get.d.ts.map +0 -1
- package/dist/theme-get.js +0 -10
|
@@ -1,27 +1,16 @@
|
|
|
1
1
|
import type { DialogProps as PrimerDialogProps } from '@primer/react';
|
|
2
2
|
import type { SxProp } from '../sx';
|
|
3
3
|
import { type PropsWithChildren } from 'react';
|
|
4
|
-
type DialogProps = PropsWithChildren<PrimerDialogProps> & SxProp
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
type StyledBodyProps = React.ComponentProps<'div'> & SxProp & {
|
|
8
|
-
as?: React.ElementType;
|
|
9
|
-
};
|
|
10
|
-
type StyledFooterProps = React.ComponentProps<'div'> & SxProp & {
|
|
11
|
-
as?: React.ElementType;
|
|
12
|
-
};
|
|
4
|
+
type DialogProps = PropsWithChildren<PrimerDialogProps> & SxProp;
|
|
5
|
+
type StyledBodyProps = React.ComponentProps<'div'> & SxProp;
|
|
6
|
+
type StyledFooterProps = React.ComponentProps<'div'> & SxProp;
|
|
13
7
|
declare const Dialog: import("react").ForwardRefExoticComponent<PrimerDialogProps & {
|
|
14
8
|
children?: import("react").ReactNode | undefined;
|
|
15
|
-
} & SxProp & {
|
|
16
|
-
as?: React.ElementType;
|
|
17
|
-
} & import("react").RefAttributes<HTMLDivElement>> & {
|
|
18
|
-
__SLOT__: symbol;
|
|
9
|
+
} & SxProp & import("react").RefAttributes<HTMLDivElement>> & {
|
|
19
10
|
Buttons: import("react").FC<PropsWithChildren<{
|
|
20
11
|
buttons: import("@primer/react").DialogButtonProps[];
|
|
21
12
|
}>>;
|
|
22
|
-
Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp &
|
|
23
|
-
as?: React.ElementType;
|
|
24
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
+
Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & import("react").RefAttributes<HTMLDivElement>>;
|
|
25
14
|
Body: import("react").ForwardRefExoticComponent<Omit<StyledBodyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
26
15
|
Footer: import("react").ForwardRefExoticComponent<Omit<StyledFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,EAA4C,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEvF,KAAK,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAA;AAahE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAO3D,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAM7D,QAAA,MAAM,MAAM;;;;;;;;;CAKV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}
|
|
@@ -1,86 +1,39 @@
|
|
|
1
1
|
import { Dialog as Dialog$1 } from '@primer/react';
|
|
2
|
-
import
|
|
3
|
-
import styled from 'styled-components';
|
|
2
|
+
import Box from './Box.js';
|
|
4
3
|
import { forwardRef } from 'react';
|
|
5
4
|
import { jsx } from 'react/jsx-runtime';
|
|
6
5
|
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
componentId: "sc-19zph8h-0"
|
|
12
|
-
})(["", ""], sx);
|
|
13
|
-
const DialogImpl = /*#__PURE__*/forwardRef(function Dialog({
|
|
14
|
-
as,
|
|
15
|
-
...props
|
|
16
|
-
}, ref) {
|
|
17
|
-
return /*#__PURE__*/jsx(StyledDialog, {
|
|
6
|
+
const DialogImpl = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
|
|
7
|
+
// @ts-expect-error - PrimerDialog is not recognized as a valid component type
|
|
8
|
+
return /*#__PURE__*/jsx(Box, {
|
|
9
|
+
as: Dialog$1,
|
|
18
10
|
ref: ref,
|
|
19
|
-
...(as ? {
|
|
20
|
-
forwardedAs: as
|
|
21
|
-
} : {}),
|
|
22
11
|
...props
|
|
23
12
|
});
|
|
24
13
|
});
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
displayName: "Dialog__StyledDialogHeader",
|
|
29
|
-
componentId: "sc-19zph8h-1"
|
|
30
|
-
})(["", ""], sx);
|
|
31
|
-
const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader({
|
|
32
|
-
as,
|
|
33
|
-
...props
|
|
34
|
-
}, ref) {
|
|
35
|
-
return /*#__PURE__*/jsx(StyledDialogHeader, {
|
|
14
|
+
const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
|
|
15
|
+
return /*#__PURE__*/jsx(Box, {
|
|
16
|
+
as: Dialog$1.Header,
|
|
36
17
|
ref: ref,
|
|
37
|
-
...(as ? {
|
|
38
|
-
forwardedAs: as
|
|
39
|
-
} : {}),
|
|
40
18
|
...props
|
|
41
19
|
});
|
|
42
20
|
});
|
|
43
|
-
const
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
componentId: "sc-19zph8h-2"
|
|
48
|
-
})(["", ""], sx);
|
|
49
|
-
const DialogBody = /*#__PURE__*/forwardRef(function DialogBody({
|
|
50
|
-
as,
|
|
51
|
-
...props
|
|
52
|
-
}, ref) {
|
|
53
|
-
return /*#__PURE__*/jsx(StyledDialogBody, {
|
|
21
|
+
const DialogBody = /*#__PURE__*/forwardRef(function DialogBody(props, ref) {
|
|
22
|
+
// @ts-expect-error - PrimerDialog.Body is not recognized as a valid component type
|
|
23
|
+
return /*#__PURE__*/jsx(Box, {
|
|
24
|
+
as: Dialog$1.Body,
|
|
54
25
|
ref: ref,
|
|
55
|
-
...(as ? {
|
|
56
|
-
forwardedAs: as
|
|
57
|
-
} : {}),
|
|
58
26
|
...props
|
|
59
27
|
});
|
|
60
28
|
});
|
|
61
|
-
const
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
displayName: "Dialog__StyledDialogFooter",
|
|
65
|
-
componentId: "sc-19zph8h-3"
|
|
66
|
-
})(["", ""], sx);
|
|
67
|
-
const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter({
|
|
68
|
-
as,
|
|
69
|
-
...props
|
|
70
|
-
}, ref) {
|
|
71
|
-
return /*#__PURE__*/jsx(StyledDialogFooter, {
|
|
29
|
+
const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
|
|
30
|
+
return /*#__PURE__*/jsx(Box, {
|
|
31
|
+
as: Dialog$1.Footer,
|
|
72
32
|
ref: ref,
|
|
73
|
-
...(as ? {
|
|
74
|
-
forwardedAs: as
|
|
75
|
-
} : {}),
|
|
76
33
|
...props
|
|
77
34
|
});
|
|
78
35
|
});
|
|
79
|
-
DialogHeader.__SLOT__ = Dialog$1.Header.__SLOT__;
|
|
80
|
-
DialogBody.__SLOT__ = Dialog$1.Body.__SLOT__;
|
|
81
|
-
DialogFooter.__SLOT__ = Dialog$1.Footer.__SLOT__;
|
|
82
36
|
const Dialog = Object.assign(DialogImpl, {
|
|
83
|
-
__SLOT__: Dialog$1['__SLOT__'],
|
|
84
37
|
Buttons: Dialog$1.Buttons,
|
|
85
38
|
Header: DialogHeader,
|
|
86
39
|
Body: DialogBody,
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { useTheme as primerReactUseTheme, useColorSchemeVar as primerReactUseColorSchemeVar } from '@primer/react';
|
|
2
|
+
import { type ThemeProviderProps } from './ThemeProvider';
|
|
3
|
+
import { type BaseStylesProps } from './BaseStyles';
|
|
4
|
+
export declare const ThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
|
|
5
|
+
export declare const BaseStyles: React.FC<React.PropsWithChildren<BaseStylesProps>>;
|
|
6
|
+
export declare const useTheme: typeof primerReactUseTheme;
|
|
7
|
+
export declare const useColorSchemeVar: typeof primerReactUseColorSchemeVar;
|
|
8
|
+
export type { ThemeProviderProps, BaseStylesProps };
|
|
9
|
+
//# sourceMappingURL=FeatureFlaggedTheming.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeatureFlaggedTheming.d.ts","sourceRoot":"","sources":["../../src/components/FeatureFlaggedTheming.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,IAAI,mBAAmB,EAC/B,iBAAiB,IAAI,4BAA4B,EAClD,MAAM,eAAe,CAAA;AACtB,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAsC,KAAK,eAAe,EAAC,MAAM,cAAc,CAAA;AAGtF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAO/E,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAOzE,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,mBAM7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,4BAMtC,CAAA;AAED,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { ThemeProvider as ThemeProvider$2, useTheme as useTheme$2, useColorSchemeVar as useColorSchemeVar$2, BaseStyles as BaseStyles$2 } from '@primer/react';
|
|
2
|
+
import { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1, useColorSchemeVar as useColorSchemeVar$1 } from './ThemeProvider.js';
|
|
3
|
+
import { BaseStyles as BaseStyles$1 } from './BaseStyles.js';
|
|
4
|
+
import { useFeatureFlag } from '@primer/react/experimental';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
const ThemeProvider = ({
|
|
8
|
+
children,
|
|
9
|
+
...props
|
|
10
|
+
}) => {
|
|
11
|
+
const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
|
|
12
|
+
if (enabled) {
|
|
13
|
+
return /*#__PURE__*/jsx(ThemeProvider$1, {
|
|
14
|
+
...props,
|
|
15
|
+
children: children
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
return /*#__PURE__*/jsx(ThemeProvider$2, {
|
|
19
|
+
...props,
|
|
20
|
+
children: children
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const BaseStyles = ({
|
|
25
|
+
children,
|
|
26
|
+
...props
|
|
27
|
+
}) => {
|
|
28
|
+
const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
|
|
29
|
+
if (enabled) {
|
|
30
|
+
return /*#__PURE__*/jsx(BaseStyles$1, {
|
|
31
|
+
...props,
|
|
32
|
+
children: children
|
|
33
|
+
});
|
|
34
|
+
} else {
|
|
35
|
+
return /*#__PURE__*/jsx(BaseStyles$2, {
|
|
36
|
+
...props,
|
|
37
|
+
children: children
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
const useTheme = () => {
|
|
42
|
+
const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
|
|
43
|
+
const styledReactResults = useTheme$1();
|
|
44
|
+
const primerReactResults = useTheme$2();
|
|
45
|
+
return enabled ? styledReactResults : primerReactResults;
|
|
46
|
+
};
|
|
47
|
+
const useColorSchemeVar = (values, fallback) => {
|
|
48
|
+
const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
|
|
49
|
+
const styledReactResults = useColorSchemeVar$1(values, fallback);
|
|
50
|
+
const primerReactResults = useColorSchemeVar$2(values, fallback);
|
|
51
|
+
return enabled ? styledReactResults : primerReactResults;
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export { BaseStyles, ThemeProvider, useColorSchemeVar, useTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
export { Box, type BoxProps } from './components/Box';
|
|
2
2
|
export { Details } from '@primer/react';
|
|
3
3
|
export { ProgressBar } from '@primer/react';
|
|
4
|
-
export { ThemeProvider, useTheme, useColorSchemeVar, type ThemeProviderProps } from './components/
|
|
5
|
-
export { BaseStyles, type BaseStylesProps } from './components/BaseStyles';
|
|
4
|
+
export { ThemeProvider, useTheme, useColorSchemeVar, BaseStyles, type ThemeProviderProps, type BaseStylesProps, } from './components/FeatureFlaggedTheming';
|
|
6
5
|
export { theme } from '@primer/react';
|
|
7
|
-
export {
|
|
6
|
+
export { themeGet } from '@primer/react';
|
|
8
7
|
export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListLinkItemProps, type ActionListGroupProps, type ActionListDividerProps, type ActionListLeadingVisualProps, type ActionListTrailingVisualProps, type ActionListTrailingActionProps, } from './components/ActionList';
|
|
9
8
|
export { ActionMenu } from './components/ActionMenu';
|
|
10
9
|
export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,GAAG,EAAE,KAAK,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AACrC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AAGzC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
export { default as Box } from './components/Box.js';
|
|
3
|
-
export { Details, ProgressBar, theme } from '@primer/react';
|
|
4
|
-
export { ThemeProvider, useColorSchemeVar, useTheme } from './components/
|
|
5
|
-
export { BaseStyles } from './components/BaseStyles.js';
|
|
6
|
-
export { get as themeGet } from './theme-get.js';
|
|
3
|
+
export { Details, ProgressBar, theme, themeGet } from '@primer/react';
|
|
4
|
+
export { BaseStyles, ThemeProvider, useColorSchemeVar, useTheme } from './components/FeatureFlaggedTheming.js';
|
|
7
5
|
export { ActionList } from './components/ActionList.js';
|
|
8
6
|
export { ActionMenu } from './components/ActionMenu.js';
|
|
9
7
|
export { Autocomplete } from './components/Autocomplete.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-20251030204841",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -21,46 +21,32 @@
|
|
|
21
21
|
"README.md",
|
|
22
22
|
"dist"
|
|
23
23
|
],
|
|
24
|
-
"repository": {
|
|
25
|
-
"type": "git",
|
|
26
|
-
"url": "git+https://github.com/primer/react.git"
|
|
27
|
-
},
|
|
28
24
|
"scripts": {
|
|
29
25
|
"build": "script/build",
|
|
30
26
|
"clean": "rimraf dist",
|
|
31
27
|
"lint:npm": "publint --types",
|
|
32
28
|
"type-check": "tsc --noEmit"
|
|
33
29
|
},
|
|
34
|
-
"dependencies": {
|
|
35
|
-
"@styled-system/css": "^5.1.5",
|
|
36
|
-
"@styled-system/props": "^5.1.5",
|
|
37
|
-
"@styled-system/theme-get": "^5.1.2",
|
|
38
|
-
"@types/styled-system": "^5.1.23",
|
|
39
|
-
"@types/styled-system__css": "^5.0.16",
|
|
40
|
-
"@types/styled-system__theme-get": "^5.0.1",
|
|
41
|
-
"styled-system": "^5.1.5"
|
|
42
|
-
},
|
|
43
30
|
"devDependencies": {
|
|
44
31
|
"@babel/preset-react": "^7.27.1",
|
|
45
32
|
"@babel/preset-typescript": "^7.27.1",
|
|
46
|
-
"@primer/react": "0.0.0-
|
|
47
|
-
"@rollup/plugin-babel": "^6.
|
|
33
|
+
"@primer/react": "0.0.0-20251030204841",
|
|
34
|
+
"@rollup/plugin-babel": "^6.0.4",
|
|
48
35
|
"@types/react": "18.3.11",
|
|
49
36
|
"@types/react-dom": "18.3.1",
|
|
50
|
-
"@types/styled-components": "^5.1.26",
|
|
51
37
|
"@vitejs/plugin-react": "^4.3.3",
|
|
52
38
|
"babel-plugin-styled-components": "2.1.4",
|
|
53
39
|
"publint": "^0.3.12",
|
|
54
40
|
"react": "18.3.1",
|
|
55
41
|
"react-dom": "18.3.1",
|
|
56
42
|
"rimraf": "^6.0.1",
|
|
57
|
-
"rollup": "4.
|
|
43
|
+
"rollup": "4.50.1",
|
|
58
44
|
"rollup-plugin-typescript2": "^0.36.0",
|
|
59
45
|
"styled-components": "5.3.11",
|
|
60
46
|
"typescript": "^5.9.2"
|
|
61
47
|
},
|
|
62
48
|
"peerDependencies": {
|
|
63
|
-
"@primer/react": "0.0.0-
|
|
49
|
+
"@primer/react": "0.0.0-20251030204841",
|
|
64
50
|
"@types/react": "18.x || 19.x",
|
|
65
51
|
"@types/react-dom": "18.x || 19.x",
|
|
66
52
|
"@types/react-is": "18.x || 19.x",
|
package/dist/theme-get.d.ts
DELETED
package/dist/theme-get.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme-get.d.ts","sourceRoot":"","sources":["../src/theme-get.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,GAAG,GAAI,KAAK,MAAM,wBAAsC,CAAA"}
|
package/dist/theme-get.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { themeGet } from '@styled-system/theme-get';
|
|
2
|
-
import * as styledSystem from 'styled-system';
|
|
3
|
-
import { theme } from '@primer/react';
|
|
4
|
-
|
|
5
|
-
const {
|
|
6
|
-
get: getKey
|
|
7
|
-
} = styledSystem;
|
|
8
|
-
const get = key => themeGet(key, getKey(theme, key));
|
|
9
|
-
|
|
10
|
-
export { get };
|