From 1770e5269cb63e723b837bcbb1c0f94e21a610d3 Mon Sep 17 00:00:00 2001
From: jbphet <jpblanco@yahoo.com>
Date: Thu, 21 Jul 2022 11:15:08 -0600
Subject: [PATCH] made button appearance options into sub-options for better
 typing, see https://github.com/phetsims/chipper/issues/1253,
 https://github.com/phetsims/sun/issues/754, and
 https://github.com/phetsims/sun/issues/772

---
 js/common/view/AreaModelCommonRadioButtonGroup.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/js/common/view/AreaModelCommonRadioButtonGroup.js b/js/common/view/AreaModelCommonRadioButtonGroup.js
index 5f26d45..299a059 100644
--- a/js/common/view/AreaModelCommonRadioButtonGroup.js
+++ b/js/common/view/AreaModelCommonRadioButtonGroup.js
@@ -23,12 +23,14 @@ class AreaModelCommonRadioButtonGroup extends RectangularRadioButtonGroup {
       touchAreaXDilation: 6,
       touchAreaYDilation: 6,
       radioButtonOptions: {
+        baseColor: AreaModelCommonColors.radioBackgroundProperty,
         xMargin: 10,
         yMargin: 10,
-        selectedLineWidth: 2,
-        deselectedLineWidth: 1.5,
-        selectedStroke: AreaModelCommonColors.radioBorderProperty,
-        baseColor: AreaModelCommonColors.radioBackgroundProperty
+        buttonAppearanceStrategyOptions: {
+          selectedLineWidth: 2,
+          deselectedLineWidth: 1.5,
+          selectedStroke: AreaModelCommonColors.radioBorderProperty
+        }
       }
     }, options ) );
   }