react-native(TextButton.figma): remove nonexistent TextButtonSize and invalid props; map Figma size to TextVariant via variant; simplify example to text-only API

cursoragent · cursoragent · commit 70cd03db964d · 2026-04-23T22:40:39.000Z
diff --git a/packages/design-system-react-native/src/components/TextButton/TextButton.figma.tsx b/packages/design-system-react-native/src/components/TextButton/TextButton.figma.tsx
@@ -1,14 +1,11 @@
 // import figma needs to remain as figma otherwise it breaks code connect
 // eslint-disable-next-line import-x/no-named-as-default
 import figma from '@figma/code-connect';
+import { TextVariant } from '@metamask/design-system-shared';
 import React from 'react';
 
-import { IconName } from '../Icon';
-
 import { TextButton } from './TextButton';
 
-import { TextButtonSize } from '.';
-
 /**
  * -- This file was auto-generated by Code Connect --
  * React Native implementation of TextButton component
@@ -23,38 +20,14 @@ figma.connect(
   'https://www.figma.com/design/1D6tnzXqWgnUC3spaAOELN/%F0%9F%A6%8A-MMDS-Components?node-id=1%3A398',
   {
     props: {
-      size: figma.enum('size', {
-        BodyMd: TextButtonSize.BodyMd,
-        BodySm: TextButtonSize.BodySm,
-      }),
-      isDisabled: figma.boolean('isDisabled'),
-      isInverse: figma.boolean('isInverse'),
-      startIconName: figma.boolean('startIcon (Figma Only)', {
-        true: IconName.Add,
-        false: undefined,
-      }),
-      endIconName: figma.boolean('endIcon (Figma Only)', {
-        true: IconName.Add,
-        false: undefined,
+      // Map Figma "size" variant to Text variant used by RN TextButton
+      variant: figma.enum('size', {
+        BodyMd: TextVariant.BodyMd,
+        BodySm: TextVariant.BodySm,
       }),
     },
-    example: ({
-      size,
-      isDisabled,
-      isInverse,
-      startIconName,
-      endIconName,
-      ...props
-    }) => (
-      <TextButton
-        size={size}
-        isDisabled={isDisabled}
-        isInverse={isInverse}
-        startIconName={startIconName}
-        endIconName={endIconName}
-        {...props}
-        onPress={() => undefined}
-      >
+    example: ({ variant, ...props }) => (
+      <TextButton variant={variant} {...props} onPress={() => undefined}>
         Text Button
       </TextButton>
     ),
