@primer/styled-react 0.0.0-20251009005549 → 0.0.0-20251009012644

package/dist/components/Text.d.ts

@@ -1,9 +1,10 @@
 import { type TextProps as PrimerTextProps } from '@primer/react';
 import { type SxProp } from '../sx';
 import type React from 'react';
-type TextProps<As extends React.ElementType = 'span'> = PrimerTextProps<As> & SxProp & {
-    as?: As;
+import { type StyledComponent } from 'styled-components';
+type TextProps = PrimerTextProps & SxProp & {
+    as?: React.ElementType;
 };
-declare const Text: React.ForwardRefExoticComponent<Omit<TextProps<"span">, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const Text: StyledComponent<"span", any, TextProps, never>;
 export { Text, type TextProps };
 //# sourceMappingURL=Text.d.ts.map

package/dist/components/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,IAAI,eAAe,EAAC,MAAM,eAAe,CAAA;AACnF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,SAAS,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,eAAe,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,EAAE,CAAA;CAAC,CAAA;AAMhG,QAAA,MAAM,IAAI,oGAGR,CAAA;AAEF,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,IAAI,eAAe,EAAC,MAAM,eAAe,CAAA;AACnF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,mBAAmB,CAAA;AAGtD,KAAK,SAAS,GAAG,eAAe,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQpE,QAAA,MAAM,IAAI,EAGJ,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;AAEpD,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,CAAA"}

package/dist/index.js

@@ -519,23 +519,23 @@ const SubNav = Object.assign(SubNavImpl, {
 });
 
 const StyledText = styled(Text$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
   displayName: "Text__StyledText",
   componentId: "sc-1klmep6-0"
 })(["", ""], sx);
-const Text = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    as,
-    sx: sxProp,
-    ...restProps
-  } = props;
+const Text = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
   return /*#__PURE__*/jsx(StyledText, {
-    ...restProps,
-    sx: sxProp,
+    ...props,
     ...(as ? {
       forwardedAs: as
     } : {}),
     ref: ref
   });
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
 });
 
 const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251009005549",
+  "version": "0.0.0-20251009012644",
   "type": "module",
   "exports": {
     ".": {
@@ -30,7 +30,7 @@
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "0.0.0-20251009005549",
+    "@primer/react": "0.0.0-20251009012644",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
@@ -46,7 +46,7 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251009005549",
+    "@primer/react": "0.0.0-20251009012644",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",