@primer/styled-react 0.0.0-20251003134631 → 0.0.0-20251003154957

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.
@@ -0,0 +1,22 @@
1
+ import React, { type PropsWithChildren } from 'react';
2
+ import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutHeaderProps as PrimerPageLayoutHeaderProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps, PageLayoutFooterProps as PrimerPageLayoutFooterProps } 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.ForwardRefExoticComponent<PrimerPageLayoutHeaderProps & {
12
+ children?: React.ReactNode | undefined;
13
+ } & SxProp & React.RefAttributes<HTMLDivElement>>;
14
+ Pane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
15
+ children?: React.ReactNode | undefined;
16
+ } & SxProp & React.RefAttributes<HTMLDivElement>>;
17
+ Footer: React.ForwardRefExoticComponent<PrimerPageLayoutFooterProps & {
18
+ children?: React.ReactNode | undefined;
19
+ } & SxProp & React.RefAttributes<HTMLDivElement>>;
20
+ };
21
+ export { PageLayout, type PageLayoutProps };
22
+ //# 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,qBAAqB,IAAI,2BAA2B,EACpD,mBAAmB,IAAI,yBAAyB,EAChD,qBAAqB,IAAI,2BAA2B,EACrD,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAiCxE,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;CAKd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
@@ -61,7 +61,6 @@
61
61
  "CounterLabelProps",
62
62
  "DialogHeaderProps",
63
63
  "DialogProps",
64
- "FormControlProps",
65
64
  "HeaderProps",
66
65
  "LabelProps",
67
66
  "LinkButtonProps",
@@ -70,6 +69,7 @@
70
69
  "PageHeaderActionsProps",
71
70
  "PageHeaderProps",
72
71
  "PageHeaderTitleProps",
72
+ "PageLayoutProps",
73
73
  "RadioGroupProps",
74
74
  "RelativeTimeProps",
75
75
  "SegmentedControlButtonProps",
package/dist/index.d.ts CHANGED
@@ -2,9 +2,9 @@ export { ActionList } from '@primer/react';
2
2
  export { Box, type BoxProps } from './components/Box';
3
3
  export { Button } from '@primer/react';
4
4
  export { Details } from '@primer/react';
5
+ export { FormControl } from '@primer/react';
5
6
  export { IconButton } from '@primer/react';
6
7
  export { ProgressBar } from '@primer/react';
7
- export { PageLayout } from '@primer/react';
8
8
  export { Select } from '@primer/react';
9
9
  export { Textarea } from '@primer/react';
10
10
  export { TextInput } from '@primer/react';
@@ -25,7 +25,6 @@ export { CircleBadge } from './components/CircleBadge';
25
25
  export { CounterLabel, type CounterLabelProps } from './components/CounterLabel';
26
26
  export { Dialog, type DialogProps } from './components/Dialog';
27
27
  export { Flash } from './components/Flash';
28
- export { FormControl, type FormControlProps } from './components/FormControl';
29
28
  export { Header, type HeaderProps } from './components/Header';
30
29
  export { Heading } from './components/Heading';
31
30
  export { Label, type LabelProps } from './components/Label';
@@ -33,6 +32,7 @@ export { Link, type LinkProps } from './components/Link';
33
32
  export { LinkButton, type LinkButtonProps } from './components/LinkButton';
34
33
  export { NavList, type NavListProps } from './components/NavList';
35
34
  export { Overlay } from './components/Overlay';
35
+ export { PageLayout, type PageLayoutProps } from './components/PageLayout';
36
36
  export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
37
37
  export { RadioGroup, type RadioGroupProps } from './components/RadioGroup';
38
38
  export { RelativeTime, type RelativeTimeProps } from './components/RelativeTime';
