refactor: remove mutable and reflect properties from _hideMsg in form… (#8541)

Author: deleonio

packages/components/src/components/combobox/shadow.tsx

@@ -396,7 +396,7 @@ export class KolCombobox implements ComboboxAPI {
 	 * Hides the error message but leaves it in the DOM for the input's aria-describedby.
 	 * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
 	 */
-	@Prop({ mutable: true, reflect: true }) public _hideMsg?: boolean = false;
+	@Prop() public _hideMsg?: boolean = false;
 
 	/**
 	 * Hides the caption by default and displays the caption text with a tooltip when the

packages/components/src/components/combobox/test/__snapshots__/snapshot.spec.tsx.snap

@@ -215,7 +215,7 @@ exports[`kol-combobox should render with _label="Label" _name="field" _placehold
 `;
 
 exports[`kol-combobox should render with _label="Label" _name="field" _placeholder="Hier steht ein Platzhaltertext" _value="Herr" _suggestions=["Frau","Herr","Divers"] _msg={"_type":"error","_description":"Es ist ein Fehler aufgetreten"} _hideMsg=true _touched=true 1`] = `
-<kol-combobox _hide-msg="" _touched="" _value="Herr">
+<kol-combobox _touched="" _value="Herr">
   <template shadowrootmode="open" shadowrootdelegatesfocus>
     <div class="has-value kol-combobox kol-form-field kol-form-field--error kol-form-field--hidden-msg kol-form-field--msg-type-error kol-form-field--touched">
       <label class="kol-form-field__label" htmlfor="id-nonce" id="id-nonce-label">

packages/components/src/components/input-checkbox/shadow.tsx

@@ -167,7 +167,7 @@ export class KolInputCheckbox implements InputCheckboxAPI, FocusableElement {
 	 * Hides the error message but leaves it in the DOM for the input's aria-describedby.
 	 * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
 	 */
-	@Prop({ mutable: true, reflect: true }) public _hideMsg?: boolean = false;
+	@Prop() public _hideMsg?: boolean = false;
 
 	/**
 	 * Makes the element not focusable and ignore all events.

packages/components/src/components/input-checkbox/test/__snapshots__/snapshot.spec.tsx.snap

@@ -187,7 +187,7 @@ exports[`kol-input-checkbox should render with _label="Label" _name="field" _pla
 `;
 
 exports[`kol-input-checkbox should render with _label="Label" _name="field" _placeholder="Hier steht ein Platzhaltertext" _checked=false _labelAlign="left" _msg={"_type":"error","_description":"Es ist ein Fehler aufgetreten"} _hideMsg=true _touched=true 1`] = `
-<kol-input-checkbox _hide-msg="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
+<kol-input-checkbox _placeholder="Hier steht ein Platzhaltertext" _touched="">
   <template shadowrootmode="open" shadowrootdelegatesfocus>
     <div class="kol-form-field kol-form-field--error kol-form-field--hidden-msg kol-form-field--msg-type-error kol-form-field--touched kol-input-checkbox kol-input-checkbox--label-align-left kol-input-checkbox--variant-default">
       <div class="kol-form-field__input">
@@ -530,7 +530,7 @@ exports[`kol-input-checkbox should render with _label="Label" _name="field" _pla
 `;
 
 exports[`kol-input-checkbox should render with _label="Label" _name="field" _placeholder="Hier steht ein Platzhaltertext" _checked=false _variant="button" _msg={"_type":"error","_description":"Es ist ein Fehler aufgetreten"} _hideMsg=true _touched=true 1`] = `
-<kol-input-checkbox _hide-msg="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
+<kol-input-checkbox _placeholder="Hier steht ein Platzhaltertext" _touched="">
   <template shadowrootmode="open" shadowrootdelegatesfocus>
     <div class="kol-form-field kol-form-field--error kol-form-field--hidden-msg kol-form-field--msg-type-error kol-form-field--touched kol-input-checkbox kol-input-checkbox--label-align-right kol-input-checkbox--variant-button" data-role="button">
       <div class="kol-form-field__input">
@@ -873,7 +873,7 @@ exports[`kol-input-checkbox should render with _label="Label" _name="field" _pla
 `;
 
 exports[`kol-input-checkbox should render with _label="Label" _name="field" _placeholder="Hier steht ein Platzhaltertext" _checked=false _variant="switch" _msg={"_type":"error","_description":"Es ist ein Fehler aufgetreten"} _hideMsg=true _touched=true 1`] = `
-<kol-input-checkbox _hide-msg="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
+<kol-input-checkbox _placeholder="Hier steht ein Platzhaltertext" _touched="">
   <template shadowrootmode="open" shadowrootdelegatesfocus>
     <div class="kol-form-field kol-form-field--error kol-form-field--hidden-msg kol-form-field--msg-type-error kol-form-field--touched kol-input-checkbox kol-input-checkbox--label-align-right kol-input-checkbox--variant-switch">
       <div class="kol-form-field__input">
@@ -1216,7 +1216,7 @@ exports[`kol-input-checkbox should render with _label="Label" _name="field" _pla
 `;
 
 exports[`kol-input-checkbox should render with _label="Label" _name="field" _placeholder="Hier steht ein Platzhaltertext" _checked=true _labelAlign="left" _msg={"_type":"error","_description":"Es ist ein Fehler aufgetreten"} _hideMsg=true _touched=true 1`] = `
-<kol-input-checkbox _checked="" _hide-msg="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
+<kol-input-checkbox _checked="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
   <template shadowrootmode="open" shadowrootdelegatesfocus>
     <div class="kol-form-field kol-form-field--error kol-form-field--hidden-msg kol-form-field--msg-type-error kol-form-field--touched kol-input-checkbox kol-input-checkbox--checked kol-input-checkbox--label-align-left kol-input-checkbox--variant-default">
       <div class="kol-form-field__input">
@@ -1559,7 +1559,7 @@ exports[`kol-input-checkbox should render with _label="Label" _name="field" _pla
 `;
 
 exports[`kol-input-checkbox should render with _label="Label" _name="field" _placeholder="Hier steht ein Platzhaltertext" _checked=true _labelAlign="right" _msg={"_type":"error","_description":"Es ist ein Fehler aufgetreten"} _hideMsg=true _touched=true 1`] = `
-<kol-input-checkbox _checked="" _hide-msg="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
+<kol-input-checkbox _checked="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
   <template shadowrootmode="open" shadowrootdelegatesfocus>
     <div class="kol-form-field kol-form-field--error kol-form-field--hidden-msg kol-form-field--msg-type-error kol-form-field--touched kol-input-checkbox kol-input-checkbox--checked kol-input-checkbox--label-align-right kol-input-checkbox--variant-default">
       <div class="kol-form-field__input">
@@ -1902,7 +1902,7 @@ exports[`kol-input-checkbox should render with _label="Label" _name="field" _pla
 `;
 
 exports[`kol-input-checkbox should render with _label="Label" _name="field" _placeholder="Hier steht ein Platzhaltertext" _checked=true _variant="button" _msg={"_type":"error","_description":"Es ist ein Fehler aufgetreten"} _hideMsg=true _touched=true 1`] = `
-<kol-input-checkbox _checked="" _hide-msg="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
+<kol-input-checkbox _checked="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
   <template shadowrootmode="open" shadowrootdelegatesfocus>
     <div class="kol-form-field kol-form-field--error kol-form-field--hidden-msg kol-form-field--msg-type-error kol-form-field--touched kol-input-checkbox kol-input-checkbox--checked kol-input-checkbox--label-align-right kol-input-checkbox--variant-button" data-role="button">
       <div class="kol-form-field__input">
@@ -2245,7 +2245,7 @@ exports[`kol-input-checkbox should render with _label="Label" _name="field" _pla
 `;
 
 exports[`kol-input-checkbox should render with _label="Label" _name="field" _placeholder="Hier steht ein Platzhaltertext" _checked=true _variant="switch" _msg={"_type":"error","_description":"Es ist ein Fehler aufgetreten"} _hideMsg=true _touched=true 1`] = `
-<kol-input-checkbox _checked="" _hide-msg="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
+<kol-input-checkbox _checked="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
   <template shadowrootmode="open" shadowrootdelegatesfocus>
     <div class="kol-form-field kol-form-field--error kol-form-field--hidden-msg kol-form-field--msg-type-error kol-form-field--touched kol-input-checkbox kol-input-checkbox--checked kol-input-checkbox--label-align-right kol-input-checkbox--variant-switch">
       <div class="kol-form-field__input">
@@ -2588,7 +2588,7 @@ exports[`kol-input-checkbox should render with _label="Label" _name="field" _pla
 `;
 
 exports[`kol-input-checkbox should render with _label="Label" _name="field" _placeholder="Hier steht ein Platzhaltertext" _indeterminate=true _msg={"_type":"error","_description":"Es ist ein Fehler aufgetreten"} _hideMsg=true _touched=true 1`] = `
-<kol-input-checkbox _hide-msg="" _indeterminate="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
+<kol-input-checkbox _indeterminate="" _placeholder="Hier steht ein Platzhaltertext" _touched="">
   <template shadowrootmode="open" shadowrootdelegatesfocus>
     <div class="kol-form-field kol-form-field--error kol-form-field--hidden-msg kol-form-field--msg-type-error kol-form-field--touched kol-input-checkbox kol-input-checkbox--indeterminate kol-input-checkbox--label-align-right kol-input-checkbox--variant-default">
       <div class="kol-form-field__input">

packages/components/src/components/input-color/shadow.tsx

@@ -186,7 +186,7 @@ export class KolInputColor implements InputColorAPI, FocusableElement {
 	 * Hides the error message but leaves it in the DOM for the input's aria-describedby.
 	 * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
 	 */
-	@Prop({ mutable: true, reflect: true }) public _hideMsg?: boolean = false;
+	@Prop() public _hideMsg?: boolean = false;
 
 	/**
 	 * Hides the caption by default and displays the caption text with a tooltip when the
@@ -266,7 +266,7 @@ export class KolInputColor implements InputColorAPI, FocusableElement {
 	/**
 	 * Defines the value of the input.
 	 */
-	@Prop({ reflect: true }) public _value?: string;
+	@Prop() public _value?: string;
 
 	@State() public state: InputColorStates = {
 		_hideMsg: false,