add deprecated comment for status prop

src/components/calcite-input/calcite-input.e2e.ts

@@ -75,14 +75,13 @@ describe("calcite-input", () => {
   it("inherits requested props when from wrapping calcite-label when props are provided", async () => {
     const page = await newE2EPage();
     await page.setContent(html`
-      <calcite-label status="invalid" scale="s">
+      <calcite-label scale="s">
         Label text
         <calcite-input></calcite-input>
       </calcite-label>
     `);
 
     const element = await page.find("calcite-input");
-    expect(await element.getProperty("status")).toEqual("invalid");
     expect(await element.getProperty("scale")).toEqual("s");
   });
 

src/components/calcite-label/calcite-label.tsx

@@ -28,7 +28,10 @@ export class CalciteLabel {
   /** specify the text alignment of the label */
   @Prop({ reflect: true }) alignment: Alignment = "start";
 
-  /** specify the status of the label and any child input / input messages */
+  /**
+   * specify the status of the label and any child input / input messages
+   * @deprecated status is no longer supported, set status directly in child input / input messages
+   */
   @Prop({ reflect: true }) status: Status = "idle";
 
   /** The id of the input associated with the label */

src/components/calcite-label/readme.md

@@ -9,10 +9,10 @@ Renders a `<label>` around its children and can be used with any [labelable nati
 ### Basic
 
 ```html
-<calcite-label status="invalid">
+<calcite-label>
   Invalid input
-  <calcite-input status="invalid" type="search" placeholder="Filter your files" value="adfo2h2"></calcite-input>
-  <calcite-input-message status="invalid" active icon> Something doesn't look right </calcite-input-message>
+  <calcite-input type="search" placeholder="Filter your files" value="adfo2h2" status="invalid"></calcite-input>
+  <calcite-input-message active icon status="invalid"> Something doesn't look right </calcite-input-message>
 </calcite-label>
 ```