diff --git a/change/@fluentui-react-native-checkbox-3f2687da-e979-4cb7-a540-bbf5e1504ace.json b/change/@fluentui-react-native-checkbox-3f2687da-e979-4cb7-a540-bbf5e1504ace.json
new file mode 100644
index 0000000000..b2903b036c
--- /dev/null
+++ b/change/@fluentui-react-native-checkbox-3f2687da-e979-4cb7-a540-bbf5e1504ace.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update config",
+  "packageName": "@fluentui-react-native/checkbox",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-native-switch-6a6b040c-16f3-474b-a7b4-e585b8fb8f6d.json b/change/@fluentui-react-native-switch-6a6b040c-16f3-474b-a7b4-e585b8fb8f6d.json
new file mode 100644
index 0000000000..6470312175
--- /dev/null
+++ b/change/@fluentui-react-native-switch-6a6b040c-16f3-474b-a7b4-e585b8fb8f6d.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update config",
+  "packageName": "@fluentui-react-native/switch",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/components/Checkbox/jest.config.js b/packages/components/Checkbox/jest.config.js
new file mode 100644
index 0000000000..f6813bad78
--- /dev/null
+++ b/packages/components/Checkbox/jest.config.js
@@ -0,0 +1,2 @@
+const { configureReactNativeJest } = require('@fluentui-react-native/scripts');
+module.exports = configureReactNativeJest('win32');
diff --git a/packages/components/Checkbox/src/__tests__/__snapshots__/Checkbox.test.tsx.snap b/packages/components/Checkbox/src/__tests__/__snapshots__/Checkbox.test.tsx.snap
index 1983da7421..cae2ab4efd 100644
--- a/packages/components/Checkbox/src/__tests__/__snapshots__/Checkbox.test.tsx.snap
+++ b/packages/components/Checkbox/src/__tests__/__snapshots__/Checkbox.test.tsx.snap
@@ -20,16 +20,25 @@ exports[`Checkbox component tests Checkbox all props 1`] = `
   }
   accessible={true}
   defaultChecked={true}
-  disabled={true}
   enableFocusRing={true}
   focusable={false}
+  keyUpEvents={
+    Array [
+      Object {
+        "key": " ",
+      },
+    ]
+  }
   labelPosition="before"
   onAccessibilityAction={[Function]}
   onBlur={[Function]}
   onChange={[Function]}
   onClick={[Function]}
   onFocus={[Function]}
-  onPress={[Function]}
+  onKeyDown={[Function]}
+  onKeyUp={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -52,20 +61,26 @@ exports[`Checkbox component tests Checkbox all props 1`] = `
   }
 >
   <Text
+    ellipsizeMode="tail"
+    numberOfLines={0}
+    onAccessibilityTap={[Function]}
     style={
       Object {
-        "color": "#a19f9d",
+        "color": "#bdbdbd",
         "fontFamily": "Segoe UI",
         "fontSize": 14,
         "fontWeight": "400",
         "margin": 0,
-        "marginEnd": 12,
+        "marginEnd": 10,
       }
     }
   >
     All Props Checkbox
   </Text>
   <Text
