chore: update visual previews

telerik · Apr 25, 2024 · a1d9607 · a1d9607
1 parent fc84f15
commit a1d9607
Show file tree

Hide file tree

Showing 28 changed files with 629 additions and 14 deletions.
diff --git a/tests/_output/bootstrap/signature/signature-flat.png b/tests/_output/bootstrap/signature/signature-flat.png
diff --git a/tests/_output/bootstrap/signature/signature-outline.png b/tests/_output/bootstrap/signature/signature-outline.png
diff --git a/tests/_output/bootstrap/signature/signature-sizes.png b/tests/_output/bootstrap/signature/signature-sizes.png
diff --git a/tests/_output/bootstrap/signature/signature-solid.png b/tests/_output/bootstrap/signature/signature-solid.png
diff --git a/tests/_output/classic/signature/signature-flat.png b/tests/_output/classic/signature/signature-flat.png
diff --git a/tests/_output/classic/signature/signature-outline.png b/tests/_output/classic/signature/signature-outline.png
diff --git a/tests/_output/classic/signature/signature-sizes.png b/tests/_output/classic/signature/signature-sizes.png
diff --git a/tests/_output/classic/signature/signature-solid.png b/tests/_output/classic/signature/signature-solid.png
diff --git a/tests/_output/default/signature/signature-flat.png b/tests/_output/default/signature/signature-flat.png
diff --git a/tests/_output/default/signature/signature-outline.png b/tests/_output/default/signature/signature-outline.png
diff --git a/tests/_output/default/signature/signature-sizes.png b/tests/_output/default/signature/signature-sizes.png
diff --git a/tests/_output/default/signature/signature-solid.png b/tests/_output/default/signature/signature-solid.png
diff --git a/tests/_output/fluent/signature/signature-flat.png b/tests/_output/fluent/signature/signature-flat.png
diff --git a/tests/_output/fluent/signature/signature-outline.png b/tests/_output/fluent/signature/signature-outline.png
diff --git a/tests/_output/fluent/signature/signature-sizes.png b/tests/_output/fluent/signature/signature-sizes.png
diff --git a/tests/_output/fluent/signature/signature-solid.png b/tests/_output/fluent/signature/signature-solid.png
diff --git a/tests/_output/material/signature/signature-flat.png b/tests/_output/material/signature/signature-flat.png
diff --git a/tests/_output/material/signature/signature-outline.png b/tests/_output/material/signature/signature-outline.png
diff --git a/tests/_output/material/signature/signature-sizes.png b/tests/_output/material/signature/signature-sizes.png
diff --git a/tests/_output/material/signature/signature-solid.png b/tests/_output/material/signature/signature-solid.png
diff --git a/tests/_output/nouvelle/signature/signature-flat.png b/tests/_output/nouvelle/signature/signature-flat.png
diff --git a/tests/_output/nouvelle/signature/signature-outline.png b/tests/_output/nouvelle/signature/signature-outline.png
diff --git a/tests/_output/nouvelle/signature/signature-sizes.png b/tests/_output/nouvelle/signature/signature-sizes.png
diff --git a/tests/_output/nouvelle/signature/signature-solid.png b/tests/_output/nouvelle/signature/signature-solid.png
diff --git a/tests/signature/signature-flat.html b/tests/signature/signature-flat.html
@@ -208,7 +208,7 @@
             </div>
         </div>
         <div>
-            <div class="k-signature k-input k-signature-md k-signature-flat k-rounded-md k-input-flat k-invalid">
+            <div class="k-signature k-input k-signature-md k-signature-flat k-rounded-md k-input-flat k-valid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
                     <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -239,7 +239,7 @@
             </div>
         </div>
         <div dir="rtl">
-            <div class="k-signature k-input k-signature-md k-signature-flat k-rounded-md k-input-flat k-invalid">
+            <div class="k-signature k-input k-signature-md k-signature-flat k-rounded-md k-input-flat k-valid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
                     <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -270,7 +270,7 @@
             </div>
         </div>
         <div>
