fix radioButton disabled colors (#434)

Author: jacekkolasa

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "2.8.10",
+  "version": "2.8.12",
   "description": "netdata UI kit",
   "main": "./lib/index.js",
   "files": [

src/components/radio-button/index.js

@@ -1,9 +1,13 @@
 import React from "react"
 import { Text } from "src/components/typography"
-import { Input, Container, IconContainer, StyledIcon } from "./styled"
+import { Container, IconContainer, Input, StyledIcon } from "./styled"
 
 const radioButtonStyles = {
-  disabled: { containerColor: "disabled", dotColor: "disabled", borderColor: "disabled" },
+  disabled: {
+    containerColor: "disabledBackground",
+    dotColor: "disabledBackground",
+    borderColor: "disabledBackground",
+  },
   checked: { containerColor: "inputBg", dotColor: "primary", borderColor: "inputBorder" },
   checkedDisabled: { containerColor: "inputBg", dotColor: "disabled", borderColor: "inputBorder" },
   default: { containerColor: "inputBg", dotColor: "bright", borderColor: "inputBorder" },

src/components/radio-button/styled.js

@@ -31,6 +31,7 @@ export const IconContainer = styled.div`
   align-items: center;
   justify-content: center;
   overflow: hidden;
+  flex: 0 0 auto;
 
   height: 20px;
   width: 20px;