improved Checkbox component

Author: virtualvivek

src/demo/docs/AppTheme_docs/codes.js

@@ -11,6 +11,7 @@ const AppThemeUsageCode =
   scheme={'light'}
   onColorChange={()=> {}}
   onSchemeChange={()=> {}}
+  onMount={()=> {}}
 />`;
 
 const ColorPickerItemUsageCode =

src/demo/docs/AppTheme_docs/props-view.js

@@ -22,9 +22,15 @@ const PropsView = () => {
         <tr>
           <td><p className="app-code">scheme</p></td>
           <td>'light' | 'dark' | 'system'</td>
-          <td>'light'</td>
+          <td>'system'</td>
           <td>Set's AppTheme appearance mode</td>
         </tr>
+        <tr>
+          <td><p className="app-code">onMount</p></td>
+          <td>Object</td>
+          <td>null</td>
+          <td>Set's AppTheme Callback on Mount</td>
+        </tr>
         <tr>
           <td><p className="app-code">onColorChange</p></td>
           <td>Object</td>

src/lib/dist/react-windows-ui.min.css

@@ -3,10 +3,16 @@ label.app-checkbox {
   @extend .tap-highlight-none;
   @extend .cursor-pointer;
 
+  &:active input[type="checkbox"] {
+    transform: scale(0.8, 0.8);
+    transition: 0.02s ease;
+  }
+
   input[type="checkbox"] {
     cursor: pointer;
     position: relative;
     -moz-appearance: none;
+    transition: 0.4s ease;
 
     &::before {
       @extend .transition-background-400ms;