@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.
@@ -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
- as?: React.ElementType;
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,EAAa,MAAM,eAAe,CAAA;AAC/E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,EAA4C,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEvF,KAAK,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAwB3F,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAYtF,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAgBxF,QAAA,MAAM,MAAM;;;SApD6D,KAAK,CAAC,WAAW;;;;;;;aAYhB,KAAK,CAAC,WAAW;;;;CA8CzF,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}
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 sx from '../sx.js';
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 StyledDialog = styled(Dialog$1).withConfig({
8
- shouldForwardProp: prop => prop !== 'sx'
9
- }).withConfig({
10
- displayName: "Dialog__StyledDialog",
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 StyledDialogHeader = styled(Dialog$1.Header).withConfig({
26
- shouldForwardProp: prop => prop !== 'sx'
27
- }).withConfig({
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 StyledDialogBody = styled(Dialog$1.Body).withConfig({
44
- shouldForwardProp: prop => prop !== 'sx'
45
- }).withConfig({
46
- displayName: "Dialog__StyledDialogBody",
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 StyledDialogFooter = styled(Dialog$1.Footer).withConfig({
62
- shouldForwardProp: prop => prop !== 'sx'
63
- }).withConfig({
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/ThemeProvider';
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 { get as themeGet } from './theme-get';
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';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,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/ThemeProvider.js';
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-20251030204325",
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-20251030204325",
47
- "@rollup/plugin-babel": "^6.1.0",
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.52.5",
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-20251030204325",
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",
@@ -1,2 +0,0 @@
1
- export declare const get: (key: string) => (props: any) => any;
2
- //# sourceMappingURL=theme-get.d.ts.map
@@ -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 };