From a4c522f090940d680b75d4b15fbcfb1f136f4f67 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?B=C3=BCnyamin=20Eskiocak?=
 <37407974+bunesk@users.noreply.github.com>
Date: Thu, 29 Dec 2022 00:40:59 +0300
Subject: [PATCH] Added `control--checked` and `control--indeterminate` parts
 to `<sl-checkbox>` (#1085)

* removed checked and indeterminate parts from doc

* Revert "removed checked and indeterminate parts from doc"

This reverts commit 5e702387e1ace4e5d6b424f861df8e6a3a1a4fdd.

* control--checked & control--indeterminate parts
---
 src/components/checkbox/checkbox.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/checkbox/checkbox.ts b/src/components/checkbox/checkbox.ts
index 4e75bed4..6c2ea120 100644
--- a/src/components/checkbox/checkbox.ts
+++ b/src/components/checkbox/checkbox.ts
@@ -184,7 +184,10 @@ export default class SlCheckbox extends ShoelaceElement implements ShoelaceFormC
           @focus=${this.handleFocus}
         />
 
-        <span part="control" class="checkbox__control">
+        <span
+          part="control${this.checked ? ' control--checked' : ''}${this.indeterminate ? ' control--indeterminate' : ''}"
+          class="checkbox__control"
+        >
           ${this.checked
             ? html`
                 <sl-icon part="checked-icon" class="checkbox__checked-icon" library="system" name="check"></sl-icon>