Bind a node's border weight

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0147gqWiq3xoEdAGwWSpq9JK

Author: claude

CHANGELOG.md

@@ -14,6 +14,8 @@
   whether a mouse is over it as `${hovered}`, which it and the nodes inside
   it can bind for hover borders, fills and colors. The hold progress reaches
   the held node's own properties too.
+- `strokeWeight` can be bound, set by a condition or changed by an action,
+  for a border that thickens when picked or hovered.
 - An expanded child whose bound `flex` is 0 takes no space, where it used to
   keep its design size.
 

lib/src/transformers/passive_transformer_manager.dart

@@ -179,8 +179,8 @@ class PassiveNodeTransformerManager extends WidgetNodeTransformerManager {
 
   /// Returns [node] with the style properties that conditions, bound
   /// variables or formulas, or set value actions give it at runtime: `fill`
-  /// (a text's color for text nodes), `stroke`, `opacity`, `width` and
-  /// `height`. Returns [node] itself when
+  /// (a text's color for text nodes), `stroke`, `strokeWeight`, `opacity`,
+  /// `width` and `height`. Returns [node] itself when
   /// nothing changes it.
   BaseNode applyStyleOverrides(BuildContext context, BaseNode node) {
     final ScopedValues scopedValues = ScopedValues.of(context);
@@ -208,6 +208,10 @@ class PassiveNodeTransformerManager extends WidgetNodeTransformerManager {
           for (final paint in geometry.strokes.skip(1)) paint.toJson(),
         ];
       }
+      final double? strokeWeight = value<double>('strokeWeight');
+      if (strokeWeight != null && strokeWeight != geometry.strokeWeight) {
+        patch['strokeWeight'] = math.max(0, strokeWeight).toDouble();
+      }
     }
     if (node is TextNode) {
       // A text's fill is its color: it replaces the color of every span.

test/style_overrides_test.dart

@@ -149,4 +149,51 @@ void main() {
       ),
     );
   });
+
+  testWidgets('a bound strokeWeight thickens the border', (tester) async {
+    final RectangleNode node = RectangleNode.fromJson({
+      ...RectangleNode(
+        id: 'tile',
+        name: 'Tile',
+        basicBoxLocal: NodeBox(0, 0, 40, 40),
+        strokes: [
+          PaintModel.solid(id: 's', color: ColorRGB.fromHex('#FFC21A')),
+        ],
+        strokeWeight: 1,
+      ).toJson(),
+      'variables': {'strokeWeight': r'${= if(picked, 3, 1)}'},
+    })..parentID = kRootNode;
+    final manager = PassiveNodeTransformerManager(
+      (id) => node,
+      (context, bounds, pageID, layoutID, canvasID) => const SizedBox(),
+    );
+    final Observable<VariableData> picked = Observable(
+      VariableData(
+        id: 'picked',
+        name: 'picked',
+        type: VariableType.boolean,
+        value: false,
+      ),
+    );
+    late double weight;
+    Future<void> pump() => tester.pumpWidget(
+      ChangeNotifierProvider<CodelesslyContext>.value(
+        value: CodelesslyContext.empty()..variables['picked'] = picked,
+        child: Builder(
+          builder: (context) {
+            weight = (manager.applyStyleOverrides(
+              context,
+              node,
+            ) as GeometryMixin).strokeWeight;
+            return const SizedBox();
+          },
+        ),
+      ),
+    );
+    await pump();
+    expect(weight, 1);
+    picked.set(picked.value.copyWith(value: true));
+    await pump();
+    expect(weight, 3);
+  });
 }