@carrier-dpx/air-react-library 0.7.28 → 0.7.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carrier-dpx/air-react-library",
-  "version": "0.7.28",
+  "version": "0.7.30",
   "description": "Air web React component library for Figma Make",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/StatusLed/StatusLed.figma.tsx

@@ -74,25 +74,39 @@ figma.connect(
 
       /**
        * LABEL TEXT CONTENT
-       * Maps text property "✏️ Label" from the nested "Label" Typography component
+       * Maps text content from the nested "Label" Typography component
        * The Label is an instance of the Typography component
-       * The text property must be surfaced from the "Label" layer
-       * Only used when showLabel is true
+       * Uses nestedProps to access the Label component's children (text content)
+       * Similar to how Tooltip accesses nested TooltipContent properties
        */
-      label: figma.string("✏️ Label"),
+      label: figma.nestedProps("Label", {
+        children: figma.children("Label"),
+      }),
     },
 
     /**
      * EXAMPLE CODE TEMPLATE
      * Shows how StatusLed should be used with optional label
      */
-    example: ({ severity, size, labelPosition, showLabel, label }) => (
-      <StatusLed
-        severity={severity}
-        size={size}
-        labelPosition={labelPosition}
-        label={showLabel ? label : undefined}
-      />
-    ),
+    example: ({ severity, size, labelPosition, showLabel, label }) => {
+      if (showLabel && label) {
+        return (
+          <StatusLed
+            severity={severity}
+            size={size}
+            labelPosition={labelPosition}
+            label={label.children}
+          />
+        );
+      }
+      
+      return (
+        <StatusLed
+          severity={severity}
+          size={size}
+          labelPosition={labelPosition}
+        />
+      );
+    },
   }
 );