@primer/styled-react 0.0.0-20251024175058 → 0.0.0-20251024181722

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.
@@ -15,11 +15,11 @@ const ActionListImpl = /*#__PURE__*/React.forwardRef(function ActionListImpl({
15
15
  ...rest
16
16
  }, ref) {
17
17
  return /*#__PURE__*/jsx(StyledActionList, {
18
+ ref: ref,
18
19
  ...rest,
19
20
  ...(as ? {
20
21
  forwardedAs: as
21
- } : {}),
22
- ref: ref
22
+ } : {})
23
23
  });
24
24
  });
25
25
  const StyledActionListLinkItem = styled(ActionList$1.LinkItem).withConfig({
@@ -33,11 +33,11 @@ const ActionListLinkItem = /*#__PURE__*/React.forwardRef(({
33
33
  as,
34
34
  ...props
35
35
  }, ref) => /*#__PURE__*/jsx(StyledActionListLinkItem, {
36
+ ref: ref,
36
37
  ...props,
37
38
  ...(as ? {
38
39
  forwardedAs: as
39
40
  } : {}),
40
- ref: ref,
41
41
  children: children
42
42
  }));
43
43
  ActionListLinkItem.displayName = 'ActionList.LinkItem';
@@ -71,11 +71,11 @@ const ActionListItem = /*#__PURE__*/React.forwardRef(({
71
71
  as,
72
72
  ...props
73
73
  }, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
74
+ ref: ref,
74
75
  ...props,
75
76
  ...(as ? {
76
77
  forwardedAs: as
77
78
  } : {}),
78
- ref: ref,
79
79
  children: children
80
80
  }));
81
81
  const StyledActionListGroup = styled(ActionList$1.Group).withConfig({
@@ -5,9 +5,9 @@ import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const Avatar = /*#__PURE__*/forwardRef(function Avatar(props, ref) {
7
7
  return /*#__PURE__*/jsx(Box, {
8
- ...props,
9
8
  as: Avatar$1,
10
- ref: ref
9
+ ref: ref,
10
+ ...props
11
11
  });
12
12
  });
13
13
 
@@ -27,14 +27,13 @@ function BaseStyles({
27
27
  ['--BaseStyles-lineHeight']: lineHeight
28
28
  };
29
29
  return /*#__PURE__*/jsxs(Component, {
30
- ...rest,
31
- className: clsx('BaseStyles', className)
30
+ className: clsx('BaseStyles', className),
31
+ "data-portal-root": true
32
32
  /**
33
33
  * We need to map valid primer/react color modes onto valid color modes for primer/primitives
34
34
  * valid color modes for primer/primitives: auto | light | dark
35
35
  * valid color modes for primer/primer: auto | day | night | light | dark
36
36
  */,
37
- "data-portal-root": true,
38
37
  "data-color-mode": colorMode === 'auto' ? 'auto' : colorScheme?.includes('dark') ? 'dark' : 'light',
39
38
  "data-light-theme": dayScheme,
40
39
  "data-dark-theme": nightScheme,
@@ -42,6 +41,7 @@ function BaseStyles({
42
41
  ...baseStyles,
43
42
  ...style
44
43
  },
44
+ ...rest,
45
45
  children: [/*#__PURE__*/jsx(GlobalStyle, {
46
46
  colorScheme: colorScheme?.includes('dark') ? 'dark' : 'light'
47
47
  }), children]
@@ -41,13 +41,13 @@ const ButtonComponent = /*#__PURE__*/forwardRef(({
41
41
  if (color) style['--button-color'] = color;
42
42
  }
43
43
  return /*#__PURE__*/jsx(StyledButtonComponent, {
44
+ style: style,
45
+ sx: sxStyles,
46
+ ref: ref,
44
47
  ...props,
45
48
  ...(as ? {
46
49
  forwardedAs: as
47
- } : {}),
48
- style: style,
49
- sx: sxStyles,
50
- ref: ref
50
+ } : {})
51
51
  });
52
52
  });
53
53
 
@@ -5,9 +5,9 @@ import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
7
7
  return /*#__PURE__*/jsx(Box, {
8
- ...props,
9
8
  as: Checkbox$1,
10
- ref: ref
9
+ ref: ref,
10
+ ...props
11
11
  });
12
12
  });
13
13
  Checkbox.__SLOT__ = Checkbox$1.__SLOT__;
@@ -5,8 +5,8 @@ import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const CheckboxGroupImpl = props => {
7
7
  return /*#__PURE__*/jsx(Box, {
8
- ...props,
9
- as: CheckboxGroup$1
8
+ as: CheckboxGroup$1,
9
+ ...props
10
10
  });
11
11
  };
12
12
 
@@ -14,20 +14,20 @@ const CheckboxGroupImpl = props => {
14
14
 
15
15
  const CheckboxOrRadioGroupLabel = props => {
16
16
  return /*#__PURE__*/jsx(Box, {
17
- ...props,
18
- as: CheckboxGroup$1.Label
17
+ as: CheckboxGroup$1.Label,
18
+ ...props
19
19
  });
20
20
  };
21
21
  const CheckboxOrRadioGroupCaption = props => {
22
22
  return /*#__PURE__*/jsx(Box, {
23
- ...props,
24
- as: CheckboxGroup$1.Caption
23
+ as: CheckboxGroup$1.Caption,
24
+ ...props
25
25
  });
26
26
  };
27
27
  const CheckboxOrRadioGroupValidation = props => {
28
28
  return /*#__PURE__*/jsx(Box, {
29
- ...props,
30
- as: CheckboxGroup$1.Validation
29
+ as: CheckboxGroup$1.Validation,
30
+ ...props
31
31
  });
32
32
  };
33
33
  const CheckboxGroup = Object.assign(CheckboxGroupImpl, {
@@ -5,9 +5,9 @@ import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const CounterLabel = /*#__PURE__*/forwardRef(function CounterLabel(props, ref) {
7
7
  return /*#__PURE__*/jsx(Box, {
8
- ...props,
9
8
  as: CounterLabel$1,
10
- ref: ref
9
+ ref: ref,
10
+ ...props
11
11
  });
12
12
  });
13
13
 
@@ -6,31 +6,31 @@ import { jsx } from 'react/jsx-runtime';
6
6
  const DialogImpl = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
7
7
  // @ts-expect-error - PrimerDialog is not recognized as a valid component type
8
8
  return /*#__PURE__*/jsx(Box, {
9
- ...props,
10
9
  as: Dialog$1,
11
- ref: ref
10
+ ref: ref,
11
+ ...props
12
12
  });
13
13
  });
14
14
  const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
15
15
  return /*#__PURE__*/jsx(Box, {
16
- ...props,
17
16
  as: Dialog$1.Header,
18
- ref: ref
17
+ ref: ref,
18
+ ...props
19
19
  });
20
20
  });
21
21
  const DialogBody = /*#__PURE__*/forwardRef(function DialogBody(props, ref) {
22
22
  // @ts-expect-error - PrimerDialog.Body is not recognized as a valid component type
23
23
  return /*#__PURE__*/jsx(Box, {
24
- ...props,
25
24
  as: Dialog$1.Body,
26
- ref: ref
25
+ ref: ref,
26
+ ...props
27
27
  });
28
28
  });
29
29
  const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
30
30
  return /*#__PURE__*/jsx(Box, {
31
- ...props,
32
31
  as: Dialog$1.Footer,
33
- ref: ref
32
+ ref: ref,
33
+ ...props
34
34
  });
35
35
  });