-            <div class="k-signature k-input k-signature-md k-signature-flat k-rounded-md k-input-flat k-invalid k-focus">
+            <div class="k-signature k-input k-signature-md k-signature-flat k-rounded-md k-input-flat k-invalid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
                     <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -301,7 +301,7 @@
             </div>
         </div>
         <div dir="rtl">
-            <div class="k-signature k-input k-signature-md k-signature-flat k-rounded-md k-input-flat k-invalid k-focus">
+            <div class="k-signature k-input k-signature-md k-signature-flat k-rounded-md k-input-flat k-invalid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
                     <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -393,6 +393,68 @@
                 </div>
             </div>
         </div>
+        <div>
+            <div class="k-signature k-input k-signature-md k-signature-flat k-rounded-md k-input-flat k-invalid k-focus">
+                <canvas class="k-signature-canvas"></canvas>
+                <div class="k-signature-actions k-signature-actions-top">
+                    <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-hyperlink-open">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M32 480h448V256h-32v192H64V64h192V32H32zM320 32l56.9 56.9.5.5L224 242.7l45.3 45.3 153.3-153.4L480 192V32z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                    <button class="k-signature-action k-signature-minimize k-hidden k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-hyperlink-open">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M32 480h448V256h-32v192H64V64h192V32H32zM320 32l56.9 56.9.5.5L224 242.7l45.3 45.3 153.3-153.4L480 192V32z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                </div>
+                <div class="k-signature-line"></div>
+                <div class="k-signature-actions k-signature-actions-bottom">
+                    <button class="k-signature-action k-signature-clear k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-x">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                </div>
+            </div>
+        </div>
+        <div dir="rtl">
+            <div class="k-signature k-input k-signature-md k-signature-flat k-rounded-md k-input-flat k-invalid k-focus">
+                <canvas class="k-signature-canvas"></canvas>
+                <div class="k-signature-actions k-signature-actions-top">
+                    <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-hyperlink-open">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M32 480h448V256h-32v192H64V64h192V32H32zM320 32l56.9 56.9.5.5L224 242.7l45.3 45.3 153.3-153.4L480 192V32z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                    <button class="k-signature-action k-signature-minimize k-hidden k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-hyperlink-open">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M32 480h448V256h-32v192H64V64h192V32H32zM320 32l56.9 56.9.5.5L224 242.7l45.3 45.3 153.3-153.4L480 192V32z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                </div>
+                <div class="k-signature-line"></div>
+                <div class="k-signature-actions k-signature-actions-bottom">
+                    <button class="k-signature-action k-signature-clear k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-x">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                </div>
+            </div>
+        </div>
         <div class="k-colspan-all k-col-span-full">
             <div class="k-signature k-input k-signature-md k-signature-flat k-rounded-md k-input-flat k-signature-maximized">
                 <canvas class="k-signature-canvas"></canvas>

diff --git a/tests/signature/signature-outline.html b/tests/signature/signature-outline.html
@@ -208,7 +208,7 @@
             </div>
         </div>
         <div>
-            <div class="k-signature k-input k-signature-md k-signature-outline k-rounded-md k-input-outline k-invalid">
+            <div class="k-signature k-input k-signature-md k-signature-outline k-rounded-md k-input-outline k-valid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
                     <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -239,7 +239,7 @@
             </div>
         </div>
         <div dir="rtl">
-            <div class="k-signature k-input k-signature-md k-signature-outline k-rounded-md k-input-outline k-invalid">
+            <div class="k-signature k-input k-signature-md k-signature-outline k-rounded-md k-input-outline k-valid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
                     <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -270,7 +270,7 @@
             </div>
         </div>
         <div>
-            <div class="k-signature k-input k-signature-md k-signature-outline k-rounded-md k-input-outline k-invalid k-focus">
+            <div class="k-signature k-input k-signature-md k-signature-outline k-rounded-md k-input-outline k-invalid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
                     <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -301,7 +301,7 @@
             </div>
         </div>
         <div dir="rtl">
-            <div class="k-signature k-input k-signature-md k-signature-outline k-rounded-md k-input-outline k-invalid k-focus">
+            <div class="k-signature k-input k-signature-md k-signature-outline k-rounded-md k-input-outline k-invalid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
                     <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -393,6 +393,68 @@
                 </div>
             </div>
         </div>
