feat(Button): expose radius and outline color

Author: hobbitronics

Diff for: components/mdc/Button/_index.scss

@@ -1 +1,11 @@
 @use '@material/button/styles';
+@use '@material/button';
+
+$radius: 4px !default;
+
+.mdc-button {
+  @include button.shape-radius($radius);
+}
+.mdc-button--outlined {
+  @include button.outline-color(var(--mdc-button-outline-color));
+}

Diff for: stories/_index.scss

@@ -1,2 +1,5 @@
 @use './theme';
 @use './typography';
+@use './components/mdc/Button' with (
+  $radius: 16px
+);

Diff for: stories/_theme.scss

@@ -8,6 +8,7 @@
   --mdc-required-input: gray;
   --progress-bar-color: #005cb9;
   --main-content-height: unset;
+  --mdc-button-outline-color: #00a7e1;
 }
 
 .mdc-theme--primary-variant {