@primer/styled-react 0.0.0-20251008233539 → 0.0.0-20251009004757

package/dist/components/Text.d.ts

@@ -1,10 +1,23 @@
 import { type TextProps as PrimerTextProps } from '@primer/react';
 import { type SxProp } from '../sx';
 import type React from 'react';
-import { type StyledComponent } from 'styled-components';
-type TextProps = PrimerTextProps & SxProp & {
-    as?: React.ElementType;
+type TextProps<As extends React.ElementType = 'span'> = PrimerTextProps<As> & SxProp & {
+    as?: As;
 };
-declare const Text: StyledComponent<"span", any, TextProps, never>;
+declare const Text: React.ForwardRefExoticComponent<{
+    size?: "large" | "medium" | "small";
+    weight?: "light" | "normal" | "medium" | "semibold";
+    className?: string;
+} & {
+    as?: "span" | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "as" | keyof {
+    size?: "large" | "medium" | "small";
+    weight?: "light" | "normal" | "medium" | "semibold";
+    className?: string;
+}> & {
+    children?: React.ReactNode | undefined;
+} & SxProp & {
+    as?: "span" | undefined;
+} & React.RefAttributes<HTMLElement>>;
 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;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"}
+{"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;;;;;;;;;;;;;;qCAGR,CAAA;AAEF,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(({
-  as,
-  ...props
-}, ref) => {
+const Text = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    as,
+    sx: sxProp,
+    ...restProps
+  } = props;
   return /*#__PURE__*/jsx(StyledText, {
-    ...props,
+    ...restProps,
+    sx: sxProp,
     ...(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-20251008233539",
+  "version": "0.0.0-20251009004757",
   "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-20251008233539",
+    "@primer/react": "0.0.0-20251009004757",
     "@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-20251008233539",
+    "@primer/react": "0.0.0-20251009004757",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",