@patternfly/patternfly 6.0.0-alpha.90 → 6.0.0-alpha.91

package/docs/components/Check/examples/Check.md

@@ -8,14 +8,14 @@ cssPrefix: pf-v5-c-check
 ### Basic
 
 ```html
-<div class="pf-v5-c-check" id="basic-example-example">
+<div class="pf-v6-c-check" id="basic-example-example">
   <input
-    class="pf-v5-c-check__input"
+    class="pf-v6-c-check__input"
     type="checkbox"
     id="basic-example-example-input"
     name="basic-example-example-input"
   />
-  <label class="pf-v5-c-check__label" for="basic-example-example-input">Check</label>
+  <label class="pf-v6-c-check__label" for="basic-example-example-input">Check</label>
 </div>
 
 ```
@@ -23,16 +23,16 @@ cssPrefix: pf-v5-c-check
 ### Required
 
 ```html
-<div class="pf-v5-c-check" id="check-required-example">
+<div class="pf-v6-c-check" id="check-required-example">
   <input
-    class="pf-v5-c-check__input"
+    class="pf-v6-c-check__input"
     type="checkbox"
     id="check-required-example-input"
     name="check-required-example-input"
   />
-  <label class="pf-v5-c-check__label" for="check-required-example-input">
+  <label class="pf-v6-c-check__label" for="check-required-example-input">
     Check
-    <span class="pf-v5-c-check__label-required" aria-hidden="true">&#42;</span>
+    <span class="pf-v6-c-check__label-required" aria-hidden="true">&#42;</span>
   </label>
 </div>
 
@@ -41,16 +41,16 @@ cssPrefix: pf-v5-c-check
 ### Checked
 
 ```html
-<div class="pf-v5-c-check" id="check-checked-example">
+<div class="pf-v6-c-check" id="check-checked-example">
   <input
-    class="pf-v5-c-check__input"
+    class="pf-v6-c-check__input"
     type="checkbox"
     id="check-checked-example-input"
     name="check-checked-example-input"
     checked
   />
   <label
-    class="pf-v5-c-check__label"
+    class="pf-v6-c-check__label"
     for="check-checked-example-input"
   >Check checked</label>
 </div>
@@ -61,17 +61,17 @@ cssPrefix: pf-v5-c-check
 
 ```html
 <label
-  class="pf-v5-c-check"
+  class="pf-v6-c-check"
   id="check-label-wrapping-input-example"
   for="check-label-wrapping-input-example-input"
 >
   <input
-    class="pf-v5-c-check__input"
+    class="pf-v6-c-check__input"
     type="checkbox"
     id="check-label-wrapping-input-example-input"
     name="check-label-wrapping-input-example-input"
   />
-  <span class="pf-v5-c-check__label">Check label wraps input</span>
+  <span class="pf-v6-c-check__label">Check label wraps input</span>
 </label>
 
 ```
@@ -79,13 +79,13 @@ cssPrefix: pf-v5-c-check
 ### Reversed
 
 ```html
-<div class="pf-v5-c-check" id="check-reversed-example">
+<div class="pf-v6-c-check" id="check-reversed-example">
   <label
-    class="pf-v5-c-check__label"
+    class="pf-v6-c-check__label"
     for="check-reversed-example-input"
   >Check reversed</label>
   <input
-    class="pf-v5-c-check__input"
+    class="pf-v6-c-check__input"
     type="checkbox"
     id="check-reversed-example-input"
     name="check-reversed-example-input"
@@ -97,22 +97,22 @@ cssPrefix: pf-v5-c-check
 ### Disabled
 
 ```html
-<div class="pf-v5-c-check" id="check-disabled-example">
+<div class="pf-v6-c-check" id="check-disabled-example">
   <input
-    class="pf-v5-c-check__input"
+    class="pf-v6-c-check__input"
     type="checkbox"
     id="check-disabled-example-input"
     name="check-disabled-example-input"
     disabled
   />
   <label
-    class="pf-v5-c-check__label pf-m-disabled"
+    class="pf-v6-c-check__label pf-m-disabled"
     for="check-disabled-example-input"
   >Check disabled</label>
 </div>
