feat: add checkbox error state asset and class

RohitRaj011 · RohitRaj011 · commit 664dbe91bfb4 · 2025-05-20T16:45:36.000+05:30
diff --git a/src/assets/icons/ic-checkbox-selected-error.svg b/src/assets/icons/ic-checkbox-selected-error.svg
@@ -0,0 +1,20 @@
+<!--
+  - Copyright (c) 2024. Devtron Inc.
+  -
+  - Licensed under the Apache License, Version 2.0 (the "License");
+  - you may not use this file except in compliance with the License.
+  - You may obtain a copy of the License at
+  -
+  -     http://www.apache.org/licenses/LICENSE-2.0
+  -
+  - Unless required by applicable law or agreed to in writing, software
+  - distributed under the License is distributed on an "AS IS" BASIS,
+  - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  - See the License for the specific language governing permissions and
+  - limitations under the License.
+  -->
+
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <rect width="18" height="18" x="3" y="3" fill="#F33E3E" rx="4"/>
+  <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m16.813 8.938-6.125 6.124L7.624 12" vector-effect="non-scaling-stroke"/>
+</svg>
diff --git a/src/css/forms.scss b/src/css/forms.scss
@@ -310,6 +310,10 @@ $checkbox-hover-bg-image: url('../assets/icons/ic-checkbox-hover.svg');
     background-image: url('../assets/icons/ic-checkbox-selected.svg');
 }
 
+.form__checkbox.error:checked[value='CHECKED'] ~ .form__checkbox-container {
+    background-image: url('../assets/icons/ic-checkbox-selected-error.svg');
+}
+
 .form__checkbox:checked[value='BULK_CHECKED'] ~ .form__checkbox-container {
     background-image: url('../assets/icons/ic-bulk-check.svg');
 }

Original file line number	Diff line number	Diff line change
`@@ -310,6 +310,10 @@ $checkbox-hover-bg-image: url('../assets/icons/ic-checkbox-hover.svg');`
`310`	`310`	`background-image: url('../assets/icons/ic-checkbox-selected.svg');`
`311`	`311`	`}`
`312`	`312`
	`313`	`+.form__checkbox.error:checked[value='CHECKED'] ~ .form__checkbox-container {`
	`314`	`+ background-image: url('../assets/icons/ic-checkbox-selected-error.svg');`
	`315`	`+}`
	`316`	`+`
`313`	`317`	`.form__checkbox:checked[value='BULK_CHECKED'] ~ .form__checkbox-container {`
`314`	`318`	`background-image: url('../assets/icons/ic-bulk-check.svg');`
`315`	`319`	`}`