@primer/styled-react 0.0.0-20251120191218 → 0.0.0-20251121113658
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/README.md +1 -1
- package/dist/components.json +0 -2
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -1
- package/package.json +3 -3
- package/dist/components/PageLayout.d.ts +0 -23
- package/dist/components/PageLayout.d.ts.map +0 -1
- package/dist/components/PageLayout.js +0 -43
package/README.md
CHANGED
|
@@ -13,7 +13,7 @@ npm install -S @primer/styled-react
|
|
|
13
13
|
|
|
14
14
|
## Usage
|
|
15
15
|
|
|
16
|
-
This is a
|
|
16
|
+
This is a package designed to interop between Primer and existing
|
|
17
17
|
styled-components usage. As a result, expect breaking changes between minor
|
|
18
18
|
versions as components will be removed when their `sx` usage goes to zero.
|
|
19
19
|
|
package/dist/components.json
CHANGED
|
@@ -27,7 +27,6 @@
|
|
|
27
27
|
"Octicon",
|
|
28
28
|
"Overlay",
|
|
29
29
|
"PageHeader",
|
|
30
|
-
"PageLayout",
|
|
31
30
|
"ProgressBar",
|
|
32
31
|
"RadioGroup",
|
|
33
32
|
"RelativeTime",
|
|
@@ -84,7 +83,6 @@
|
|
|
84
83
|
"PageHeaderActionsProps",
|
|
85
84
|
"PageHeaderProps",
|
|
86
85
|
"PageHeaderTitleProps",
|
|
87
|
-
"PageLayoutProps",
|
|
88
86
|
"RadioGroupProps",
|
|
89
87
|
"RelativeTimeProps",
|
|
90
88
|
"SegmentedControlButtonProps",
|
package/dist/index.d.ts
CHANGED
|
@@ -26,7 +26,6 @@ export { Link, type LinkProps } from './components/Link';
|
|
|
26
26
|
export { LinkButton, type LinkButtonProps } from './components/LinkButton';
|
|
27
27
|
export { NavList, type NavListProps } from './components/NavList';
|
|
28
28
|
export { Overlay } from './components/Overlay';
|
|
29
|
-
export { PageLayout, type PageLayoutProps } from './components/PageLayout';
|
|
30
29
|
export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
|
|
31
30
|
export { RadioGroup, type RadioGroupProps } from './components/RadioGroup';
|
|
32
31
|
export { RelativeTime, type RelativeTimeProps } from './components/RelativeTime';
|
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,EAAC,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,KAAK,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAC9G,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAA;AAEnC,OAAO,EAAC,GAAG,IAAI,QAAQ,EAAC,MAAM,aAAa,CAAA;AAE3C,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,4BAA4B,EACjC,KAAK,6BAA6B,EAClC,KAAK,6BAA6B,GACnC,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAC,YAAY,EAAE,KAAK,wBAAwB,EAAC,MAAM,2BAA2B,CAAA;AACrF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAC,MAAM,0BAA0B,CAAA;AAClH,OAAO,EAAC,eAAe,IAAI,MAAM,EAAE,KAAK,oBAAoB,IAAI,WAAW,EAAC,MAAM,qBAAqB,CAAA;AACvG,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AACjF,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAC5C,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -25,7 +25,6 @@ export { Link } from './components/Link.js';
|
|
|
25
25
|
export { LinkButton } from './components/LinkButton.js';
|
|
26
26
|
export { NavList } from './components/NavList.js';
|
|
27
27
|
export { Overlay } from './components/Overlay.js';
|
|
28
|
-
export { PageLayout } from './components/PageLayout.js';
|
|
29
28
|
export { PageHeader } from './components/PageHeader.js';
|
|
30
29
|
export { RadioGroup } from './components/RadioGroup.js';
|
|
31
30
|
export { RelativeTime } from './components/RelativeTime.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-20251121113658",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@babel/preset-react": "^7.28.5",
|
|
45
45
|
"@babel/preset-typescript": "^7.28.5",
|
|
46
|
-
"@primer/react": "0.0.0-
|
|
46
|
+
"@primer/react": "0.0.0-20251121113658",
|
|
47
47
|
"@rollup/plugin-babel": "^6.1.0",
|
|
48
48
|
"@types/react": "18.3.11",
|
|
49
49
|
"@types/react-dom": "18.3.1",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"typescript": "^5.9.2"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
|
-
"@primer/react": "0.0.0-
|
|
63
|
+
"@primer/react": "0.0.0-20251121113658",
|
|
64
64
|
"@types/react": "18.x || 19.x",
|
|
65
65
|
"@types/react-dom": "18.x || 19.x",
|
|
66
66
|
"@types/react-is": "18.x || 19.x",
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React, { type PropsWithChildren } from 'react';
|
|
2
|
-
import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps } from '@primer/react';
|
|
3
|
-
import { PageLayout as PrimerPageLayout } from '@primer/react';
|
|
4
|
-
import { type SxProp } from '../sx';
|
|
5
|
-
type PageLayoutProps = PropsWithChildren<PrimerPageLayoutProps> & SxProp;
|
|
6
|
-
declare const PageLayoutImpl: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
|
|
7
|
-
children?: React.ReactNode | undefined;
|
|
8
|
-
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
-
declare const PageLayoutContent: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
|
|
10
|
-
children?: React.ReactNode | undefined;
|
|
11
|
-
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
declare const PageLayoutPane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
|
|
13
|
-
children?: React.ReactNode | undefined;
|
|
14
|
-
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
-
type PageLayoutType = typeof PageLayoutImpl & {
|
|
16
|
-
Content: typeof PageLayoutContent;
|
|
17
|
-
Header: typeof PrimerPageLayout.Header;
|
|
18
|
-
Pane: typeof PageLayoutPane;
|
|
19
|
-
Footer: typeof PrimerPageLayout.Footer;
|
|
20
|
-
};
|
|
21
|
-
declare const PageLayout: PageLayoutType;
|
|
22
|
-
export { PageLayout, type PageLayoutProps };
|
|
23
|
-
//# sourceMappingURL=PageLayout.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,EAEjD,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAExE,QAAA,MAAM,cAAc;;iDAGlB,CAAA;AAIF,QAAA,MAAM,iBAAiB;;iDAErB,CAAA;AAIF,QAAA,MAAM,cAAc;;iDAElB,CAAA;AAEF,KAAK,cAAc,GAAG,OAAO,cAAc,GAAG;IAC5C,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;CACvC,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,cAMhB,CAED;AAGD,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
import { PageLayout as PageLayout$1 } from '@primer/react';
|
|
4
|
-
import sx from '../sx.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
const Wrapper = styled.div.withConfig({
|
|
8
|
-
displayName: "PageLayout__Wrapper",
|
|
9
|
-
componentId: "sc-pjybtc-0"
|
|
10
|
-
})(["", ""], sx);
|
|
11
|
-
const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
12
|
-
// @ts-expect-error - PrimerPageLayout is not recognized as a valid component type
|
|
13
|
-
return /*#__PURE__*/jsx(Wrapper, {
|
|
14
|
-
as: PageLayout$1,
|
|
15
|
-
ref: ref,
|
|
16
|
-
...props
|
|
17
|
-
});
|
|
18
|
-
});
|
|
19
|
-
const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
20
|
-
return /*#__PURE__*/jsx(Wrapper, {
|
|
21
|
-
as: PageLayout$1.Content,
|
|
22
|
-
ref: ref,
|
|
23
|
-
...props
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
27
|
-
return /*#__PURE__*/jsx(Wrapper, {
|
|
28
|
-
as: PageLayout$1.Pane,
|
|
29
|
-
ref: ref,
|
|
30
|
-
...props
|
|
31
|
-
});
|
|
32
|
-
});
|
|
33
|
-
const PageLayout = Object.assign(PageLayoutImpl, {
|
|
34
|
-
__SLOT__: PageLayout$1.__SLOT__,
|
|
35
|
-
Content: PageLayoutContent,
|
|
36
|
-
Header: PageLayout$1.Header,
|
|
37
|
-
Pane: PageLayoutPane,
|
|
38
|
-
Footer: PageLayout$1.Footer
|
|
39
|
-
});
|
|
40
|
-
PageLayoutContent.__SLOT__ = PageLayout$1.Content.__SLOT__;
|
|
41
|
-
PageLayoutPane.__SLOT__ = PageLayout$1.Pane.__SLOT__;
|
|
42
|
-
|
|
43
|
-
export { PageLayout };
|