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

package/dist/cjs/captcha/tests/captcha.js

@@ -4884,8 +4884,24 @@ Skeleton.options = options12;
 Skeleton.className = SKELETON_CLASSNAME;
 Skeleton.defaultProps = defaultProps10;
 
-// src/captcha/captcha.spec.tsx
+// src/skeleton/templates/skeleton-normal.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
+
+// src/skeleton/templates/skeleton-rectangle.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var SkeletonRectangle = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  Skeleton,
+  {
+    shape: "rect",
+    ...props
+  }
+);
+
+// src/skeleton/templates/skeleton-circle.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+
+// src/captcha/captcha.spec.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var CAPTCHA_CLASSNAME = `k-captcha`;
 var states14 = [
   States.loading,
@@ -4904,7 +4920,7 @@ var Captcha = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
       ...other,
@@ -4919,25 +4935,25 @@ var Captcha = (props) => {
         }
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image-wrap k-hstack", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "k-captcha-image-wrap k-hstack", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "k-captcha-image", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "img",
               {
                 className: classNames({ "k-hidden": loading }),
                 src: "/packages/html/assets/captcha.jpg"
               }
             ),
-            loading && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Skeleton, { shape: "rect", style: { width: "100%", height: "100%" } })
+            loading && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SkeletonRectangle, { style: { width: "100%", height: "100%" } })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-image-controls k-vstack", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { icon: "volume-up", disabled: loading === true }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "k-captcha-image-controls k-vstack", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { icon: "volume-up", disabled: loading === true }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { icon: "arrow-rotate-cw", disabled: loading === true })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "k-widget k-slider k-slider-vertical" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "k-widget k-slider k-slider-vertical" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-captcha-input k-vstack", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "k-captcha-input k-vstack", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             Textbox,
             {
               value,
@@ -4945,7 +4961,7 @@ var Captcha = (props) => {
               disabled: loading === true
             }
           ),
-          valid && !loading && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
+          valid && !loading && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "k-captcha-validation-message !k-text-success", children: "Verification Success" })
         ] })
       ]
     }
@@ -4956,9 +4972,16 @@ Captcha.options = options13;
 Captcha.className = CAPTCHA_CLASSNAME;
 Captcha.defaultProps = defaultProps11;
 
+// src/captcha/templates/captcha-normal.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var CaptchaNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Captcha, { value: "YR890", ...props });
+
 // src/captcha/tests/captcha.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var captcha_default = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "Captcha" }),
-  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Captcha, { value: "YR890", valid: true }) })
-] }) });
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var captcha_default = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: ["normal", ...Captcha.states].map((state) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("section", { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { children: [
+    "Captcha ",
+    state
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CaptchaNormal, { ...{ [state]: true } })
+] })) }) });

package/dist/cjs/chat/chat.spec.js

@@ -4862,9 +4862,9 @@ var defaultOptions = {
 var Chat = (props) => {
   const {
     dir,
-    showToolbar = defaultOptions.showToolbar,
+    showToolbar,
     showMessageBox = defaultOptions.showMessageBox,
-    showMoreButton = defaultOptions.showMoreButton,
+    showMoreButton,
     ...other
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
@@ -4890,7 +4890,7 @@ var Chat = (props) => {
           }
         ),
         showToolbar && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-chat-toolbar k-toolbar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { className: "k-scroll-button k-scroll-button-left k-hidden", icon: "chevron-left" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { className: classNames("k-scroll-button", "k-scroll-button-left", dir === "rtl" ? "" : "k-hidden"), icon: "chevron-left" }),
           /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "k-toolbar-group k-button-list", children: [
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { icon: "arrow-rotate-cw" }),
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { icon: "gear" }),
@@ -4902,7 +4902,7 @@ var Chat = (props) => {
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { icon: "question-circle" }),
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { icon: "trash" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { className: "k-scroll-button k-scroll-button-right", icon: "chevron-right" })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { className: classNames("k-scroll-button", "k-scroll-button-right", dir === "rtl" && "k-hidden"), icon: "chevron-right" })
         ] })
       ]
     }