+    ellipsizeMode="tail"
+    numberOfLines={0}
+    onAccessibilityTap={[Function]}
     style={
       Object {
         "color": "#690a19",
@@ -80,11 +95,31 @@ exports[`Checkbox component tests Checkbox all props 1`] = `
     *
   </Text>
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
+    accessible={false}
+    focusable={false}
+    onBlur={[Function]}
+    onClick={[Function]}
+    onFocus={[Function]}
+    onKeyDown={[Function]}
+    onKeyUp={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
     style={
       Object {
         "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderColor": "#f3f2f1",
+        "backgroundColor": "#f0f0f0",
+        "borderColor": "#e0e0e0",
         "borderRadius": 9999,
         "borderWidth": 1,
         "height": 20,
@@ -95,9 +130,9 @@ exports[`Checkbox component tests Checkbox all props 1`] = `
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={10}
-      bbWidth={10}
-      color={-4342339}
+      bbHeight={16}
+      bbWidth={16}
+      color={4290624957}
       focusable={false}
       meetOrSlice={0}
       minX={0}
@@ -110,26 +145,26 @@ exports[`Checkbox component tests Checkbox all props 1`] = `
           },
           Object {
             "color": "#bdbdbd",
-            "height": 10,
+            "height": 16,
             "opacity": 1,
-            "width": 10,
+            "width": 16,
           },
           Object {
             "flex": 0,
-            "height": 10,
-            "width": 10,
+            "height": 16,
+            "width": 16,
           },
         ]
       }
-      tintColor={-4342339}
-      vbHeight={8}
-      vbWidth={11}
+      tintColor={4290624957}
+      vbHeight={12}
+      vbWidth={12}
     >
       <RNSVGGroup
         opacity={1}
       >
         <RNSVGPath
-          d="M10.2637 1.26367L4 7.5332L0.736328 4.26367L1.26367 3.73633L4 6.4668L9.73633 0.736328L10.2637 1.26367Z"
+          d="M9.76497 3.20474C10.0661 3.48915 10.0797 3.96383 9.79526 4.26497L5.54526 8.76497C5.40613 8.91228 5.21332 8.99703 5.01071 8.99993C4.8081 9.00282 4.61295 8.92361 4.46967 8.78033L2.21967 6.53033C1.92678 6.23744 1.92678 5.76257 2.21967 5.46967C2.51256 5.17678 2.98744 5.17678 3.28033 5.46967L4.98463 7.17397L8.70474 3.23503C8.98915 2.9339 9.46383 2.92033 9.76497 3.20474Z"
           fill={
             Array [
               2,
@@ -169,12 +204,22 @@ exports[`Checkbox component tests Checkbox all tokens 1`] = `
   defaultChecked={false}
   enableFocusRing={true}
   focusable={true}
+  keyUpEvents={
+    Array [
+      Object {
+        "key": " ",
+      },
+    ]
+  }
   onAccessibilityAction={[Function]}
   onBlur={[Function]}
   onChange={[Function]}
   onClick={[Function]}
   onFocus={[Function]}
-  onPress={[Function]}
+  onKeyDown={[Function]}
+  onKeyUp={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -192,11 +237,26 @@ exports[`Checkbox component tests Checkbox all tokens 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "padding": 8,
-      "paddingHorizontal": undefined,
+      "paddingHorizontal": 12,
     }
   }
 >
   <View
+    accessible={false}
+    focusable={false}
+    onBlur={[Function]}
+    onClick={[Function]}
+    onFocus={[Function]}
+    onKeyDown={[Function]}
+    onKeyUp={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
     style={
       Object {
         "alignItems": "center",
@@ -212,9 +272,9 @@ exports[`Checkbox component tests Checkbox all tokens 1`] = `
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={8}
-      bbWidth={8}
-      color={-16181}
+      bbHeight={12}
+      bbWidth={12}
+      color={4294951115}
       focusable={false}
       meetOrSlice={0}
       minX={0}
@@ -227,26 +287,26 @@ exports[`Checkbox component tests Checkbox all tokens 1`] = `
           },
           Object {
             "color": "pink",
-            "height": 8,
+            "height": 12,
             "opacity": 0.7,
-            "width": 8,
+            "width": 12,
           },
           Object {
             "flex": 0,
-            "height": 8,
-            "width": 8,
+            "height": 12,
+            "width": 12,
           },
         ]
       }
-      tintColor={-16181}
-      vbHeight={8}
-      vbWidth={11}
+      tintColor={4294951115}
+      vbHeight={12}
+      vbWidth={12}
     >
       <RNSVGGroup
         opacity={0.7}
       >
         <RNSVGPath
-          d="M10.2637 1.26367L4 7.5332L0.736328 4.26367L1.26367 3.73633L4 6.4668L9.73633 0.736328L10.2637 1.26367Z"
+          d="M9.76497 3.20474C10.0661 3.48915 10.0797 3.96383 9.79526 4.26497L5.54526 8.76497C5.40613 8.91228 5.21332 8.99703 5.01071 8.99993C4.8081 9.00282 4.61295 8.92361 4.46967 8.78033L2.21967 6.53033C1.92678 6.23744 1.92678 5.76257 2.21967 5.46967C2.51256 5.17678 2.98744 5.17678 3.28033 5.46967L4.98463 7.17397L8.70474 3.23503C8.98915 2.9339 9.46383 2.92033 9.76497 3.20474Z"
           fill={
             Array [
               2,
@@ -262,15 +322,18 @@ exports[`Checkbox component tests Checkbox all tokens 1`] = `
     </RNSVGSvgView>
   </View>
   <Text
+    ellipsizeMode="tail"
+    numberOfLines={0}
+    onAccessibilityTap={[Function]}
     style={
       Object {
         "color": "yellow",
-        "fontFamily": "Wingdings",
-        "fontSize": 20,
-        "fontWeight": "900",
+        "fontFamily": "Segoe UI",
+        "fontSize": 12,
+        "fontWeight": "400",
         "margin": 0,
-        "marginEnd": 9,
-        "marginStart": 12,
+        "marginEnd": 7,
+        "marginStart": 8,
       }
     }
   >
@@ -298,19 +361,30 @@ exports[`Checkbox component tests Checkbox composed 1`] = `
     }
   }
   accessible={true}
+  android_ripple={
+    Object {
+      "color": undefined,
+      "foreground": true,
+    }
+  }
   enableFocusRing={true}
   focusable={true}
+  keyUpEvents={
+    Array [
+      Object {
+        "key": " ",
+      },
+    ]
+  }
   onAccessibilityAction={[Function]}
   onBlur={[Function]}
-  onClick={[Function]}
   onFocus={[Function]}
+  onHoverIn={[Function]}
+  onHoverOut={[Function]}
+  onKeyUp={[Function]}
   onPress={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
+  onPressIn={[Function]}
+  onPressOut={[Function]}
   style={
     Object {
       "alignItems": "center",
@@ -320,16 +394,26 @@ exports[`Checkbox component tests Checkbox composed 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "padding": 8,
-      "paddingHorizontal": undefined,
+      "paddingHorizontal": 12,
     }
   }
 >
   <View
+    accessible={false}
+    android_ripple={
+      Object {
+        "color": undefined,
+        "foreground": true,
+        "radius": 12,
+      }
+    }
+    focusable={false}
+    onPress={[Function]}
     style={
       Object {
         "alignItems": "center",
         "backgroundColor": "#ffffff",
-        "borderColor": "#323130",
+        "borderColor": "#616161",
         "borderRadius": 2,
         "borderWidth": 1,
         "height": 16,
@@ -340,9 +424,8 @@ exports[`Checkbox component tests Checkbox composed 1`] = `
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={8}
-      bbWidth={8}
-      color={-14672098}
+      bbHeight={12}
+      bbWidth={12}
       focusable={false}
       meetOrSlice={0}
       minX={0}
@@ -354,27 +437,26 @@ exports[`Checkbox component tests Checkbox composed 1`] = `
             "borderWidth": 0,
           },
           Object {
-            "color": "#201f1e",
-            "height": 8,
+            "color": undefined,
+            "height": 12,
             "opacity": 0,
-            "width": 8,
+            "width": 12,
           },
           Object {
             "flex": 0,
-            "height": 8,
-            "width": 8,
+            "height": 12,
+            "width": 12,
           },
         ]
       }
-      tintColor={-14672098}
-      vbHeight={8}
-      vbWidth={11}
+      vbHeight={12}
+      vbWidth={12}
     >
       <RNSVGGroup
         opacity={0}
       >
         <RNSVGPath
-          d="M10.2637 1.26367L4 7.5332L0.736328 4.26367L1.26367 3.73633L4 6.4668L9.73633 0.736328L10.2637 1.26367Z"
+          d="M9.76497 3.20474C10.0661 3.48915 10.0797 3.96383 9.79526 4.26497L5.54526 8.76497C5.40613 8.91228 5.21332 8.99703 5.01071 8.99993C4.8081 9.00282 4.61295 8.92361 4.46967 8.78033L2.21967 6.53033C1.92678 6.23744 1.92678 5.76257 2.21967 5.46967C2.51256 5.17678 2.98744 5.17678 3.28033 5.46967L4.98463 7.17397L8.70474 3.23503C8.98915 2.9339 9.46383 2.92033 9.76497 3.20474Z"
           fill={
             Array [
               2,
@@ -392,11 +474,15 @@ exports[`Checkbox component tests Checkbox composed 1`] = `
   <Text
     style={
       Object {
-        "color": "#323130",
+        "color": "#242424",
+        "dynamicTypeRamp": undefined,
         "fontFamily": "Segoe UI",
-        "fontSize": 14,
+        "fontSize": 12,
         "fontWeight": "400",
-        "marginStart": 12,
+        "letterSpacing": undefined,
+        "lineHeight": undefined,
+        "marginStart": 8,
+        "maximumFontSize": undefined,
       }
     }
   >
@@ -427,12 +513,22 @@ exports[`Checkbox component tests Checkbox default 1`] = `
   defaultChecked={false}
   enableFocusRing={true}
   focusable={true}
+  keyUpEvents={
+    Array [
+      Object {
+        "key": " ",
+      },
+    ]
+  }
   onAccessibilityAction={[Function]}
   onBlur={[Function]}
   onChange={[Function]}
   onClick={[Function]}
   onFocus={[Function]}
-  onPress={[Function]}
+  onKeyDown={[Function]}
+  onKeyUp={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -448,16 +544,31 @@ exports[`Checkbox component tests Checkbox default 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "padding": 8,
-      "paddingHorizontal": undefined,
+      "paddingHorizontal": 12,
     }
   }
 >
   <View
+    accessible={false}
+    focusable={false}
+    onBlur={[Function]}
+    onClick={[Function]}
+    onFocus={[Function]}
+    onKeyDown={[Function]}
+    onKeyUp={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
     style={
       Object {
         "alignItems": "center",
         "backgroundColor": "#ffffff",
-        "borderColor": "#323130",
+        "borderColor": "#616161",
         "borderRadius": 2,
         "borderWidth": 1,
         "height": 16,
@@ -468,9 +579,8 @@ exports[`Checkbox component tests Checkbox default 1`] = `
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={8}
-      bbWidth={8}
-      color={-14672098}
+      bbHeight={12}
+      bbWidth={12}
       focusable={false}
       meetOrSlice={0}
       minX={0}
@@ -482,27 +592,26 @@ exports[`Checkbox component tests Checkbox default 1`] = `
             "borderWidth": 0,
           },
           Object {
-            "color": "#201f1e",
-            "height": 8,
+            "color": undefined,
+            "height": 12,
             "opacity": 0,
-            "width": 8,
+            "width": 12,
           },
           Object {
             "flex": 0,
-            "height": 8,
-            "width": 8,
+            "height": 12,
+            "width": 12,
           },
         ]
       }
-      tintColor={-14672098}
-      vbHeight={8}
-      vbWidth={11}
+      vbHeight={12}
+      vbWidth={12}
     >
       <RNSVGGroup
         opacity={0}
       >
         <RNSVGPath
-          d="M10.2637 1.26367L4 7.5332L0.736328 4.26367L1.26367 3.73633L4 6.4668L9.73633 0.736328L10.2637 1.26367Z"
+          d="M9.76497 3.20474C10.0661 3.48915 10.0797 3.96383 9.79526 4.26497L5.54526 8.76497C5.40613 8.91228 5.21332 8.99703 5.01071 8.99993C4.8081 9.00282 4.61295 8.92361 4.46967 8.78033L2.21967 6.53033C1.92678 6.23744 1.92678 5.76257 2.21967 5.46967C2.51256 5.17678 2.98744 5.17678 3.28033 5.46967L4.98463 7.17397L8.70474 3.23503C8.98915 2.9339 9.46383 2.92033 9.76497 3.20474Z"
           fill={
             Array [
               2,
@@ -518,14 +627,17 @@ exports[`Checkbox component tests Checkbox default 1`] = `
     </RNSVGSvgView>
   </View>
   <Text
+    ellipsizeMode="tail"
+    numberOfLines={0}
+    onAccessibilityTap={[Function]}
     style={
       Object {
-        "color": "#323130",
+        "color": "#242424",
         "fontFamily": "Segoe UI",
-        "fontSize": 14,
+        "fontSize": 12,
         "fontWeight": "400",
         "margin": 0,
-        "marginStart": 12,
+        "marginStart": 8,
       }
     }
   >
@@ -555,12 +667,22 @@ exports[`Checkbox component tests Checkbox no label 1`] = `
   defaultChecked={false}
   enableFocusRing={true}
   focusable={true}
+  keyUpEvents={
+    Array [
+      Object {
+        "key": " ",
+      },
+    ]
+  }
   onAccessibilityAction={[Function]}
   onBlur={[Function]}
   onChange={[Function]}
   onClick={[Function]}
   onFocus={[Function]}
-  onPress={[Function]}
+  onKeyDown={[Function]}
+  onKeyUp={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -581,11 +703,26 @@ exports[`Checkbox component tests Checkbox no label 1`] = `
   }
 >
   <View
+    accessible={false}
+    focusable={false}
+    onBlur={[Function]}
+    onClick={[Function]}
+    onFocus={[Function]}
+    onKeyDown={[Function]}
+    onKeyUp={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
     style={
       Object {
         "alignItems": "center",
         "backgroundColor": "#ffffff",
-        "borderColor": "#323130",
+        "borderColor": "#616161",
         "borderRadius": 2,
         "borderWidth": 1,
         "height": 16,
@@ -596,9 +733,8 @@ exports[`Checkbox component tests Checkbox no label 1`] = `
   >
     <RNSVGSvgView
       align="xMidYMid"
-      bbHeight={8}
-      bbWidth={8}
-      color={-14672098}
+      bbHeight={12}
+      bbWidth={12}
       focusable={false}
       meetOrSlice={0}
       minX={0}
@@ -610,27 +746,26 @@ exports[`Checkbox component tests Checkbox no label 1`] = `
             "borderWidth": 0,
           },
           Object {
-            "color": "#201f1e",
-            "height": 8,
+            "color": undefined,
+            "height": 12,
             "opacity": 0,
-            "width": 8,
+            "width": 12,
           },
           Object {
             "flex": 0,
-            "height": 8,
-            "width": 8,
+            "height": 12,
+            "width": 12,
           },
         ]
       }
-      tintColor={-14672098}
-      vbHeight={8}
-      vbWidth={11}
+      vbHeight={12}
+      vbWidth={12}
     >
       <RNSVGGroup
         opacity={0}
       >
         <RNSVGPath
-          d="M10.2637 1.26367L4 7.5332L0.736328 4.26367L1.26367 3.73633L4 6.4668L9.73633 0.736328L10.2637 1.26367Z"
+          d="M9.76497 3.20474C10.0661 3.48915 10.0797 3.96383 9.79526 4.26497L5.54526 8.76497C5.40613 8.91228 5.21332 8.99703 5.01071 8.99993C4.8081 9.00282 4.61295 8.92361 4.46967 8.78033L2.21967 6.53033C1.92678 6.23744 1.92678 5.76257 2.21967 5.46967C2.51256 5.17678 2.98744 5.17678 3.28033 5.46967L4.98463 7.17397L8.70474 3.23503C8.98915 2.9339 9.46383 2.92033 9.76497 3.20474Z"
           fill={
             Array [
               2,
@@ -646,11 +781,14 @@ exports[`Checkbox component tests Checkbox no label 1`] = `
     </RNSVGSvgView>
   </View>
   <Text
+    ellipsizeMode="tail"
+    numberOfLines={0}
+    onAccessibilityTap={[Function]}
     style={
       Object {
-        "color": "#323130",
+        "color": "#242424",
         "fontFamily": "Segoe UI",
-        "fontSize": 14,
+        "fontSize": 12,
         "fontWeight": "400",
         "margin": 0,
       }
diff --git a/packages/experimental/Switch/jest.config.js b/packages/experimental/Switch/jest.config.js
index 051098f649..f6813bad78 100644
--- a/packages/experimental/Switch/jest.config.js
+++ b/packages/experimental/Switch/jest.config.js
@@ -1,2 +1,2 @@
 const { configureReactNativeJest } = require('@fluentui-react-native/scripts');
-module.exports = configureReactNativeJest('android');
+module.exports = configureReactNativeJest('win32');
diff --git a/packages/experimental/Switch/src/__tests__/__snapshots__/Switch.test.tsx.snap b/packages/experimental/Switch/src/__tests__/__snapshots__/Switch.test.tsx.snap
index 6e7a634f97..ecc6adfafb 100644
--- a/packages/experimental/Switch/src/__tests__/__snapshots__/Switch.test.tsx.snap
+++ b/packages/experimental/Switch/src/__tests__/__snapshots__/Switch.test.tsx.snap
@@ -18,12 +18,25 @@ exports[`Switch Default 1`] = `
     }
   }
   accessible={true}
-  collapsable={false}
   focusable={true}
+  keyUpEvents={
+    Array [
+      Object {
+        "key": " ",
+      },
+      Object {
+        "key": "Enter",
+      },
+    ]
+  }
   onAccessibilityAction={[Function]}
   onBlur={[Function]}
   onClick={[Function]}
   onFocus={[Function]}
+  onKeyDown={[Function]}
+  onKeyUp={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -34,20 +47,22 @@ exports[`Switch Default 1`] = `
     Object {
       "alignItems": "center",
       "alignSelf": "flex-start",
-      "borderColor": undefined,
-      "borderRadius": undefined,
-      "borderWidth": undefined,
+      "borderColor": "transparent",
+      "borderRadius": 4,
+      "borderWidth": 2,
       "flexDirection": "row-reverse",
-      "minHeight": undefined,
-      "minWidth": undefined,
+      "minHeight": 28,
+      "minWidth": 40,
+      "padding": 2,
     }
   }
 >
   <Text
     style={
       Object {
-        "color": "#242424",
-        "fontSize": 13,
+        "color": "#424242",
+        "fontFamily": "Segoe UI",
+        "fontSize": 12,
         "fontWeight": "400",
         "margin": 0,
       }
@@ -67,16 +82,18 @@ exports[`Switch Default 1`] = `
       style={
         Object {
           "alignItems": "center",
-          "backgroundColor": "#f0f0f0",
-          "borderRadius": 100,
+          "backgroundColor": "#ffffff",
+          "borderColor": "#616161",
+          "borderRadius": 10,
+          "borderWidth": 1,
           "flexDirection": "row",
-          "height": 32,
+          "height": 20,
           "justifyContent": "flex-start",
-          "marginBottom": undefined,
-          "marginLeft": undefined,
+          "marginBottom": 2,
+          "marginLeft": 2,
           "marginRight": 8,
-          "marginTop": undefined,
-          "width": 52,
+          "marginTop": 2,
+          "width": 40,
         }
       }
     >
@@ -84,12 +101,11 @@ exports[`Switch Default 1`] = `
         animationClass="Ribbon_SwitchThumb"
         style={
           Object {
-            "backgroundColor": "#ffffff",
-            "borderRadius": 100,
-            "elevation": 8,
-            "height": 26,
-            "margin": 3,
-            "width": 26,
+            "backgroundColor": "#616161",
+            "borderRadius": 17,
+            "height": 14,
+            "margin": 2,
+            "width": 14,
           }
         }
       />
@@ -116,12 +132,25 @@ exports[`Switch Disabled 1`] = `
     }
   }
   accessible={true}
-  collapsable={false}
   focusable={false}
+  keyUpEvents={
+    Array [
+      Object {
+        "key": " ",
+      },
+      Object {
+        "key": "Enter",
+      },
+    ]
+  }
   onAccessibilityAction={[Function]}
   onBlur={[Function]}
   onClick={[Function]}
   onFocus={[Function]}
+  onKeyDown={[Function]}
+  onKeyUp={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -132,20 +161,22 @@ exports[`Switch Disabled 1`] = `
     Object {
       "alignItems": "center",
       "alignSelf": "flex-start",
-      "borderColor": undefined,
-      "borderRadius": undefined,
-      "borderWidth": undefined,
+      "borderColor": "transparent",
+      "borderRadius": 4,
+      "borderWidth": 2,
       "flexDirection": "row-reverse",
-      "minHeight": undefined,
-      "minWidth": undefined,
+      "minHeight": 28,
+      "minWidth": 40,
+      "padding": 2,
     }
   }
 >
   <Text
     style={
       Object {
-        "color": "#e0e0e0",
-        "fontSize": 13,
+        "color": "#424242",
+        "fontFamily": "Segoe UI",
+        "fontSize": 12,
         "fontWeight": "400",
         "margin": 0,
       }
@@ -166,15 +197,17 @@ exports[`Switch Disabled 1`] = `
         Object {
           "alignItems": "center",
           "backgroundColor": "#f0f0f0",
-          "borderRadius": 100,
+          "borderColor": "#e0e0e0",
+          "borderRadius": 10,
+          "borderWidth": 1,
           "flexDirection": "row",
-          "height": 32,
+          "height": 20,
           "justifyContent": "flex-start",
-          "marginBottom": undefined,
-          "marginLeft": undefined,
+          "marginBottom": 2,
+          "marginLeft": 2,
           "marginRight": 8,
-          "marginTop": undefined,
-          "width": 52,
+          "marginTop": 2,
+          "width": 40,
         }
       }
     >
@@ -182,12 +215,11 @@ exports[`Switch Disabled 1`] = `
         animationClass="Ribbon_SwitchThumb"
         style={
           Object {
-            "backgroundColor": "#ffffff",
-            "borderRadius": 100,
-            "elevation": 0,
-            "height": 26,
-            "margin": 3,
-            "width": 26,
+            "backgroundColor": "#e0e0e0",
+            "borderRadius": 17,
+            "height": 14,
+            "margin": 2,
+            "width": 14,
           }
         }
       />