made button appearance options into sub-options for better typing, see …

…phetsims/chipper#1253, phetsims/sun#754, and phetsims/sun#772
phetsims · Jul 21, 2022 · 0c8226b · 0c8226b
1 parent 5922a28
commit 0c8226b
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/js/common/view/EnvironmentRadioButtonGroup.js b/js/common/view/EnvironmentRadioButtonGroup.js
@@ -39,12 +39,14 @@ class EnvironmentRadioButtonGroup extends RectangularRadioButtonGroup {
       spacing: 8,
       radioButtonOptions: {
         cornerRadius: NaturalSelectionConstants.CORNER_RADIUS,
-        selectedStroke: NaturalSelectionColors.RADIO_BUTTON_SELECTED_STROKE,
-        deselectedStroke: NaturalSelectionColors.RADIO_BUTTON_DESELECTED_STROKE,
-        selectedLineWidth: 5,
-        deselectedLineWidth: 1.5,
         xMargin: 0, // Set to 0 because we will create our own backgrounds, see below.
-        yMargin: 0  // Set to 0 because we will create our own backgrounds, see below.
+        yMargin: 0,  // Set to 0 because we will create our own backgrounds, see below.
+        buttonAppearanceStrategyOptions: {
+          selectedStroke: NaturalSelectionColors.RADIO_BUTTON_SELECTED_STROKE,
+          deselectedStroke: NaturalSelectionColors.RADIO_BUTTON_DESELECTED_STROKE,
+          selectedLineWidth: 5,
+          deselectedLineWidth: 1.5
+        }
       },
 
       // phet-io