36
36
  const Dialog = Object.assign(DialogImpl, {
@@ -1 +1 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,EAG9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAW7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAgBrD,QAAA,MAAM,MAAM;;;CAGV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,EAG9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAU7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAcrD,QAAA,MAAM,MAAM;;;CAGV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}
@@ -4,7 +4,6 @@ import Box from './Box.js';
4
4
  import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
7
- // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
8
7
  return /*#__PURE__*/jsx(Box, {
9
8
  as: Header$1,
10
9
  ref: ref,
@@ -22,7 +21,6 @@ const HeaderImpl = /*#__PURE__*/forwardRef(({
22
21
  ref: ref
23
22
  }));
24
23
  const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
25
- // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
26
24
  return /*#__PURE__*/jsx(Box, {
27
25
  as: Header$1.Item,
28
26
  ref: ref,
@@ -30,7 +28,6 @@ const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
30
28
  });
31
29
  });
32
30
  const StyledHeaderLink = /*#__PURE__*/forwardRef(function HeaderLink(props, ref) {
33
- // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
34
31
  return /*#__PURE__*/jsx(Box, {
35
32
  as: Header$1.Link,
36
33
  ref: ref,
@@ -27,11 +27,11 @@ const IconButton = /*#__PURE__*/forwardRef(({
27
27
  }, sx);
28
28
  }
29
29
  return /*#__PURE__*/jsx(StyledIconButton, {
30
+ sx: sxStyles,
30
31
  ...props,
31
32
  ...(as ? {
32
33
  forwardedAs: as
33
34
  } : {}),
34
- sx: sxStyles,
35
35
  ref: ref
36
36
  });
37
37
  });
@@ -15,11 +15,11 @@ const NavListImpl = /*#__PURE__*/forwardRef(function NavList({
15
15
  ...props
16
16
  }, ref) {
17
17
  return /*#__PURE__*/jsx(StyledNavListImpl, {
18
+ ref: ref,
18
19
  ...(as ? {
19
20
  forwardedAs: as
20
21
  } : {}),
21
- ...props,
22
- ref: ref
22
+ ...props
23
23
  });
24
24
  });
25
25
  const StyledNavListItem = styled(NavList$1.Item).withConfig({
@@ -1 +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,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;;iDAIlB,CAAA;AAIF,QAAA,MAAM,iBAAiB;;iDAGrB,CAAA;AAIF,QAAA,MAAM,cAAc;;iDAGlB,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
+ {"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"}
@@ -10,7 +10,6 @@ const Wrapper = styled.div.withConfig({
10
10
  })(["", ""], sx);
11
11
  const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
12
12
  // @ts-expect-error - PrimerPageLayout is not recognized as a valid component type
13
- // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
14
13
  return /*#__PURE__*/jsx(Wrapper, {
15
14
  as: PageLayout$1,
16
15
  ref: ref,
@@ -18,7 +17,6 @@ const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
18
17
  });
19
18
  });
20
19
  const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
21
- // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
22
20
  return /*#__PURE__*/jsx(Wrapper, {
23
21
  as: PageLayout$1.Content,
24
22
  ref: ref,
@@ -26,7 +24,6 @@ const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
26
24
  });
27
25
  });
28
26
  const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
29
- // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
30
27
  return /*#__PURE__*/jsx(Wrapper, {
31
28
  as: PageLayout$1.Pane,
32
29
  ref: ref,
@@ -5,8 +5,8 @@ import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const RadioGroupImpl = props => {
7
7
  return /*#__PURE__*/jsx(Box, {
8
- ...props,
9
- as: RadioGroup$1
8
+ as: RadioGroup$1,
9
+ ...props
10
10
  });
11
11
  };
12
12
 
@@ -14,20 +14,20 @@ const RadioGroupImpl = props => {
14
14
 
15
15
  const CheckboxOrRadioGroupLabel = props => {
16
16
  return /*#__PURE__*/jsx(Box, {
17
- ...props,
18
- as: RadioGroup$1.Label
17
+ as: RadioGroup$1.Label,
18
+ ...props
19
19
  });
20
20
  };
21
21
  const CheckboxOrRadioGroupCaption = props => {
22
22
  return /*#__PURE__*/jsx(Box, {
23
- ...props,
24
- as: RadioGroup$1.Caption
23
+ as: RadioGroup$1.Caption,
24
+ ...props
25
25
  });
26
26
  };
27
27
  const CheckboxOrRadioGroupValidation = props => {
28
28
  return /*#__PURE__*/jsx(Box, {
29
- ...props,
30
- as: RadioGroup$1.Validation
29
+ as: RadioGroup$1.Validation,
30
+ ...props
31
31
  });
32
32
  };
33
33
  const RadioGroup = Object.assign(RadioGroupImpl, {
@@ -6,8 +6,8 @@ import { jsx } from 'react/jsx-runtime';
6
6
  function RelativeTime(props) {
7
7
  // @ts-expect-error the types for Box are not correctly inferred here
8
8
  return /*#__PURE__*/jsx(Box, {
9
- ...props,
10
- as: RelativeTime$1
9
+ as: RelativeTime$1,
10
+ ...props
11
11
  });
12
12
  }
13
13
 
@@ -4,20 +4,20 @@ import { jsx } from 'react/jsx-runtime';
4
4
 
5
5
  const SegmentedControlButton = props => {
6
6
  return /*#__PURE__*/jsx(Box, {
7
- ...props,
8
- as: SegmentedControl$1.Button
7
+ as: SegmentedControl$1.Button,
8
+ ...props
9
9
  });
10
10
  };
11
11
  const SegmentedControlIconButton = props => {
12
12
  return /*#__PURE__*/jsx(Box, {
13
- ...props,
14
- as: SegmentedControl$1.IconButton
13
+ as: SegmentedControl$1.IconButton,
14
+ ...props
15
15
  });
16
16
  };
17
17
  const SegmentedControlImpl = props => {
18
18
  return /*#__PURE__*/jsx(Box, {
19
- ...props,
20
- as: SegmentedControl$1
19
+ as: SegmentedControl$1,
20
+ ...props
21
21
  });
22
22
  };
23
23
  const SegmentedControl = Object.assign(SegmentedControlImpl, {
@@ -5,9 +5,9 @@ import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const StateLabel = /*#__PURE__*/forwardRef(function StateLabel(props, ref) {
7
7
  return /*#__PURE__*/jsx(Box, {
8
- ...props,
9
8
  as: StateLabel$1,
10
- ref: ref
9
+ ref: ref,
10
+ ...props
11
11
  });
12
12
  });
13
13
 
@@ -5,16 +5,16 @@ import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const SubNavImpl = /*#__PURE__*/forwardRef(function SubNav(props, ref) {
7
7
  return /*#__PURE__*/jsx(Box, {
8
- ...props,
9
8
  as: SubNav$1,
10
- ref: ref
9
+ ref: ref,
10
+ ...props
11
11
  });
12
12
  });
13
13
  const SubNavLink = /*#__PURE__*/forwardRef(function SubNavLink(props, ref) {
14
14
  return /*#__PURE__*/jsx(Box, {
15
- ...props,
16
15
  as: SubNav$1.Link,
17
- ref: ref
16
+ ref: ref,
17
+ ...props
18
18
  });
19
19
  });
20
20
  const SubNav = Object.assign(SubNavImpl, {
@@ -15,11 +15,11 @@ const TextInputImpl = /*#__PURE__*/forwardRef(({
15
15
  ...props
16
16
  }, ref) => {
17
17
  return /*#__PURE__*/jsx(StyledTextInput, {
18
+ ref: ref,
18
19
  ...props,
19
20
  ...(as ? {
20
21
  forwardedAs: as
21
- } : {}),
22
- ref: ref
22
+ } : {})
23
23
  });
24
24
  });
25
25
  const TextInputAction = styled(TextInput$1.Action).withConfig({
@@ -5,36 +5,36 @@ import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
7
7
  return /*#__PURE__*/jsx(Box, {
8
- ...props,
9
8
  as: Timeline$1,
10
- ref: ref
9
+ ref: ref,
10
+ ...props
11
11
  });
12
12
  });
13
13
  const TimelineItem = /*#__PURE__*/forwardRef(function TimelineItem(props, ref) {
14
14
  return /*#__PURE__*/jsx(Box, {
15
- ...props,
16
15
  as: Timeline$1.Item,
17
- ref: ref
16
+ ref: ref,
17
+ ...props
18
18
  });
19
19
  });
20
20
  function TimelineBadge(props) {
21
21
  return /*#__PURE__*/jsx(Box, {
22
- ...props,
23
- as: Timeline$1.Badge
22
+ as: Timeline$1.Badge,
23
+ ...props
24
24
  });
25
25
  }
26
26
  const TimelineBody = /*#__PURE__*/forwardRef(function TimelineBody(props, ref) {
27
27
  return /*#__PURE__*/jsx(Box, {
28
- ...props,
29
28
  as: Timeline$1.Body,
30
- ref: ref
29
+ ref: ref,
30
+ ...props
31
31
  });
32
32
  });
33
33
  const TimelineBreak = /*#__PURE__*/forwardRef(function TimelineBreak(props, ref) {
34
34
  return /*#__PURE__*/jsx(Box, {
35
- ...props,
36
35
  as: Timeline$1.Break,
37
- ref: ref
36
+ ref: ref,
37
+ ...props
38
38
  });
39
39
  });
40
40
  const Timeline = Object.assign(TimelineImpl, {
@@ -5,9 +5,9 @@ import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const ToggleSwitch = /*#__PURE__*/forwardRef(function ToggleSwitch(props, ref) {
7
7
  return /*#__PURE__*/jsx(Box, {
8
- ...props,
9
8
  as: ToggleSwitch$1,
10
- ref: ref
9
+ ref: ref,
10
+ ...props
11
11
  });
12
12
  });
13
13
 
@@ -5,9 +5,9 @@ import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
7
7
  return /*#__PURE__*/jsx(Box, {
8
- ...props,
9
8
  as: Tooltip$1,
10
- ref: ref
9
+ ref: ref,
10
+ ...props
11
11
  });
12
12
  });
13
13
  Tooltip.__SLOT__ = Tooltip$1.__SLOT__;
@@ -7,9 +7,9 @@ import { jsx } from 'react/jsx-runtime';
7
7
 
8
8
  const StyledUnderlineNav = /*#__PURE__*/forwardRef(function UnderlineNav(props, ref) {
9
9
  return /*#__PURE__*/jsx(Box, {
10
- ...props,
11
10
  as: UnderlineNav$1,
12
- ref: ref
11
+ ref: ref,
12
+ ...props
13
13
  });
14
14
  });
15
15
  const UnderlineNavImpl = /*#__PURE__*/forwardRef(({
@@ -15,8 +15,8 @@ const UnderlinePanelsImpl = ({
15
15
  as,
16
16
  ...props
17
17
  }) => /*#__PURE__*/jsx(StyledUnderlinePanels, {
18
- ...props,
19
- forwardedAs: as
18
+ forwardedAs: as,
19
+ ...props
20
20
  });
21
21
  UnderlinePanelsImpl.displayName = 'UnderlinePanels';
22
22
  const UnderlinePanels = Object.assign(UnderlinePanelsImpl, {
@@ -7,9 +7,9 @@ import { jsx } from 'react/jsx-runtime';
7
7
 
8
8
  const ActionListImpl = /*#__PURE__*/forwardRef(function ActionList(props, ref) {
9
9
  return /*#__PURE__*/jsx(Box, {
10
- ...props,
11
10
  as: ActionList$1,
12
- ref: ref
11
+ ref: ref,
12
+ ...props
13
13
  });
14
14
  });
15
15
  const StyledActionListItem = styled(ActionList$1.Item).withConfig({
@@ -30,14 +30,14 @@ const ActionListItem = /*#__PURE__*/forwardRef(({
30
30
  }));
31
31
  function ActionListGroup(props) {
32
32
  return /*#__PURE__*/jsx(Box, {
33
- ...props,
34
- as: ActionList$1.Group
33
+ as: ActionList$1.Group,
34
+ ...props
35
35
  });
36
36
  }
37
37
  function ActionListDivider(props) {
38
38
  return /*#__PURE__*/jsx(Box, {
39
- ...props,
40
- as: ActionList$1.Divider
39
+ as: ActionList$1.Divider,
40
+ ...props
41
41
  });
42
42
  }
43
43
  const ActionList = Object.assign(ActionListImpl, {
@@ -1 +1 @@
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;AAW7C,KAAK,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAWzD,QAAA,MAAM,MAAM;;CAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,CAAA"}
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"}
@@ -4,7 +4,6 @@ import { forwardRef } from 'react';
4
4
  import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  const StyledDialog = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
7
- // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
8
7
  return /*#__PURE__*/jsx(Box, {
9
8
  as: Dialog$1,
10
9
  ref: ref,
@@ -22,7 +21,6 @@ const DialogImpl = /*#__PURE__*/forwardRef(({
22
21
  ref: ref
23
22
  }));
24
23
  const StyledDialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
25
- // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
26
24
  return /*#__PURE__*/jsx(Box, {
27
25
  as: Dialog$1.Header,
28
26
  ref: ref,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/styled-react",
3
- "version": "0.0.0-20251024175058",
3
+ "version": "0.0.0-20251024181722",
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-20251024175058",
33
+ "@primer/react": "0.0.0-20251024181722",
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-20251024175058",
49
+ "@primer/react": "0.0.0-20251024181722",
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",