Added key names to Sizer controls to make it possible to override the styles

components/Sizers/src/ContentSizer/ContentSizer.cs

@@ -9,4 +9,11 @@ namespace CommunityToolkit.WinUI.Controls;
 /// </summary>
 public partial class ContentSizer : SizerBase
 {
+    /// <summary>
+    /// Initializes a new instance of the <see cref="ContentSizer"/> class.
+    /// </summary>
+    public ContentSizer()
+    {
+        DefaultStyleKey = typeof(ContentSizer);
+    }
 }

components/Sizers/src/GridSplitter/GridSplitter.Events.cs

@@ -50,7 +50,7 @@ protected override bool OnDragVertical(double verticalChange)
         var currentChange = _currentSize + verticalChange;
         var siblingChange = _siblingSize + (verticalChange * -1); // sibling moves opposite
 
-        // Would changing the columnn sizes violate the constraints?
+        // Would changing the column sizes violate the constraints?
         if (!IsValidRowHeight(CurrentRow, currentChange) || !IsValidRowHeight(SiblingRow, siblingChange))
         {
             return false;
@@ -125,7 +125,7 @@ protected override bool OnDragHorizontal(double horizontalChange)
         var currentChange = _currentSize + horizontalChange;
         var siblingChange = _siblingSize + (horizontalChange * -1); // sibling moves opposite
 
-        // Would changing the columnn sizes violate the constraints?
+        // Would changing the column sizes violate the constraints?
         if (!IsValidColumnWidth(CurrentColumn, currentChange) || !IsValidColumnWidth(SiblingColumn, siblingChange))
         {
             return false;

components/Sizers/src/GridSplitter/GridSplitter.cs

@@ -142,4 +142,12 @@ private RowDefinition? SiblingRow
             return null;
         }
     }
+
+    /// <summary>
+    /// Initializes a new instance of the <see cref="GridSplitter"/> class.
+    /// </summary>
+    public GridSplitter()
+    {
+        DefaultStyleKey = typeof(GridSplitter);
+    }
 }

components/Sizers/src/PropertySizer/PropertySizer.cs

@@ -9,4 +9,11 @@ namespace CommunityToolkit.WinUI.Controls;
 /// </summary>
 public partial class PropertySizer : SizerBase
 {
+    /// <summary>
+    /// Initializes a new instance of the <see cref="PropertySizer"/> class.
+    /// </summary>
+    public PropertySizer()
+    {
+        DefaultStyleKey = typeof(PropertySizer);
+    }
 }

components/Sizers/src/SizerBase.cs

@@ -139,7 +139,7 @@ protected override void OnApplyTemplate()
         // Ensure we have the proper cursor value setup, as we can only set now for WinUI 3
         OnOrientationPropertyChanged(this, null!);
 
-        // Ensure we set the Thumb visiblity
+        // Ensure we set the Thumb visibility
         OnIsThumbVisiblePropertyChanged(this, null!);
     }
 

components/Sizers/src/SizerBase.xaml

@@ -41,12 +41,23 @@
                             ResourceKey="SystemColorButtonTextColorBrush" />
         </ResourceDictionary>
     </ResourceDictionary.ThemeDictionaries>
+
     <x:Double x:Key="SizerBaseThumbHeight">24</x:Double>
     <x:Double x:Key="SizerBaseThumbWidth">4</x:Double>
     <x:Double x:Key="SizerBaseThumbRadius">2</x:Double>
     <Thickness x:Key="SizerBasePadding">4</Thickness>
 
-    <Style TargetType="controls:SizerBase">
+    <Style BasedOn="{StaticResource DefaultSizerBaseStyle}"
+           TargetType="controls:SizerBase" />
+    <Style BasedOn="{StaticResource DefaultContentSizerStyle}"
+           TargetType="controls:ContentSizer" />
+    <Style BasedOn="{StaticResource DefaultGridSplitterStyle}"
+           TargetType="controls:GridSplitter" />
+    <Style BasedOn="{StaticResource DefaultPropertySizerStyle}"
+           TargetType="controls:PropertySizer" />
+
+    <Style x:Key="DefaultSizerBaseStyle"
+           TargetType="controls:SizerBase">
         <Setter Property="IsTabStop" Value="True" />
         <Setter Property="UseSystemFocusVisuals" Value="True" />
         <Setter Property="HorizontalAlignment" Value="Stretch" />
@@ -124,4 +135,16 @@
         </Setter>
     </Style>
 
+    <Style x:Key="DefaultContentSizerStyle"
+           BasedOn="{StaticResource DefaultSizerBaseStyle}"
+           TargetType="controls:ContentSizer" />
+
+    <Style x:Key="DefaultGridSplitterStyle"
+           BasedOn="{StaticResource DefaultSizerBaseStyle}"
+           TargetType="controls:GridSplitter" />
+
+    <Style x:Key="DefaultPropertySizerStyle"
+           BasedOn="{StaticResource DefaultSizerBaseStyle}"
+           TargetType="controls:PropertySizer" />
+
 </ResourceDictionary>