fix(switch): correct icon display logic

Author: zeroedin

elements/pf-v6-switch/pf-v6-switch.css

@@ -162,6 +162,11 @@
   /** Check icon color. Overrides the `--pf-t--global--icon--color--on-brand--default` design token. */
   color: var(--pf-v6-c-switch__toggle-icon--Color,
     var(--pf-t--global--icon--color--on-brand--default, light-dark(#ffffff, #1f1f1f)));
+
+  &[hidden] {
+    display: none;
+  }
+
 }
 
 #label {

elements/pf-v6-switch/pf-v6-switch.ts

@@ -102,7 +102,7 @@ export class PfV6Switch extends LitElement {
     return html`
       <span id="toggle" class="${this.#classes}">
         <span id="check-icon"
-              ?hidden=${!this.showCheckIcon || !this.checked}>
+              ?hidden=${!this.showCheckIcon || (this.showCheckIcon && !this.checked)}>
           <svg role="presentation"
                fill="currentColor"
                height="1em"