pass value as property

src/components/checkbox/checkbox.ts

@@ -171,7 +171,7 @@ export class SlCheckbox extends LitElement {
             id=${this.inputId}
             type="checkbox"
             name=${this.name}
-            value=${this.value}
+            .value=${this.value}
             ?checked=${this.checked}
             ?disabled=${this.disabled}
             ?required=${this.required}

src/components/color-picker/color-picker.ts

@@ -740,7 +740,7 @@ export class SlColorPicker extends LitElement {
             autocorrect="off"
             autocapitalize="off"
             spellcheck="false"
-            value=${this.inputValue}
+            .value=${this.inputValue}
             ?disabled=${this.disabled}
             @keydown=${this.handleInputKeyDown}
             @sl-change=${this.handleInputChange}

src/components/switch/switch.ts

@@ -134,7 +134,7 @@ export class SlSwitch extends LitElement {
             id=${this.switchId}
             type="checkbox"
             name=${this.name}
-            value=${this.value}
+            .value=${this.value}
             ?checked=${this.checked}
             ?disabled=${this.disabled}
             ?required=${this.required}