@@ -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,5 +1,5 @@
1
- import { ActionMenu as ActionMenu$1, sx, 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, FormControl as FormControl$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 { ActionList, Box, Button, Details, IconButton, PageLayout, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
1
+ import { ActionMenu as ActionMenu$1, sx, 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, 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 { ActionList, Box, Button, Details, FormControl, IconButton, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
3
3
  import styled from 'styled-components';
4
4
  import React, { forwardRef } from 'react';
5
5
  import { jsx } from 'react/jsx-runtime';
@@ -137,38 +137,6 @@ const Flash = styled(Flash$1).withConfig({
137
137
  componentId: "sc-413izo-0"
138
138
  })(["", ""], sx);
139
139
 
140
- const FormControlImpl = /*#__PURE__*/forwardRef(function FormControl(props, ref) {
141
- return /*#__PURE__*/jsx(Box, {
142
- ref: ref,
143
- as: FormControl$1,
144
- ...props
145
- });
146
- });
147
- const FormControlCaption = props => {
148
- return /*#__PURE__*/jsx(Box, {
149
- as: FormControl$1.Caption,
150
- ...props
151
- });
152
- };
153
- const FormControlValidation = props => {
154
- return /*#__PURE__*/jsx(Box, {
155
- as: FormControl$1.Validation,
156
- ...props
157
- });
158
- };
159
- const FormControlLeadingVisual = props => {
160
- return /*#__PURE__*/jsx(Box, {
161
- as: FormControl$1.LeadingVisual,
162
- ...props
163
- });
164
- };
165
- const FormControl = Object.assign(FormControlImpl, {
166
- Caption: FormControlCaption,
167
- LeadingVisual: FormControlLeadingVisual,
168
- Validation: FormControlValidation,
169
- Label: FormControl$1.Label
170
- });
171
-
172
140
  const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
173
141
  return /*#__PURE__*/jsx(Box, {
174
142
  as: Header$1,
@@ -313,6 +281,55 @@ const Overlay = styled(Overlay$1).withConfig({
313
281
  componentId: "sc-tjbd74-0"
314
282
  })(["", ""], sx);
315
283
 
284
+ const Wrapper = styled.div.withConfig({
285
+ displayName: "PageLayout__Wrapper",
286
+ componentId: "sc-pjybtc-0"
287
+ })(["", ""], sx);
288
+ const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
289
+ // @ts-expect-error - PrimerPageLayout is not recognized as a valid component type
290
+ return /*#__PURE__*/jsx(Wrapper, {
291
+ as: PageLayout$1,
292
+ ref: ref,
293
+ ...props
294
+ });
295
+ });
296
+ const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
297
+ return /*#__PURE__*/jsx(Wrapper, {
298
+ as: PageLayout$1.Content,
299
+ ref: ref,
300
+ ...props
301
+ });
302
+ });
303
+ const PageLayoutHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
304
+ // @ts-expect-error - PrimerPageLayout.Header is not recognized as a valid component type
305
+ return /*#__PURE__*/jsx(Wrapper, {
306
+ as: PageLayout$1.Header,
307
+ ref: ref,
308
+ ...props
309
+ });
310
+ });
311
+ const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
312
+ return /*#__PURE__*/jsx(Wrapper, {
313
+ as: PageLayout$1.Pane,
314
+ ref: ref,
315
+ ...props
316
+ });
317
+ });
318
+ const PageLayoutFooter = /*#__PURE__*/React.forwardRef((props, ref) => {
319
+ // @ts-expect-error - PrimerPageLayout.Footer is not recognized as a valid component type
320
+ return /*#__PURE__*/jsx(Wrapper, {
321
+ as: PageLayout$1.Footer,
322
+ ref: ref,
323
+ ...props
324
+ });
325
+ });
326
+ const PageLayout = Object.assign(PageLayoutImpl, {
327
+ Content: PageLayoutContent,
328
+ Header: PageLayoutHeader,
329
+ Pane: PageLayoutPane,
330
+ Footer: PageLayoutFooter
331
+ });
332
+
316
333
  const RadioGroupImpl = props => {
317
334
  return /*#__PURE__*/jsx(Box, {
318
335
  as: RadioGroup$1,
@@ -553,4 +570,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
553
570
  Item: UnderlineNavItem
554
571
  });
555
572
 
556
- export { ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, FormControl, Header, Heading, Label, Link, LinkButton, NavList, Overlay, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
573
+ export { ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, 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-20251003134631",
3
+ "version": "0.0.0-20251003154957",
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-20251003134631",
33
+ "@primer/react": "0.0.0-20251003154957",
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-20251003134631",
49
+ "@primer/react": "0.0.0-20251003154957",
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,19 +0,0 @@
1
- import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type FormControlCaptionProps as PrimerFormControlCaptionProps, type FormControlValidationProps as PrimerFormControlValidationProps, type SxProp } from '@primer/react';
2
- import { type PropsWithChildren } from 'react';
3
- type FormControlProps = PropsWithChildren<PrimerFormControlProps> & SxProp;
4
- declare const FormControlImpl: import("react").ForwardRefExoticComponent<PrimerFormControlProps & {
5
- children?: import("react").ReactNode | undefined;
6
- } & SxProp & import("react").RefAttributes<HTMLDivElement>>;
7
- type FormControlCaptionProps = PropsWithChildren<PrimerFormControlCaptionProps> & SxProp;
8
- declare const FormControlCaption: (props: FormControlCaptionProps) => import("react").JSX.Element;
9
- type FormControlValidationProps = PropsWithChildren<PrimerFormControlValidationProps> & SxProp;
10
- declare const FormControlValidation: (props: FormControlValidationProps) => import("react").JSX.Element;
11
- declare const FormControlLeadingVisual: (props: PropsWithChildren<SxProp>) => import("react").JSX.Element;
12
- declare const FormControl: typeof FormControlImpl & {
13
- Caption: typeof FormControlCaption;
14
- LeadingVisual: typeof FormControlLeadingVisual;
15
- Validation: typeof FormControlValidation;
16
- Label: typeof PrimerFormControl.Label;
17
- };
18
- export { FormControl, type FormControlProps };
19
- //# sourceMappingURL=FormControl.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAChC,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,KAAK,0BAA0B,IAAI,gCAAgC,EACnE,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAExD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,eAAe;;2DAEnB,CAAA;AAEF,KAAK,uBAAuB,GAAG,iBAAiB,CAAC,6BAA6B,CAAC,GAAG,MAAM,CAAA;AACxF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,gCAEzD,CAAA;AAED,KAAK,0BAA0B,GAAG,iBAAiB,CAAC,gCAAgC,CAAC,GAAG,MAAM,CAAA;AAE9F,QAAA,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,gCAE/D,CAAA;AAED,QAAA,MAAM,wBAAwB,GAAI,OAAO,iBAAiB,CAAC,MAAM,CAAC,gCAEjE,CAAA;AAED,QAAA,MAAM,WAAW,EAKX,OAAO,eAAe,GAAG;IAC7B,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,aAAa,EAAE,OAAO,wBAAwB,CAAA;IAC9C,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CACtC,CAAA;AAED,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,CAAA"}