@progress/kendo-themes-html 7.0.3-dev.0 → 7.0.3-dev.2

package/dist/esm/captcha/captcha.spec.js

@@ -4865,8 +4865,24 @@ Skeleton.options = options12;
 Skeleton.className = SKELETON_CLASSNAME;
 Skeleton.defaultProps = defaultProps10;
 
+// src/skeleton/templates/skeleton-normal.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+
+// src/skeleton/templates/skeleton-rectangle.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var SkeletonRectangle = (props) => /* @__PURE__ */ jsx25(
+  Skeleton,
+  {
+    shape: "rect",
+    ...props
+  }
+);
+
+// src/skeleton/templates/skeleton-circle.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+
 // src/captcha/captcha.spec.tsx
-import { jsx as jsx24, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs6 } from "react/jsx-runtime";
 var CAPTCHA_CLASSNAME = `k-captcha`;
 var states14 = [
   States.loading,
@@ -4902,23 +4918,23 @@ var Captcha = (props) => {
       children: [
         /* @__PURE__ */ jsxs6("div", { className: "k-captcha-image-wrap k-hstack", children: [
           /* @__PURE__ */ jsxs6("div", { className: "k-captcha-image", children: [
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx27(
               "img",
               {
                 className: classNames({ "k-hidden": loading }),
                 src: "/packages/html/assets/captcha.jpg"
               }
             ),
-            loading && /* @__PURE__ */ jsx24(Skeleton, { shape: "rect", style: { width: "100%", height: "100%" } })
+            loading && /* @__PURE__ */ jsx27(SkeletonRectangle, { style: { width: "100%", height: "100%" } })
           ] }),
           /* @__PURE__ */ jsxs6("div", { className: "k-captcha-image-controls k-vstack", children: [
-            /* @__PURE__ */ jsx24(Button, { icon: "volume-up", disabled: loading === true }),
-            /* @__PURE__ */ jsx24(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
+            /* @__PURE__ */ jsx27(Button, { icon: "volume-up", disabled: loading === true }),
+            /* @__PURE__ */ jsx27(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
           ] }),
-          /* @__PURE__ */ jsx24("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ jsx24("div", { className: "k-widget k-slider k-slider-vertical" }) })
+          /* @__PURE__ */ jsx27("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ jsx27("div", { className: "k-widget k-slider k-slider-vertical" }) })
         ] }),
         /* @__PURE__ */ jsxs6("div", { className: "k-captcha-input k-vstack", children: [
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx27(
             Textbox,
             {
               value,
@@ -4926,7 +4942,7 @@ var Captcha = (props) => {
               disabled: loading === true
             }
           ),
-          valid && !loading && /* @__PURE__ */ jsx24("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
+          valid && !loading && /* @__PURE__ */ jsx27("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
         ] })
       ]
     }

package/dist/esm/captcha/{tests/captcha-loading.js → templates/captcha-normal.js}

@@ -4865,8 +4865,24 @@ Skeleton.options = options12;
 Skeleton.className = SKELETON_CLASSNAME;
 Skeleton.defaultProps = defaultProps10;
 
+// src/skeleton/templates/skeleton-normal.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+
+// src/skeleton/templates/skeleton-rectangle.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var SkeletonRectangle = (props) => /* @__PURE__ */ jsx25(
+  Skeleton,
+  {
+    shape: "rect",
+    ...props
+  }
+);
+
+// src/skeleton/templates/skeleton-circle.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+
 // src/captcha/captcha.spec.tsx
-import { jsx as jsx24, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs6 } from "react/jsx-runtime";
 var CAPTCHA_CLASSNAME = `k-captcha`;
 var states14 = [
   States.loading,
@@ -4902,23 +4918,23 @@ var Captcha = (props) => {
       children: [
         /* @__PURE__ */ jsxs6("div", { className: "k-captcha-image-wrap k-hstack", children: [
           /* @__PURE__ */ jsxs6("div", { className: "k-captcha-image", children: [
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx27(
               "img",
               {
                 className: classNames({ "k-hidden": loading }),
                 src: "/packages/html/assets/captcha.jpg"
               }
             ),
-            loading && /* @__PURE__ */ jsx24(Skeleton, { shape: "rect", style: { width: "100%", height: "100%" } })
+            loading && /* @__PURE__ */ jsx27(SkeletonRectangle, { style: { width: "100%", height: "100%" } })
           ] }),
           /* @__PURE__ */ jsxs6("div", { className: "k-captcha-image-controls k-vstack", children: [
-            /* @__PURE__ */ jsx24(Button, { icon: "volume-up", disabled: loading === true }),
-            /* @__PURE__ */ jsx24(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
+            /* @__PURE__ */ jsx27(Button, { icon: "volume-up", disabled: loading === true }),
+            /* @__PURE__ */ jsx27(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
           ] }),
-          /* @__PURE__ */ jsx24("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ jsx24("div", { className: "k-widget k-slider k-slider-vertical" }) })
+          /* @__PURE__ */ jsx27("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ jsx27("div", { className: "k-widget k-slider k-slider-vertical" }) })
         ] }),
         /* @__PURE__ */ jsxs6("div", { className: "k-captcha-input k-vstack", children: [
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx27(
             Textbox,
             {
               value,
@@ -4926,7 +4942,7 @@ var Captcha = (props) => {
               disabled: loading === true
             }
           ),
-          valid && !loading && /* @__PURE__ */ jsx24("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
+          valid && !loading && /* @__PURE__ */ jsx27("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
         ] })
       ]
     }
@@ -4937,12 +4953,9 @@ Captcha.options = options13;
 Captcha.className = CAPTCHA_CLASSNAME;
 Captcha.defaultProps = defaultProps11;
 
-// src/captcha/tests/captcha-loading.tsx
-import { Fragment as Fragment12, jsx as jsx25, jsxs as jsxs7 } from "react/jsx-runtime";
-var captcha_loading_default = () => /* @__PURE__ */ jsx25(Fragment12, { children: /* @__PURE__ */ jsxs7("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ jsx25("span", { children: "Captcha Loading" }),
-  /* @__PURE__ */ jsx25("section", { children: /* @__PURE__ */ jsx25(Captcha, { loading: true }) })
-] }) });
+// src/captcha/templates/captcha-normal.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+var CaptchaNormal = (props) => /* @__PURE__ */ jsx28(Captcha, { value: "YR890", ...props });
 export {
-  captcha_loading_default as default
+  CaptchaNormal
 };