v4.3.2

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "4.3.1",
+  "version": "4.3.2",
   "description": "netdata UI kit",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",

src/components/button/styled.js

@@ -41,7 +41,7 @@ const getBorderColor = props =>
   props.neutral ? getColor("generic")(props) : getColor("primary")(props)
 const getTextColor = props =>
   props.neutral
-    ? getColor(props.flavour === HOLLOW ? "textFocus" : "mainBackground")(props)
+    ? getColor(props.flavour === HOLLOW ? "text" : "mainBackground")(props)
     : getColor(props.flavour === HOLLOW ? "secondaryColor" : "mainBackground")(props)
 const getHoverColor = props =>
   props.neutral ? getColor("generic")(props) : getColor("accent")(props)

src/hooks/useDebouncedValue/index.js

@@ -0,0 +1,10 @@
+import { useState } from "react"
+import useDebounce from "../useDebounce"
+
+export default (value, delay, deps = []) => {
+  const [state, setState] = useState()
+
+  useDebounce(() => setState(value), delay, [value, ...deps])
+
+  return state
+}