Add checkbox props and clause colors (#545)

* Add checkbox props and clause colors * v4.8.4
netdata · Dec 17, 2024 · 237f8c8 · 237f8c8
1 parent 839d545
commit 237f8c8
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "4.8.3",
+  "version": "4.8.4",
   "description": "netdata UI kit",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",

diff --git a/src/components/checkbox/checkbox.js b/src/components/checkbox/checkbox.js
@@ -11,6 +11,7 @@ export const Checkbox = forwardRef(
       checked,
       disabled,
       iconProps,
+      checkboxProps = {},
       indeterminate,
       Label = Text,
       label,
@@ -55,7 +56,7 @@ export const Checkbox = forwardRef(
             {...(indeterminate && { "data-indeterminate": true })}
             data-checked={checked}
           />
-          <StyledCheckbox data-testid="styled-checkbox" disabled={disabled}>
+          <StyledCheckbox data-testid="styled-checkbox" disabled={disabled} {...checkboxProps}>
             {(!!checked || !!indeterminate) && (
               <Icon
                 disabled={disabled}

diff --git a/src/theme/dark/colors.js b/src/theme/dark/colors.js
@@ -139,6 +139,10 @@ const appColors = {
   terminalGreenBorder: rawColors.green.green60,
   darkBackground: rawColors.neutral.grey05,
   integrationMenuItemHover: rawColors.green.green20,
+
+  //Dynamic rooms
+  clauseBg: rawColors.neutral.grey90,
+  clauseText: rawColors.neutral.white,
 }
 
 export default {

diff --git a/src/theme/default/colors.js b/src/theme/default/colors.js
@@ -138,6 +138,10 @@ const appColors = {
   terminalGreenBorder: rawColors.green.green,
   darkBackground: rawColors.neutral.grey195,
   integrationMenuItemHover: rawColors.neutral.grey180,
+
+  //Dynamic rooms
+  clauseBg: rawColors.neutral.grey180,
+  clauseText: rawColors.neutral.grey100,
 }
 
 export default {