From 237f8c8a9718a219878a16aa3c7c580fe17ac41a Mon Sep 17 00:00:00 2001
From: John Kapantzakis <kapantzak@gmail.com>
Date: Tue, 17 Dec 2024 16:12:58 +0200
Subject: [PATCH] Add checkbox props and clause colors (#545)

* Add checkbox props and clause colors

* v4.8.4
---
 package.json                        | 2 +-
 src/components/checkbox/checkbox.js | 3 ++-
 src/theme/dark/colors.js            | 4 ++++
 src/theme/default/colors.js         | 4 ++++
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 1576ac6c..a2cdd897 100644
--- 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
index 01f92abe..6bf05a89 100644
--- 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
index 5f0958db..ebfedfaa 100644
--- 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
index 4fcaff65..33b18823 100644
--- 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 {