@progress/kendo-themes-html 7.0.1-dev.1 → 7.0.2-dev.0

package/dist/esm/floating-label/tests/floating-label-flat.js

@@ -155,12 +155,8 @@ FloatingLabel.className = FLOATINGLABEL_CLASSNAME;
 FloatingLabel.defaultProps = defaultProps;
 var floating_label_spec_default = FloatingLabel;
 
-// src/floating-label/templates/floating-label-normal.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var FloatingLabelNormal = ({ children, ...other }) => /* @__PURE__ */ jsx2(floating_label_spec_default, { ...other, children });
-
 // src/input/input.spec.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var INPUT_CLASSNAME = `k-input`;
 var states2 = [
   States.hover,
@@ -196,7 +192,7 @@ var Input = (props) => {
     fillMode = defaultProps2.fillMode,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "span",
     {
       ...other,
@@ -215,7 +211,7 @@ Input.className = INPUT_CLASSNAME;
 Input.defaultProps = defaultProps2;
 
 // src/input/picker.spec.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var PICKER_CLASSNAME = `k-picker`;
 var pickerStates = [
   States.hover,
@@ -251,7 +247,7 @@ var Picker = (props) => {
     fillMode = defaultProps3.fillMode,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
       ...other,
@@ -271,7 +267,7 @@ Picker.className = PICKER_CLASSNAME;
 Picker.defaultProps = defaultProps3;
 
 // src/icon/font-icon.spec.tsx
-import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
 var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states3 = [];
 var options3 = {
@@ -300,9 +296,9 @@ var FontIcon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx5(Fragment, {});
+    return /* @__PURE__ */ jsx4(Fragment, {});
   }
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "span",
     {
       ...other,
@@ -330,7 +326,7 @@ FontIcon.defaultProps = defaultProps4;
 var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
-import { Fragment as Fragment2, jsx as jsx6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5 } from "react/jsx-runtime";
 var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states4 = [];
 var options4 = {
@@ -362,10 +358,10 @@ var SvgIcon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx6(Fragment2, {});
+    return /* @__PURE__ */ jsx5(Fragment2, {});
   }
   if (icon === "none") {
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx5(
       "span",
       {
         ...other,
@@ -378,7 +374,7 @@ var SvgIcon = (props) => {
     );
   }
   const name = typeof icon === "object" && icon.name && icon.name;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "span",
     {
       ...other,
@@ -396,7 +392,7 @@ var SvgIcon = (props) => {
           "k-flip-v": flip === "v" || flip === "both"
         }
       ),
-      children: /* @__PURE__ */ jsx6(
+      children: /* @__PURE__ */ jsx5(
         "svg",
         {
           "aria-hidden": true,
@@ -4412,7 +4408,7 @@ var chartChoroplethIcon = {
 };
 
 // src/icon/icon.spec.tsx
-import { Fragment as Fragment3, jsx as jsx7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6 } from "react/jsx-runtime";
 var snakeToCamel = (str) => str.toLowerCase().replace(
   /([-_][a-z])/g,
   (group) => group.toUpperCase().replace("-", "").replace("_", "")
@@ -4449,26 +4445,26 @@ var Icon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx7(Fragment3, {});
+    return /* @__PURE__ */ jsx6(Fragment3, {});
   }
   if (type === "svg") {
     if (icon === "none") {
-      return /* @__PURE__ */ jsx7(svg_icon_spec_default, { ...other, icon, size });
+      return /* @__PURE__ */ jsx6(svg_icon_spec_default, { ...other, icon, size });
     }
     const iconSVG = snakeToCamel(`${icon}-icon`);
     if (!index_es_exports[iconSVG]) {
-      return /* @__PURE__ */ jsx7(Fragment3, {});
+      return /* @__PURE__ */ jsx6(Fragment3, {});
     }
-    return /* @__PURE__ */ jsx7(svg_icon_spec_default, { ...other, icon: index_es_exports[iconSVG], size, themeColor, rotate, flip, viewBox });
+    return /* @__PURE__ */ jsx6(svg_icon_spec_default, { ...other, icon: index_es_exports[iconSVG], size, themeColor, rotate, flip, viewBox });
   }
-  return /* @__PURE__ */ jsx7(font_icon_spec_default, { ...other, icon, size, themeColor, rotate, flip });
+  return /* @__PURE__ */ jsx6(font_icon_spec_default, { ...other, icon, size, themeColor, rotate, flip });
 };
 Icon.states = states5;
 Icon.options = options5;
 Icon.defaultProps = defaultProps6;
 
 // src/input/input-clear-value.tsx
-import { Fragment as Fragment4, jsx as jsx8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx7 } from "react/jsx-runtime";
 var className = `k-clear-value`;
 var states6 = [
   States.disabled,
@@ -4484,16 +4480,16 @@ var InputClearValue = (props) => {
     value
   } = props;
   if (disabled || readonly || loading || !value) {
-    return /* @__PURE__ */ jsx8(Fragment4, {});
+    return /* @__PURE__ */ jsx7(Fragment4, {});
   }
-  return /* @__PURE__ */ jsx8("span", { className: classNames(props.className, className), children: /* @__PURE__ */ jsx8(Icon, { icon: "x" }) });
+  return /* @__PURE__ */ jsx7("span", { className: classNames(props.className, className), children: /* @__PURE__ */ jsx7(Icon, { icon: "x" }) });
 };
 InputClearValue.states = states6;
 InputClearValue.options = options6;
 InputClearValue.className = className;
 
 // src/input/input-inner-input.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var className2 = `k-input-inner`;
 var states7 = [];
 var options7 = {};
@@ -4511,7 +4507,7 @@ var InputInnerInput = (props) => {
     autocomplete = defaultProps7.autocomplete,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "input",
     {
       ...other,
@@ -4528,7 +4524,7 @@ InputInnerInput.options = options7;
 InputInnerInput.className = className2;
 
 // src/input/input-inner-span.tsx
-import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
 var className3 = `k-input-inner`;
 var states8 = [];
 var options8 = {};
@@ -4548,9 +4544,9 @@ var InputInnerSpan = (props) => {
       className: classNames(props.className, className3, optionClassNames(className3, props)),
       children: [
         valueIcon,
-        !valueIcon && valueIconName && /* @__PURE__ */ jsx10(Icon, { className: "k-input-value-icon", icon: valueIconName }),
+        !valueIcon && valueIconName && /* @__PURE__ */ jsx9(Icon, { className: "k-input-value-icon", icon: valueIconName }),
         showValue && !value && placeholder,
-        showValue && value && /* @__PURE__ */ jsx10("span", { className: "k-input-value-text", children: value })
+        showValue && value && /* @__PURE__ */ jsx9("span", { className: "k-input-value-text", children: value })
       ]
     }
   );
@@ -4560,7 +4556,7 @@ InputInnerSpan.options = options8;
 InputInnerSpan.className = className3;
 
 // src/input/input-inner-textarea.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var defaultProps8 = {
   value: "",
   placeholder: ""
@@ -4575,7 +4571,7 @@ var InputInnerTextarea = (props) => {
     rows,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     "textarea",
     {
       ...other,
@@ -4591,7 +4587,7 @@ InputInnerTextarea.options = options9;
 InputInnerTextarea.className = className4;
 
 // src/input/input-loading-icon.tsx
-import { Fragment as Fragment5, jsx as jsx12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx11 } from "react/jsx-runtime";
 var className5 = `k-input-loading-icon`;
 var states10 = [
   States.disabled,
@@ -4603,13 +4599,13 @@ var InputLoadingIcon = (props) => {
     loading
   } = props;
   if (disabled || !loading) {
-    return /* @__PURE__ */ jsx12(Fragment5, {});
+    return /* @__PURE__ */ jsx11(Fragment5, {});
   }
-  return /* @__PURE__ */ jsx12("span", { className: classNames(props.className, className5, "k-icon k-i-loading") });
+  return /* @__PURE__ */ jsx11("span", { className: classNames(props.className, className5, "k-icon k-i-loading") });
 };
 
 // src/input/input-validation-icon.tsx
-import { Fragment as Fragment6, jsx as jsx13 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx12 } from "react/jsx-runtime";
 var className6 = `k-input-validation-icon`;
 var states11 = [
   States.valid,
@@ -4628,39 +4624,39 @@ var InputValidationIcon = (props) => {
   const iconName = invalid ? "exclamation-circle" : "check";
   const renderValidationIcon = Boolean(valid || invalid);
   if (disabled || loading || !renderValidationIcon) {
-    return /* @__PURE__ */ jsx13(Fragment6, {});
+    return /* @__PURE__ */ jsx12(Fragment6, {});
   }
-  return /* @__PURE__ */ jsx13(Icon, { className: classNames(className6), icon: iconName });
+  return /* @__PURE__ */ jsx12(Icon, { className: classNames(className6), icon: iconName });
 };
 InputValidationIcon.states = states11;
 InputValidationIcon.options = options10;
 InputValidationIcon.className = className6;
 
 // src/input/input-prefix.tsx
-import { Fragment as Fragment7, jsx as jsx14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx13 } from "react/jsx-runtime";
 var className7 = `k-input-prefix`;
 var InputPrefix = (props) => {
   if (!props.children) {
-    return /* @__PURE__ */ jsx14(Fragment7, {});
+    return /* @__PURE__ */ jsx13(Fragment7, {});
   }
-  return /* @__PURE__ */ jsx14("span", { className: classNames(className7, props.className), children: props.children });
+  return /* @__PURE__ */ jsx13("span", { className: classNames(className7, props.className), children: props.children });
 };
 
 // src/input/input-suffix.tsx
-import { Fragment as Fragment8, jsx as jsx15 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx14 } from "react/jsx-runtime";
 var className8 = `k-input-suffix`;
 var InputSuffix = (props) => {
   if (!props.children) {
-    return /* @__PURE__ */ jsx15(Fragment8, {});
+    return /* @__PURE__ */ jsx14(Fragment8, {});
   }
-  return /* @__PURE__ */ jsx15("span", { className: classNames(className8, props.className), children: props.children });
+  return /* @__PURE__ */ jsx14("span", { className: classNames(className8, props.className), children: props.children });
 };
 
 // src/input/input-separator.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 
 // src/textbox/textbox.spec.tsx
-import { jsx as jsx17, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs3 } from "react/jsx-runtime";
 var TEXTBOX_CLASSNAME = `k-textbox`;
 var states12 = [
   States.hover,
@@ -4720,9 +4716,9 @@ var Textbox = (props) => {
       readonly,
       className: classNames(props.className, TEXTBOX_CLASSNAME),
       children: [
-        /* @__PURE__ */ jsx17(InputPrefix, { children: prefix }),
-        /* @__PURE__ */ jsx17(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx16(InputPrefix, { children: prefix }),
+        /* @__PURE__ */ jsx16(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ jsx16(
           InputValidationIcon,
           {
             valid,
@@ -4731,14 +4727,14 @@ var Textbox = (props) => {
             disabled
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx16(
           InputLoadingIcon,
           {
             loading,
             disabled
           }
         ),
-        showClearButton && /* @__PURE__ */ jsx17(
+        showClearButton && /* @__PURE__ */ jsx16(
           InputClearValue,
           {
             loading,
@@ -4747,7 +4743,7 @@ var Textbox = (props) => {
             value
           }
         ),
-        /* @__PURE__ */ jsx17(InputSuffix, { children: suffix })
+        /* @__PURE__ */ jsx16(InputSuffix, { children: suffix })
       ]
     }
   );
@@ -4759,11 +4755,11 @@ Textbox.defaultProps = defaultProps9;
 var textbox_spec_default = Textbox;
 
 // src/textbox/templates/textbox-normal.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-var TextboxNormal = (props) => /* @__PURE__ */ jsx18(textbox_spec_default, { ...props });
+import { jsx as jsx17 } from "react/jsx-runtime";
+var TextboxNormal = (props) => /* @__PURE__ */ jsx17(textbox_spec_default, { ...props });
 
 // src/button/button.spec.tsx
-import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs4 } from "react/jsx-runtime";
 var BUTTON_CLASSNAME = `k-button`;
 var states13 = [
   States.hover,
@@ -4843,7 +4839,7 @@ var Button = (props) => {
         }
       ),
       children: [
-        icon && /* @__PURE__ */ jsx19(
+        icon && /* @__PURE__ */ jsx18(
           Icon,
           {
             className: classNames(iconClassName, "k-button-icon"),
@@ -4851,10 +4847,10 @@ var Button = (props) => {
           }
         ),
         text ? /* @__PURE__ */ jsxs4(Fragment9, { children: [
-          text && /* @__PURE__ */ jsx19("span", { className: "k-button-text", children: text }),
+          text && /* @__PURE__ */ jsx18("span", { className: "k-button-text", children: text }),
           props.children
-        ] }) : props.children && /* @__PURE__ */ jsx19("span", { className: "k-button-text", children: props.children }),
-        showArrow && /* @__PURE__ */ jsx19("span", { className: "k-menu-button-arrow k-button-arrow", children: /* @__PURE__ */ jsx19(Icon, { icon: arrowIconName }) })
+        ] }) : props.children && /* @__PURE__ */ jsx18("span", { className: "k-button-text", children: props.children }),
+        showArrow && /* @__PURE__ */ jsx18("span", { className: "k-menu-button-arrow k-button-arrow", children: /* @__PURE__ */ jsx18(Icon, { icon: arrowIconName }) })
       ]
     }
   );
@@ -4865,19 +4861,32 @@ Button.className = BUTTON_CLASSNAME;
 Button.defaultProps = defaultProps10;
 
 // src/button/templates/icon-button.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 
 // src/button/templates/icon-text-button.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 
 // src/button/templates/text-button.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 
 // src/textbox/templates/textbox-prefix.tsx
-import { Fragment as Fragment10, jsx as jsx23, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx22, jsxs as jsxs5 } from "react/jsx-runtime";
 
 // src/textbox/templates/textbox-suffix.tsx
-import { Fragment as Fragment11, jsx as jsx24, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx23, jsxs as jsxs6 } from "react/jsx-runtime";
+
+// src/floating-label/templates/floating-label-normal.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var FloatingLabelNormal = (props) => /* @__PURE__ */ jsx24(
+  floating_label_spec_default,
+  {
+    label: "Label",
+    children: [
+      /* @__PURE__ */ jsx24(Textbox, {})
+    ],
+    ...props
+  }
+);
 
 // src/floating-label/tests/floating-label-flat.tsx
 import { Fragment as Fragment12, jsx as jsx25, jsxs as jsxs7 } from "react/jsx-runtime";