chore: update visual previews

Author: kendo-bot

tests/_output/bootstrap/form/form-grid-layout.png

@@ -37,7 +37,7 @@
                         <form class="k-form k-form-md">
                             <fieldset class="k-form-fieldset">
                                 <legend class="k-form-legend">Margins</legend>
-                                <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
+                                <div class="k-form-layout k-d-grid k-grid-cols-2" style="column-gap: 16px;">
                                     <div class="k-form-field">
                                         <label class="k-label k-form-label">Left</label>
                                         <div class="k-form-field-wrap">
@@ -181,7 +181,7 @@
                 <div class="k-expander-content-wrapper">
                     <div class="k-expander-content">
                         <form class="k-form k-form-md">
-                            <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
+                            <div class="k-form-layout k-d-grid k-grid-cols-2" style="column-gap: 16px;">
                                 <div class="k-form-field k-col-span-2">
                                     <label class="k-label k-form-label">Apply to</label>
                                     <div class="k-form-field-wrap">
@@ -280,7 +280,7 @@
                         <form class="k-form k-form-md">
                             <fieldset class="k-form-fieldset">
                                 <legend class="k-form-legend">Title</legend>
-                                <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
+                                <div class="k-form-layout k-d-grid k-grid-cols-2" style="column-gap: 16px;">
                                     <div class="k-form-field k-col-span-2">
                                         <div class="k-form-field-wrap">
                                             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
@@ -341,7 +341,7 @@
                             </fieldset>
                             <fieldset class="k-form-fieldset">
                                 <legend class="k-form-legend">Labels</legend>
-                                <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
+                                <div class="k-form-layout k-d-grid k-grid-cols-2" style="column-gap: 16px;">
                                     <div class="k-form-field k-col-span-2">
                                         <label class="k-label k-form-label">Font</label>
                                         <div class="k-form-field-wrap">
@@ -444,7 +444,7 @@
                         <form class="k-form k-form-md">
                             <fieldset class="k-form-fieldset">
                                 <legend class="k-form-legend">Title</legend>
-                                <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
+                                <div class="k-form-layout k-d-grid k-grid-cols-2" style="column-gap: 16px;">
                                     <div class="k-form-field k-col-span-2">
                                         <div class="k-form-field-wrap">
                                             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
@@ -505,7 +505,7 @@
                             </fieldset>
                             <fieldset class="k-form-fieldset">
                                 <legend class="k-form-legend">Labels</legend>
-                                <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
+                                <div class="k-form-layout k-d-grid k-grid-cols-2" style="column-gap: 16px;">
                                     <div class="k-form-field k-col-span-2">
                                         <label class="k-label k-form-label">Label Format</label>
                                         <div class="k-form-field-wrap">
@@ -614,7 +614,7 @@
                 <div class="k-expander-content-wrapper">
                     <div class="k-expander-content">
                         <form class="k-form k-form-md">
-                            <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
+                            <div class="k-form-layout k-d-grid k-grid-cols-2" style="column-gap: 16px;">
                                 <label class="k-label">Show Legend</label>
                                 <span class="k-switch k-switch-md k-switch-on">
                                     <span class="k-switch-track k-rounded-full">

tests/_output/classic/form/form-grid-layout.png

@@ -57,7 +57,7 @@
                         </div>
                         <div class="k-tabstrip-content k-active">
                             <div class="k-form k-form-md">
-                                <div class="k-form-layout k-d-grid k-grid-cols-4 k-gap-x-4">
+                                <div class="k-form-layout k-d-grid k-grid-cols-4" style="column-gap: 16px;">
                                     <div class="k-form-field k-col-span-2">
                                         <label class="k-label k-form-label">Rows</label>
                                         <div class="k-form-field-wrap">
@@ -452,7 +452,7 @@
                                     </div>
                                     <fieldset class="k-form-fieldset">
                                         <legend class="k-form-legend">Accessibility</legend>
-                                        <div class="k-form-layout k-d-grid k-grid-cols-4 k-gap-x-4">
+                                        <div class="k-form-layout k-d-grid k-grid-cols-4" style="column-gap: 16px;">
                                             <div class="k-form-field k-col-span-2">
                                                 <label class="k-label k-form-label">Caption<span class="k-label-optional">(Optional)</span>
                                                 </label>
@@ -605,7 +605,7 @@
                 </div>
                 <div class="k-window-content">
                     <div class="k-form k-form-md">
-                        <div class="k-form-layout k-d-grid k-grid-cols-4 k-gap-x-4">
+                        <div class="k-form-layout k-d-grid k-grid-cols-4" style="column-gap: 16px;">
                             <div class="k-form-field k-col-span-full">
                                 <div class="k-form-field-wrap">
                                     <span class="k-checkbox-wrap">

tests/_output/default/form/form-grid-layout.png

@@ -22,10 +22,10 @@
         <span></span>
         <section>
             <form class="k-form k-form-md">
-                <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4 k-gap-y-3">
+                <div class="k-form-layout k-d-grid k-grid-cols-2" style="gap: 16px;">
                     <fieldset class="k-form-fieldset">
                         <legend class="k-form-legend">Form Legend</legend>
-                        <div class="k-form-layout k-d-grid k-grid-cols-1 k-gap-y-3">
+                        <div class="k-form-layout k-d-grid k-grid-cols-1" style="row-gap: 12px;">
                             <div class="k-form-field">
                                 <label class="k-label k-form-label">Label</label>
                                 <div class="k-form-field-wrap">
@@ -81,7 +81,7 @@
                     </fieldset>
                     <fieldset class="k-form-fieldset">
                         <legend class="k-form-legend">Form Legend</legend>
-                        <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4 k-gap-y-3">
+                        <div class="k-form-layout k-d-grid k-grid-cols-2" style="gap: 12px 16px;">
                             <div class="k-form-field">
                                 <label class="k-label k-form-label">Label</label>
                                 <div class="k-form-field-wrap">
@@ -120,7 +120,7 @@
                     </fieldset>
                     <fieldset class="k-form-fieldset k-col-span-2">
                         <legend class="k-form-legend">Form Legend</legend>
-                        <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4 k-gap-y-3">
+                        <div class="k-form-layout k-d-grid k-grid-cols-2" style="gap: 12px 16px;">
                             <div class="k-form-field">
                                 <label class="k-label k-form-label">Label</label>
                                 <div class="k-form-field-wrap">

tests/_output/fluent/form/form-grid-layout.png

@@ -74,7 +74,7 @@
                         </div>
                         <div class="k-tabstrip-content k-active">
                             <div class="k-form k-form-md">
-                                <div class="k-form-layout k-d-grid k-grid-cols-4 k-gap-x-2">
+                                <div class="k-form-layout k-d-grid k-grid-cols-4" style="column-gap: 8px;">
                                     <div class="k-form-field k-form-field-error k-col-span-full">
                                         <label class="k-label k-form-label">Title</label>
                                         <div class="k-form-field-wrap">

tests/_output/material/form/form-grid-layout.png

@@ -111,7 +111,7 @@ <h4>Image Editor Crop Pane</h4>
                     <div class="k-imageeditor-pane-form k-form k-form-md">
                         <fieldset class="k-form-fieldset">
                             <legend class="k-form-legend">Crop Image</legend>
-                            <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-2">
+                            <div class="k-form-layout k-d-grid k-grid-cols-2" style="column-gap: 8px;">
                                 <div class="k-form-field k-col-span-2">
                                     <label class="k-label k-form-label">Aspect Ratio:</label>
                                     <div class="k-form-field-wrap">