-<div class="pf-v5-c-check" id="check-disabled-checked-example">
+<div class="pf-v6-c-check" id="check-disabled-checked-example">
   <input
-    class="pf-v5-c-check__input"
+    class="pf-v6-c-check__input"
     type="checkbox"
     id="check-disabled-checked-example-input"
     name="check-disabled-checked-example-input"
@@ -120,7 +120,7 @@ cssPrefix: pf-v5-c-check
     disabled
   />
   <label
-    class="pf-v5-c-check__label pf-m-disabled"
+    class="pf-v6-c-check__label pf-m-disabled"
     for="check-disabled-checked-example-input"
   >Check disabled checked</label>
 </div>
@@ -130,20 +130,20 @@ cssPrefix: pf-v5-c-check
 ### With description
 
 ```html
-<div class="pf-v5-c-check" id="check-with-example-description-example">
+<div class="pf-v6-c-check" id="check-with-example-description-example">
   <input
-    class="pf-v5-c-check__input"
+    class="pf-v6-c-check__input"
     type="checkbox"
     aria-describedby="check-with-example-description-example-description"
     id="check-with-example-description-example-input"
     name="check-with-example-description-example-input"
   />
   <label
-    class="pf-v5-c-check__label"
+    class="pf-v6-c-check__label"
     for="check-with-example-description-example-input"
   >Check with description</label>
   <span
-    class="pf-v5-c-check__description"
+    class="pf-v6-c-check__description"
     id="check-with-example-description-example-description"
   >Single-tenant cloud service hosted and managed by Red Hat that offers high-availability enterprise-grade clusters in a virtual private cloud on AWS od GCP.</span>
 </div>
@@ -153,18 +153,18 @@ cssPrefix: pf-v5-c-check
 ### With body
 
 ```html
-<div class="pf-v5-c-check" id="check-with-example-body-example">
+<div class="pf-v6-c-check" id="check-with-example-body-example">
   <input
-    class="pf-v5-c-check__input"
+    class="pf-v6-c-check__input"
     type="checkbox"
     id="check-with-example-body-example-input"
     name="check-with-example-body-example-input"
   />
   <label
-    class="pf-v5-c-check__label"
+    class="pf-v6-c-check__label"
     for="check-with-example-body-example-input"
   >Check with body</label>
-  <span class="pf-v5-c-check__body">This is where custom content goes.</span>
+  <span class="pf-v6-c-check__body">This is where custom content goes.</span>
 </div>
 
 ```
@@ -172,23 +172,23 @@ cssPrefix: pf-v5-c-check
 ### With description and body
 
 ```html
-<div class="pf-v5-c-check" id="check-with-example-description-body-example">
+<div class="pf-v6-c-check" id="check-with-example-description-body-example">
   <input
-    class="pf-v5-c-check__input"
+    class="pf-v6-c-check__input"
     type="checkbox"
     aria-describedby="check-with-example-description-body-example-description"
     id="check-with-example-description-body-example-input"
     name="check-with-example-description-body-example-input"
   />
   <label
-    class="pf-v5-c-check__label"
+    class="pf-v6-c-check__label"
     for="check-with-example-description-body-example-input"
   >Check with description and body</label>
   <span
-    class="pf-v5-c-check__description"
+    class="pf-v6-c-check__description"
     id="check-with-example-description-body-example-description"
   >Single-tenant cloud service hosted and managed by Red Hat that offers high-availability enterprise-grade clusters in a virtual private cloud on AWS od GCP.</span>
-  <span class="pf-v5-c-check__body">This is where custom content goes.</span>
+  <span class="pf-v6-c-check__body">This is where custom content goes.</span>
 </div>
 
 ```
@@ -197,12 +197,12 @@ cssPrefix: pf-v5-c-check
 
 ```html
 <label
-  class="pf-v5-c-check pf-m-standalone"
+  class="pf-v6-c-check pf-m-standalone"
   id="standalone-input-example"
   for="standalone-input-example-input"
 >
   <input
-    class="pf-v5-c-check__input"
+    class="pf-v6-c-check__input"
     type="checkbox"
     id="standalone-input-example-input"
     name="standalone-input-example-input"