From 615d82581726ea6dcd326255ea91a45d58b4750a Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Wed, 7 Jun 2023 14:48:03 +0100
Subject: [PATCH 1/3] Allow indeterminate booleans

---
 packages/bbui/src/FancyForm/FancyCheckbox.svelte | 3 ++-
 packages/bbui/src/Form/Core/Checkbox.svelte      | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/bbui/src/FancyForm/FancyCheckbox.svelte b/packages/bbui/src/FancyForm/FancyCheckbox.svelte
index 363a827b1e..56290606f6 100644
--- a/packages/bbui/src/FancyForm/FancyCheckbox.svelte
+++ b/packages/bbui/src/FancyForm/FancyCheckbox.svelte
@@ -10,6 +10,7 @@
   export let validate = null
   export let compress = false
   export let lighter = false
+  export let indeterminate = false
 
   const dispatch = createEventDispatcher()
 
@@ -34,7 +35,7 @@
   on:click={onChange}
 >
   <span>
-    <Checkbox {disabled} {value} />
+    <Checkbox {disabled} {value} {indeterminate} />
   </span>
   <div class="text">
     {#if text}
diff --git a/packages/bbui/src/Form/Core/Checkbox.svelte b/packages/bbui/src/Form/Core/Checkbox.svelte
index 8384c8ca09..36ab9d288e 100644
--- a/packages/bbui/src/Form/Core/Checkbox.svelte
+++ b/packages/bbui/src/Form/Core/Checkbox.svelte
@@ -9,6 +9,7 @@
   export let text = null
   export let disabled = false
   export let size
+  export let indeterminate = false
 
   const dispatch = createEventDispatcher()
   const onChange = event => {
@@ -19,7 +20,9 @@
 </script>
 
 <label
-  class="spectrum-Checkbox spectrum-Checkbox--emphasized {sizeClass}"
+  class="spectrum-Checkbox spectrum-Checkbox--emphasized {sizeClass} {indeterminate
+    ? 'is-indeterminate'
+    : ''}"
   class:is-invalid={!!error}
   class:checked={value}
 >

From 1bdf62ab41bf2f2ffcb551ebd890b8630480a4a4 Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Wed, 7 Jun 2023 14:48:17 +0100
Subject: [PATCH 2/3] Use indeterminate for select all

---
 packages/bbui/src/FancyForm/FancyCheckboxGroup.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/bbui/src/FancyForm/FancyCheckboxGroup.svelte b/packages/bbui/src/FancyForm/FancyCheckboxGroup.svelte
index be37994616..c92c57388f 100644
--- a/packages/bbui/src/FancyForm/FancyCheckboxGroup.svelte
+++ b/packages/bbui/src/FancyForm/FancyCheckboxGroup.svelte
@@ -14,6 +14,7 @@
   $: updateSelected(selectedBooleans)
   $: dispatch("change", selected)
   $: allSelected = selected?.length === options.length
+  $: noneSelected = !selected?.length
 
   function reset() {
     return Array(options.length).fill(true)
@@ -48,6 +49,7 @@
           text={selectAllText}
           compress
           lighter
+          indeterminate={!allSelected && !noneSelected}
         />
       </div>
     {/if}

From cc52362fe371a2971ee4408226fce793d2a51d58 Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Wed, 7 Jun 2023 15:00:23 +0100
Subject: [PATCH 3/3] Use svelte class attribute

---
 packages/bbui/src/Form/Core/Checkbox.svelte | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/bbui/src/Form/Core/Checkbox.svelte b/packages/bbui/src/Form/Core/Checkbox.svelte
index 36ab9d288e..3efc737bfb 100644
--- a/packages/bbui/src/Form/Core/Checkbox.svelte
+++ b/packages/bbui/src/Form/Core/Checkbox.svelte
@@ -20,11 +20,10 @@
 </script>
 
 <label
-  class="spectrum-Checkbox spectrum-Checkbox--emphasized {sizeClass} {indeterminate
-    ? 'is-indeterminate'
-    : ''}"
+  class="spectrum-Checkbox spectrum-Checkbox--emphasized {sizeClass}"
   class:is-invalid={!!error}
   class:checked={value}
+  class:is-indeterminate={indeterminate}
 >
   <input
     checked={value}