fix(radio): removd hard coded inner-width and inner-height for iOS

core/api.txt

@@ -755,6 +755,10 @@ ion-radio,event,ionRadioDidUnload,void,true
 ion-radio,event,ionSelect,CheckedInputChangeEvent,true
 ion-radio,css-prop,--color
 ion-radio,css-prop,--color-checked
+ion-radio,css-prop,--height
+ion-radio,css-prop,--inner-height
+ion-radio,css-prop,--inner-width
+ion-radio,css-prop,--width
 
 ion-range
 ion-range,prop,color,string | undefined,undefined,false

core/src/components/radio/radio.ios.scss

@@ -25,9 +25,6 @@
 // -----------------------------------------
 
 :host(.radio-checked) .radio-inner {
-  width: 5px;
-  height: 12px;
-
   transform: rotate(45deg);
 
   border-width: $radio-ios-icon-border-width;

core/src/components/radio/radio.scss

@@ -7,6 +7,10 @@
   /**
    * @prop --color: Color of the radio
    * @prop --color-checked: Color of the checked radio
+   * @prop --width: Width of the radio button 
+   * @prop --height: Height of the radio button 
+   * @prop --inner-width: Width of the dot or checkmark
+   * @prop --inner-height: Height of the dot or checkmark
    */
 
   display: inline-block;

core/src/components/radio/readme.md

@@ -35,10 +35,14 @@ An `ion-radio-group` can be used to group a set of radios. When radios are insid
 
 ## CSS Custom Properties
 
-| Name              | Description                |
-| ----------------- | -------------------------- |
-| `--color`         | Color of the radio         |
-| `--color-checked` | Color of the checked radio |
+| Name              | Description                    |
+| ----------------- | ------------------------------ |
+| `--color`         | Color of the radio             |
+| `--color-checked` | Color of the checked radio     |
+| `--height`        | Height of the radio button     |
+| `--inner-height`  | Height of the dot or checkmark |
+| `--inner-width`   | Width of the dot or checkmark  |
+| `--width`         | Width of the radio button      |
 
 
 ----------------------------------------------