From 96c5c2274837f9088765728124a565a5f5b5c4b2 Mon Sep 17 00:00:00 2001
From: yanaminkova <yana.minkova@sap.com>
Date: Tue, 12 Mar 2024 12:45:29 +0200
Subject: [PATCH 1/2] feat(ui5-checkbox): csspart icon added

---
 packages/main/src/CheckBox.hbs | 2 +-
 packages/main/src/CheckBox.ts  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/main/src/CheckBox.hbs b/packages/main/src/CheckBox.hbs
index 8d56a887859f..ecde6f0c628b 100644
--- a/packages/main/src/CheckBox.hbs
+++ b/packages/main/src/CheckBox.hbs
@@ -20,7 +20,7 @@
 
 	{{#if isDisplayOnly}}
 		<div class="ui5-checkbox-display-only-icon-inner">
-			<ui5-icon aria-hidden="true" name={{displayOnlyIcon}} class="ui5-checkbox-display-only-icon"></ui5-icon>
+			<ui5-icon part="icon" aria-hidden="true" name={{displayOnlyIcon}} class="ui5-checkbox-display-only-icon"></ui5-icon>
 		</div>
 	{{else}}
 		<div id="{{_id}}-CbBg" class="ui5-checkbox-inner">
diff --git a/packages/main/src/CheckBox.ts b/packages/main/src/CheckBox.ts
index a69a4c5c7760..c6874fbc5f0c 100644
--- a/packages/main/src/CheckBox.ts
+++ b/packages/main/src/CheckBox.ts
@@ -75,6 +75,7 @@ let activeCb: CheckBox;
  * @public
  * @csspart root - Used to style the outermost wrapper of the `ui5-checkbox`
  * @csspart label - Used to style the label of the `ui5-checkbox`
+ * @csspart icon - Used to style the icon of the `ui5-checkbox` when it is in displayOnly state
  */
 @customElement({
 	tag: "ui5-checkbox",

From a5a64fb225252305ba9e76a517939c6b03dabb8a Mon Sep 17 00:00:00 2001
From: yanaminkova <yana.minkova@sap.com>
Date: Wed, 13 Mar 2024 09:23:57 +0200
Subject: [PATCH 2/2] feat(ui5-checkbox): csspart icon added

---
 packages/main/src/CheckBox.hbs | 4 ++--
 packages/main/src/CheckBox.ts  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/main/src/CheckBox.hbs b/packages/main/src/CheckBox.hbs
index ecde6f0c628b..c15134b282e3 100644
--- a/packages/main/src/CheckBox.hbs
+++ b/packages/main/src/CheckBox.hbs
@@ -20,12 +20,12 @@
 
 	{{#if isDisplayOnly}}
 		<div class="ui5-checkbox-display-only-icon-inner">
-			<ui5-icon part="icon" aria-hidden="true" name={{displayOnlyIcon}} class="ui5-checkbox-display-only-icon"></ui5-icon>
+			<ui5-icon aria-hidden="true" name={{displayOnlyIcon}} class="ui5-checkbox-display-only-icon" part="icon"></ui5-icon>
 		</div>
 	{{else}}
 		<div id="{{_id}}-CbBg" class="ui5-checkbox-inner">
 			{{#if isCompletelyChecked}}
-				<ui5-icon aria-hidden="true" name="accept" class="ui5-checkbox-icon"></ui5-icon>
+				<ui5-icon aria-hidden="true" name="accept" class="ui5-checkbox-icon" part="icon"></ui5-icon>
 			{{/if}}
 		</div>
 	{{/if}}
diff --git a/packages/main/src/CheckBox.ts b/packages/main/src/CheckBox.ts
index c6874fbc5f0c..6c43d5c34d49 100644
--- a/packages/main/src/CheckBox.ts
+++ b/packages/main/src/CheckBox.ts
@@ -75,7 +75,7 @@ let activeCb: CheckBox;
  * @public
  * @csspart root - Used to style the outermost wrapper of the `ui5-checkbox`
  * @csspart label - Used to style the label of the `ui5-checkbox`
- * @csspart icon - Used to style the icon of the `ui5-checkbox` when it is in displayOnly state
+ * @csspart icon - Used to style the icon of the `ui5-checkbox`
  */
 @customElement({
 	tag: "ui5-checkbox",