+        <div>
+            <div class="k-signature k-input k-signature-md k-signature-outline k-rounded-md k-input-outline k-invalid k-focus">
+                <canvas class="k-signature-canvas"></canvas>
+                <div class="k-signature-actions k-signature-actions-top">
+                    <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-hyperlink-open">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M32 480h448V256h-32v192H64V64h192V32H32zM320 32l56.9 56.9.5.5L224 242.7l45.3 45.3 153.3-153.4L480 192V32z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                    <button class="k-signature-action k-signature-minimize k-hidden k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-hyperlink-open">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M32 480h448V256h-32v192H64V64h192V32H32zM320 32l56.9 56.9.5.5L224 242.7l45.3 45.3 153.3-153.4L480 192V32z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                </div>
+                <div class="k-signature-line"></div>
+                <div class="k-signature-actions k-signature-actions-bottom">
+                    <button class="k-signature-action k-signature-clear k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-x">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                </div>
+            </div>
+        </div>
+        <div dir="rtl">
+            <div class="k-signature k-input k-signature-md k-signature-outline k-rounded-md k-input-outline k-invalid k-focus">
+                <canvas class="k-signature-canvas"></canvas>
+                <div class="k-signature-actions k-signature-actions-top">
+                    <button class="k-signature-action k-signature-maximize k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-hyperlink-open">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M32 480h448V256h-32v192H64V64h192V32H32zM320 32l56.9 56.9.5.5L224 242.7l45.3 45.3 153.3-153.4L480 192V32z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                    <button class="k-signature-action k-signature-minimize k-hidden k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-hyperlink-open">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M32 480h448V256h-32v192H64V64h192V32H32zM320 32l56.9 56.9.5.5L224 242.7l45.3 45.3 153.3-153.4L480 192V32z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                </div>
+                <div class="k-signature-line"></div>
+                <div class="k-signature-actions k-signature-actions-bottom">
+                    <button class="k-signature-action k-signature-clear k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
+                        <span class="k-button-icon k-icon k-svg-icon k-svg-i-x">
+                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
+                            </svg>
+                        </span>
+                    </button>
+                </div>
+            </div>
+        </div>
         <div class="k-colspan-all k-col-span-full">
             <div class="k-signature k-input k-signature-md k-signature-outline k-rounded-md k-input-outline k-signature-maximized">
                 <canvas class="k-signature-canvas"></canvas>

diff --git a/tests/signature/signature-sizes.html b/tests/signature/signature-sizes.html
@@ -20,7 +20,7 @@
         <span>Signature</span>
         <span>Signature RTL</span>
         <div>
-            <span>Small</span>
+            <span>small</span>
             <div class="k-signature k-input k-signature-sm k-signature-solid k-rounded-md k-input-solid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
@@ -52,7 +52,7 @@
             </div>
         </div>
         <div dir="rtl">
-            <span>Small</span>
+            <span>small</span>
             <div class="k-signature k-input k-signature-sm k-signature-solid k-rounded-md k-input-solid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
@@ -84,7 +84,7 @@
             </div>
         </div>
         <div>
-            <span>Medium</span>
+            <span>medium</span>
             <div class="k-signature k-input k-signature-md k-signature-solid k-rounded-md k-input-solid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
@@ -116,7 +116,7 @@
             </div>
         </div>
         <div dir="rtl">
-            <span>Medium</span>
+            <span>medium</span>
             <div class="k-signature k-input k-signature-md k-signature-solid k-rounded-md k-input-solid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
@@ -148,7 +148,7 @@
             </div>
         </div>
         <div>
-            <span>Large</span>
+            <span>large</span>
             <div class="k-signature k-input k-signature-lg k-signature-solid k-rounded-md k-input-solid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">
@@ -180,7 +180,7 @@
             </div>
         </div>
         <div dir="rtl">
-            <span>Large</span>
+            <span>large</span>
             <div class="k-signature k-input k-signature-lg k-signature-solid k-rounded-md k-input-solid">
                 <canvas class="k-signature-canvas"></canvas>
                 <div class="k-signature-actions k-signature-actions-top">