chore: update visual previews

telerik · Nov 14, 2023 · 851f946 · 851f946
1 parent 42c114b
commit 851f946
Show file tree

Hide file tree

Showing 49 changed files with 1,172 additions and 165 deletions.
diff --git a/tests/_output/bootstrap/badge/badge-cutout-border.png b/tests/_output/bootstrap/badge/badge-cutout-border.png
diff --git a/tests/_output/bootstrap/badge/badge-misc.png b/tests/_output/bootstrap/badge/badge-misc.png
diff --git a/tests/_output/bootstrap/badge/badge-outline.png b/tests/_output/bootstrap/badge/badge-outline.png
diff --git a/tests/_output/bootstrap/badge/badge-position-outline.png b/tests/_output/bootstrap/badge/badge-position-outline.png
diff --git a/tests/_output/bootstrap/badge/badge-position-solid.png b/tests/_output/bootstrap/badge/badge-position-solid.png
diff --git a/tests/_output/bootstrap/badge/badge-size.png b/tests/_output/bootstrap/badge/badge-size.png
diff --git a/tests/_output/bootstrap/badge/badge-solid.png b/tests/_output/bootstrap/badge/badge-solid.png
diff --git a/tests/_output/classic/badge/badge-cutout-border.png b/tests/_output/classic/badge/badge-cutout-border.png
diff --git a/tests/_output/classic/badge/badge-misc.png b/tests/_output/classic/badge/badge-misc.png
diff --git a/tests/_output/classic/badge/badge-outline.png b/tests/_output/classic/badge/badge-outline.png
diff --git a/tests/_output/classic/badge/badge-position-outline.png b/tests/_output/classic/badge/badge-position-outline.png
diff --git a/tests/_output/classic/badge/badge-position-solid.png b/tests/_output/classic/badge/badge-position-solid.png
diff --git a/tests/_output/classic/badge/badge-size.png b/tests/_output/classic/badge/badge-size.png
diff --git a/tests/_output/classic/badge/badge-solid.png b/tests/_output/classic/badge/badge-solid.png
diff --git a/tests/_output/default/badge/badge-cutout-border.png b/tests/_output/default/badge/badge-cutout-border.png
diff --git a/tests/_output/default/badge/badge-misc.png b/tests/_output/default/badge/badge-misc.png
diff --git a/tests/_output/default/badge/badge-outline.png b/tests/_output/default/badge/badge-outline.png
diff --git a/tests/_output/default/badge/badge-position-outline.png b/tests/_output/default/badge/badge-position-outline.png
diff --git a/tests/_output/default/badge/badge-position-solid.png b/tests/_output/default/badge/badge-position-solid.png
diff --git a/tests/_output/default/badge/badge-size.png b/tests/_output/default/badge/badge-size.png
diff --git a/tests/_output/default/badge/badge-solid.png b/tests/_output/default/badge/badge-solid.png
diff --git a/tests/_output/fluent/badge/badge-cutout-border.png b/tests/_output/fluent/badge/badge-cutout-border.png
diff --git a/tests/_output/fluent/badge/badge-misc.png b/tests/_output/fluent/badge/badge-misc.png
diff --git a/tests/_output/fluent/badge/badge-outline.png b/tests/_output/fluent/badge/badge-outline.png
diff --git a/tests/_output/fluent/badge/badge-position-outline.png b/tests/_output/fluent/badge/badge-position-outline.png
diff --git a/tests/_output/fluent/badge/badge-position-solid.png b/tests/_output/fluent/badge/badge-position-solid.png
diff --git a/tests/_output/fluent/badge/badge-size.png b/tests/_output/fluent/badge/badge-size.png
diff --git a/tests/_output/fluent/badge/badge-solid.png b/tests/_output/fluent/badge/badge-solid.png
diff --git a/tests/_output/material/badge/badge-cutout-border.png b/tests/_output/material/badge/badge-cutout-border.png
diff --git a/tests/_output/material/badge/badge-misc.png b/tests/_output/material/badge/badge-misc.png
diff --git a/tests/_output/material/badge/badge-outline.png b/tests/_output/material/badge/badge-outline.png
diff --git a/tests/_output/material/badge/badge-position-outline.png b/tests/_output/material/badge/badge-position-outline.png
diff --git a/tests/_output/material/badge/badge-position-solid.png b/tests/_output/material/badge/badge-position-solid.png
diff --git a/tests/_output/material/badge/badge-size.png b/tests/_output/material/badge/badge-size.png
diff --git a/tests/_output/material/badge/badge-solid.png b/tests/_output/material/badge/badge-solid.png
diff --git a/tests/_output/nouvelle/badge/badge-cutout-border.png b/tests/_output/nouvelle/badge/badge-cutout-border.png
diff --git a/tests/_output/nouvelle/badge/badge-misc.png b/tests/_output/nouvelle/badge/badge-misc.png
diff --git a/tests/_output/nouvelle/badge/badge-outline.png b/tests/_output/nouvelle/badge/badge-outline.png
diff --git a/tests/_output/nouvelle/badge/badge-position-outline.png b/tests/_output/nouvelle/badge/badge-position-outline.png
diff --git a/tests/_output/nouvelle/badge/badge-position-solid.png b/tests/_output/nouvelle/badge/badge-position-solid.png
diff --git a/tests/_output/nouvelle/badge/badge-size.png b/tests/_output/nouvelle/badge/badge-size.png
diff --git a/tests/_output/nouvelle/badge/badge-solid.png b/tests/_output/nouvelle/badge/badge-solid.png
diff --git a/tests/badge/badge-cutout-border.html b/tests/badge/badge-cutout-border.html
@@ -0,0 +1,134 @@
+<!doctype html>
+<html lang="en" class="k-no-animations" style="--kendo-scrollbar-width: 15px;">
+<head>
+    <title>Document</title>
+    <meta charset="utf-8">
+    <link rel="stylesheet" data-role="kendo-theme" href="/packages/default/dist/all.css">
+    <link rel="stylesheet" href="/packages/html/assets/styles.css">
+    <script src="/packages/html/assets/scripts.js"></script>
+</head>
+<body id="app" class="k-body">
+    <style>
+        .k-badge-container {
+            padding: 5px;
+            width: 80px;
+            min-height: 30px;
+            box-sizing: border-box;
+            background-color: skyblue;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+        }
+        #test-area {
+            grid-template-columns: 80px repeat(5, 1fr);
+        }
+
+    </style>
+    <div id="test-area" class="k-d-grid">
+        <span></span>
+        <span>Rectangle</span>
+        <span>Rounded</span>
+        <span>Pill</span>
+        <span>Circle</span>
+        <span>Dot</span>
+        <div class="k-col-span-full k-text-center">solid</div>
+        <span>inline</span>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-badge-border-cutout">Rect</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-md k-badge-border-cutout">Round</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-full k-badge-border-cutout">Pill</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-full k-badge-border-cutout">1</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-full k-badge-border-cutout"></span>
+        </div>
+        <span>inside</span>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-badge-inside k-top-start k-badge-border-cutout">Rect</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-md k-badge-inside k-top-start k-badge-border-cutout">Round</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-full k-badge-inside k-top-start k-badge-border-cutout">Pill</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-full k-badge-inside k-top-start k-badge-border-cutout">1</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-full k-badge-inside k-top-start k-badge-border-cutout"></span>
+        </div>
+        <span>edge</span>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-badge-edge k-top-start k-badge-border-cutout">Rect</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-md k-badge-edge k-top-start k-badge-border-cutout">Round</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-full k-badge-edge k-top-start k-badge-border-cutout">Pill</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-full k-badge-edge k-top-start k-badge-border-cutout">1</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-solid k-badge-solid-primary k-rounded-full k-badge-edge k-top-start k-badge-border-cutout"></span>
+        </div>
+        <div class="k-col-span-full k-text-center">outline</div>
+        <span>inline</span>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-badge-border-cutout">Rect</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-md k-badge-border-cutout">Round</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-full k-badge-border-cutout">Pill</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-full k-badge-border-cutout">1</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-full k-badge-border-cutout"></span>
+        </div>
+        <span>inside</span>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-badge-inside k-top-start k-badge-border-cutout">Rect</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-md k-badge-inside k-top-start k-badge-border-cutout">Round</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-full k-badge-inside k-top-start k-badge-border-cutout">Pill</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-full k-badge-inside k-top-start k-badge-border-cutout">1</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-full k-badge-inside k-top-start k-badge-border-cutout"></span>
+        </div>
+        <span>edge</span>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-badge-edge k-top-start k-badge-border-cutout">Rect</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-md k-badge-edge k-top-start k-badge-border-cutout">Round</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-full k-badge-edge k-top-start k-badge-border-cutout">Pill</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-full k-badge-edge k-top-start k-badge-border-cutout">1</span>
+        </div>
+        <div class="k-badge-container">
+            <span class="k-badge k-badge-md k-badge-outline k-badge-outline-primary k-rounded-full k-badge-edge k-top-start k-badge-border-cutout"></span>
+        </div>
+    </div>
+</body>
+</html>