test: swap checkboxes examples [ci visual] (#4892)

SAP · Oct 10, 2023 · 8516df8 · 8516df8
1 parent a8ce47d
commit 8516df8
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/packages/styles/stories/Components/Forms/checkbox/inline.example.html b/packages/styles/stories/Components/Forms/checkbox/inline.example.html
@@ -2,29 +2,29 @@
     <legend class="fd-fieldset__legend">Inline checkboxes</legend>
     <div class="fd-form-group fd-form-group--inline">
         <div class="fd-form-item">
-            <input type="checkbox" class="fd-checkbox" id="Ai4ez617">
-            <label class="fd-checkbox__label" for="Ai4ez617">
+            <input type="checkbox" class="fd-checkbox" id="Ai4ez619" disabled checked>
+            <label class="fd-checkbox__label" for="Ai4ez619">
                 <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
                 <div class="fd-checkbox__label-container">
-                    <span class="fd-checkbox__text">Potatoes</span>
+                    <span class="fd-checkbox__text">Carrots</span>
                 </div>
             </label>
         </div>
         <div class="fd-form-item">
-            <input type="checkbox" class="fd-checkbox" id="Ai4ez618" checked>
-            <label class="fd-checkbox__label" for="Ai4ez618">
+            <input type="checkbox" class="fd-checkbox" id="Ai4ez617">
+            <label class="fd-checkbox__label" for="Ai4ez617">
                 <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
                 <div class="fd-checkbox__label-container">
-                    <span class="fd-checkbox__text">Tomatoes</span>
+                    <span class="fd-checkbox__text">Potatoes</span>
                 </div>
             </label>
         </div>
         <div class="fd-form-item">
-            <input type="checkbox" class="fd-checkbox" id="Ai4ez619" disabled checked>
-            <label class="fd-checkbox__label" for="Ai4ez619">
+            <input type="checkbox" class="fd-checkbox" id="Ai4ez618" checked>
+            <label class="fd-checkbox__label" for="Ai4ez618">
                 <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
                 <div class="fd-checkbox__label-container">
-                    <span class="fd-checkbox__text">Carrots</span>
+                    <span class="fd-checkbox__text">Tomatoes</span>
                 </div>
             </label>
         </div>

diff --git a/packages/styles/tests/__snapshots__/styles.test.ts.snap b/packages/styles/tests/__snapshots__/styles.test.ts.snap
@@ -14103,29 +14103,29 @@ exports[`Check stories > Components/Forms/Checkbox > Story Inline > Should match
     <legend class=\\"fd-fieldset__legend\\">Inline checkboxes</legend>
     <div class=\\"fd-form-group fd-form-group--inline\\">
         <div class=\\"fd-form-item\\">
-            <input type=\\"checkbox\\" class=\\"fd-checkbox\\" id=\\"Ai4ez617\\">
-            <label class=\\"fd-checkbox__label\\" for=\\"Ai4ez617\\">
+            <input type=\\"checkbox\\" class=\\"fd-checkbox\\" id=\\"Ai4ez619\\" disabled checked>
+            <label class=\\"fd-checkbox__label\\" for=\\"Ai4ez619\\">
                 <span class=\\"fd-checkbox__checkmark\\" aria-hidden=\\"true\\"></span>
                 <div class=\\"fd-checkbox__label-container\\">
-                    <span class=\\"fd-checkbox__text\\">Potatoes</span>
+                    <span class=\\"fd-checkbox__text\\">Carrots</span>
                 </div>
             </label>
         </div>
         <div class=\\"fd-form-item\\">
-            <input type=\\"checkbox\\" class=\\"fd-checkbox\\" id=\\"Ai4ez618\\" checked>
-            <label class=\\"fd-checkbox__label\\" for=\\"Ai4ez618\\">
+            <input type=\\"checkbox\\" class=\\"fd-checkbox\\" id=\\"Ai4ez617\\">
+            <label class=\\"fd-checkbox__label\\" for=\\"Ai4ez617\\">
                 <span class=\\"fd-checkbox__checkmark\\" aria-hidden=\\"true\\"></span>
                 <div class=\\"fd-checkbox__label-container\\">
-                    <span class=\\"fd-checkbox__text\\">Tomatoes</span>
+                    <span class=\\"fd-checkbox__text\\">Potatoes</span>
                 </div>
             </label>
         </div>
         <div class=\\"fd-form-item\\">
-            <input type=\\"checkbox\\" class=\\"fd-checkbox\\" id=\\"Ai4ez619\\" disabled checked>
-            <label class=\\"fd-checkbox__label\\" for=\\"Ai4ez619\\">
+            <input type=\\"checkbox\\" class=\\"fd-checkbox\\" id=\\"Ai4ez618\\" checked>
+            <label class=\\"fd-checkbox__label\\" for=\\"Ai4ez618\\">
                 <span class=\\"fd-checkbox__checkmark\\" aria-hidden=\\"true\\"></span>
                 <div class=\\"fd-checkbox__label-container\\">
-                    <span class=\\"fd-checkbox__text\\">Carrots</span>
+                    <span class=\\"fd-checkbox__text\\">Tomatoes</span>
                 </div>
             </label>
         </div>