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

package/dist/cjs/textarea/tests/{textarea.js → textarea-solid.js}

@@ -16,12 +16,12 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/textarea/tests/textarea.tsx
-var textarea_exports = {};
-__export(textarea_exports, {
-  default: () => textarea_default
+// src/textarea/tests/textarea-solid.tsx
+var textarea_solid_exports = {};
+__export(textarea_solid_exports, {
+  default: () => textarea_solid_default
 });
-module.exports = __toCommonJS(textarea_exports);
+module.exports = __toCommonJS(textarea_solid_exports);
 
 // src/misc/class-names.ts
 var classNames = (...args) => {
@@ -4554,8 +4554,7 @@ var states11 = [
   States.valid,
   States.invalid,
   States.required,
-  States.disabled,
-  States.loading
+  States.disabled
 ];
 var options10 = {
   size: [Size.small, Size.medium, Size.large],
@@ -4580,7 +4579,6 @@ var Textarea = (props) => {
     valid,
     invalid,
     required,
-    loading,
     disabled,
     ...other
   } = props;
@@ -4596,13 +4594,14 @@ var Textarea = (props) => {
       valid,
       invalid,
       required,
-      loading,
       disabled,
       className: classNames(props.className, TEXTAREA_CLASSNAME),
       children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         InputInnerTextarea,
         {
-          className: "!k-overflow-auto",
+          className: classNames(
+            "!k-overflow-auto"
+          ),
           value,
           placeholder,
           rows
@@ -4615,34 +4614,33 @@ Textarea.states = states11;
 Textarea.options = options10;
 Textarea.className = TEXTAREA_CLASSNAME;
 Textarea.defaultProps = defaultProps8;
+var textarea_spec_default = Textarea;
 
-// src/textarea/tests/textarea.tsx
+// src/textarea/templates/textarea-normal.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
+var TextareaNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(textarea_spec_default, { ...props });
+
+// src/textarea/tests/textarea-solid.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var styles = `
     #test-area {
         max-width: 660px;
     }
 `;
-var textarea_default = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "TextArea" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "TextArea RTL" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { placeholder: "TextArea..." }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { placeholder: "TextArea..." }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Normal" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Normal" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Hover", hover: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Hover", hover: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Focus", focus: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Focus", focus: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Disabled", disabled: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Disabled", disabled: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Invalid", invalid: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Invalid", invalid: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Invalid Focus", invalid: true, focus: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { value: "Invalid Focus", invalid: true, focus: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { rows: 3, value: 'Long text: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et dolorum, illo asperiores alias cum facere illum qui sapiente possimus consectetur magnam aperiam eveniet esse molestias aut repudiandae sit aliquam perspiciatis."' }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Textarea, { rows: 3, value: 'Long text: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et dolorum, illo asperiores alias cum facere illum qui sapiente possimus consectetur magnam aperiam eveniet esse molestias aut repudiandae sit aliquam perspiciatis."' }) })
+var textarea_solid_default = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "TextArea" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "TextArea RTL" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextareaNormal, { placeholder: "placeholder..." }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextareaNormal, { placeholder: "placeholder..." }) }),
+    ["normal", ...Textarea.states].map((state) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextareaNormal, { ...{ [state]: true }, value: state }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextareaNormal, { ...{ [state]: true }, value: state }) })
+    ] })),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextareaNormal, { value: "invalid focus", invalid: true, focus: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextareaNormal, { value: "invalid focus", invalid: true, focus: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextareaNormal, { rows: 3, value: 'Long text: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et dolorum, illo asperiores alias cum facere illum qui sapiente possimus consectetur magnam aperiam eveniet esse molestias aut repudiandae sit aliquam perspiciatis."' }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextareaNormal, { rows: 3, value: 'Long text: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et dolorum, illo asperiores alias cum facere illum qui sapiente possimus consectetur magnam aperiam eveniet esse molestias aut repudiandae sit aliquam perspiciatis."' }) })
   ] })
 ] });

package/dist/cjs/textarea/textarea.spec.js

@@ -4556,8 +4556,7 @@ var states11 = [
   States.valid,
   States.invalid,
   States.required,
-  States.disabled,
-  States.loading
+  States.disabled
 ];
 var options10 = {
   size: [Size.small, Size.medium, Size.large],
@@ -4582,7 +4581,6 @@ var Textarea = (props) => {
     valid,
     invalid,
     required,
-    loading,
     disabled,
     ...other
   } = props;
@@ -4598,13 +4596,14 @@ var Textarea = (props) => {
       valid,
       invalid,
       required,
-      loading,
       disabled,
       className: classNames(props.className, TEXTAREA_CLASSNAME),
       children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         InputInnerTextarea,
         {
-          className: "!k-overflow-auto",
+          className: classNames(
+            "!k-overflow-auto"
+          ),
           value,
           placeholder,
           rows