chore(deps): update @atlaskit/checkbox from 4.0.6 to 5.0.10

package-lock.json

@@ -131,22 +131,45 @@
       }
     },
     "@atlaskit/checkbox": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/@atlaskit/checkbox/-/checkbox-4.0.6.tgz",
-      "integrity": "sha512-U3Y0KaNnR2dUfXDe8/lXzMfudLbCZPZqYlvgDkvlllw0jlF5g5eU4vJ935bVUeTiuOmyIpzDqjkWe6AY5kbQqQ==",
+      "version": "5.0.10",
+      "resolved": "https://registry.npmjs.org/@atlaskit/checkbox/-/checkbox-5.0.10.tgz",
+      "integrity": "sha512-20LvwY8YtmCXhJI+klKJe36RPPfC3GalJ8/1cUVW+ddVNLgXw9GmAXo4Ux/CxLVghlYt125PqlB0KjprdplRNw==",
       "requires": {
-        "@atlaskit/analytics-next": "^3.0.6",
-        "@atlaskit/icon": "^13.6.1",
-        "@atlaskit/theme": "^6.0.2",
+        "@atlaskit/analytics-next": "^3.1.2",
+        "@atlaskit/icon": "^15.0.2",
+        "@atlaskit/theme": "^7.0.1",
+        "@babel/runtime": "^7.0.0",
         "babel-runtime": "^6.26.0",
         "prop-types": "^15.5.10"
       },
       "dependencies": {
+        "@atlaskit/analytics-next": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/@atlaskit/analytics-next/-/analytics-next-3.1.2.tgz",
+          "integrity": "sha512-bkYDvl3Ojsnim+bsc9BALfvOjiL7xdb2rTp/4yqUP9pfidtf5HudbOJ849+dKcRCmk/rFbfB/nhDBRU6rv1Ueg==",
+          "requires": {
+            "@babel/runtime": "^7.0.0",
+            "babel-runtime": "^6.26.0",
+            "prop-types": "^15.5.10"
+          }
+        },
+        "@atlaskit/icon": {
+          "version": "15.0.3",
+          "resolved": "https://registry.npmjs.org/@atlaskit/icon/-/icon-15.0.3.tgz",
+          "integrity": "sha512-UAf7U0/+5giS2uMlOeVMYmhuWD4fQy0eRcp7r8oEDBqZXNH0yIuHrfu1bPgt2SbFotrjxZdPpOX1i1dXEu7y6g==",
+          "requires": {
+            "@atlaskit/theme": "^7.0.1",
+            "@babel/runtime": "^7.0.0",
+            "babel-runtime": "^6.26.0",
+            "uuid": "^3.1.0"
+          }
+        },
         "@atlaskit/theme": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/@atlaskit/theme/-/theme-6.0.3.tgz",
-          "integrity": "sha512-s90qPe3S0fXtf1xHxH4uhT2IIbvGkMWLp1HW66rv0c8VSBj0f5VaJW+xVs7BLii5rN1QnOtsYS3ykx307mZOJQ==",
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/@atlaskit/theme/-/theme-7.0.1.tgz",
+          "integrity": "sha512-wxXDnkUablJketNCrQuNUuazufYEA7kv0Y6Yzv6uvqfuyNpWUQt4H1psz/MW8DbZmCdku9dEYbNVK3nFP5TDGg==",
           "requires": {
+            "@babel/runtime": "^7.0.0",
             "prop-types": "^15.5.10"
           }
         }

package.json

@@ -17,7 +17,7 @@
   "dependencies": {
     "@atlaskit/avatar": "14.0.10",
     "@atlaskit/button": "9.0.8",
-    "@atlaskit/checkbox": "4.0.6",
+    "@atlaskit/checkbox": "5.0.10",
     "@atlaskit/dropdown-menu": "6.1.12",
     "@atlaskit/field-text": "7.0.10",
     "@atlaskit/field-text-area": "4.0.9",

react/features/settings/components/web/MoreTab.js

@@ -1,6 +1,6 @@
 // @flow
 
-import { CheckboxGroup, CheckboxStateless } from '@atlaskit/checkbox';
+import { Checkbox } from '@atlaskit/checkbox';
 import DropdownMenu, {
     DropdownItem,
     DropdownItemGroup
@@ -202,35 +202,33 @@ class MoreTab extends AbstractDialogTab<Props, State> {
                 <div className = 'mock-atlaskit-label'>
                     { t('settings.moderator') }
                 </div>
-                <CheckboxGroup>
-                    <CheckboxStateless
-                        isChecked = { startAudioMuted }
-                        label = { t('settings.startAudioMuted') }
-                        name = 'start-audio-muted'
-                        // eslint-disable-next-line react/jsx-no-bind
-                        onChange = {
-                            ({ target: { checked } }) =>
-                                super._onChange({ startAudioMuted: checked })
-                        } />
-                    <CheckboxStateless
-                        isChecked = { startVideoMuted }
-                        label = { t('settings.startVideoMuted') }
-                        name = 'start-video-muted'
-                        // eslint-disable-next-line react/jsx-no-bind
-                        onChange = {
-                            ({ target: { checked } }) =>
-                                super._onChange({ startVideoMuted: checked })
-                        } />
-                    <CheckboxStateless
-                        isChecked = { followMeEnabled }
-                        label = { t('settings.followMe') }
-                        name = 'follow-me'
-                        // eslint-disable-next-line react/jsx-no-bind
-                        onChange = {
-                            ({ target: { checked } }) =>
-                                super._onChange({ followMeEnabled: checked })
-                        } />
-                </CheckboxGroup>
+                <Checkbox
+                    isChecked = { startAudioMuted }
+                    label = { t('settings.startAudioMuted') }
+                    name = 'start-audio-muted'
+                    // eslint-disable-next-line react/jsx-no-bind
+                    onChange = {
+                        ({ target: { checked } }) =>
+                            super._onChange({ startAudioMuted: checked })
+                    } />
+                <Checkbox
+                    isChecked = { startVideoMuted }
+                    label = { t('settings.startVideoMuted') }
+                    name = 'start-video-muted'
+                    // eslint-disable-next-line react/jsx-no-bind
+                    onChange = {
+                        ({ target: { checked } }) =>
+                            super._onChange({ startVideoMuted: checked })
+                    } />
+                <Checkbox
+                    isChecked = { followMeEnabled }
+                    label = { t('settings.followMe') }
+                    name = 'follow-me'
+                    // eslint-disable-next-line react/jsx-no-bind
+                    onChange = {
+                        ({ target: { checked } }) =>
+                            super._onChange({ followMeEnabled: checked })
+                    } />
             </div>
         );
     }