@progress/kendo-themes-html 7.0.2-dev.4 → 7.0.2

package/dist/esm/fab/tests/fab.js

@@ -4401,67 +4401,101 @@ import { jsx as jsx5 } from "react/jsx-runtime";
 
 // src/fab/fab-item.tsx
 import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+var className = `k-fab-item`;
 var states5 = [
   States.hover,
   States.focus,
   States.active,
   States.disabled
 ];
+var FloatingActionButtonItem = (props) => {
+  const {
+    text,
+    icon,
+    align,
+    hover,
+    focus,
+    active,
+    disabled,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsxs2(
+    "li",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        className,
+        {
+          [`k-text-${align}`]: align
+        },
+        stateClassNames(className, {
+          hover,
+          focus,
+          active,
+          disabled
+        })
+      ),
+      children: [
+        /* @__PURE__ */ jsx6("span", { className: "k-fab-item-text", children: text }),
+        /* @__PURE__ */ jsx6(Icon, { className: "k-fab-item-icon", icon })
+      ]
+    }
+  );
+};
+FloatingActionButtonItem.states = states5;
+
+// src/fab/templates/text-fab.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var TextFloatingActionButton = (props) => /* @__PURE__ */ jsx7(
+  FloatingActionButton,
+  {
+    text: "Create",
+    ...props
+  }
+);
+
+// src/fab/templates/icon-fab.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var IconFloatingActionButton = (props) => /* @__PURE__ */ jsx8(
+  FloatingActionButton,
+  {
+    icon: "plus",
+    ...props
+  }
+);
+
+// src/fab/templates/icon-text-fab.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+var IconTextFloatingActionButton = (props) => /* @__PURE__ */ jsx9(
+  FloatingActionButton,
+  {
+    icon: "plus",
+    text: "Create",
+    ...props
+  }
+);
 
 // src/fab/tests/fab.tsx
-import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 var styles = `
     #test-area {
         grid-template-columns: 200px repeat(3, 1fr);
     }
 `;
 var fab_default = () => /* @__PURE__ */ jsxs3(Fragment4, { children: [
-  /* @__PURE__ */ jsx7("style", { children: styles }),
+  /* @__PURE__ */ jsx10("style", { children: styles }),
   /* @__PURE__ */ jsxs3("div", { id: "test-area", className: "k-d-grid", children: [
-    /* @__PURE__ */ jsx7("span", {}),
-    /* @__PURE__ */ jsx7("span", { children: "Text" }),
-    /* @__PURE__ */ jsx7("span", { children: "Text + Icon" }),
-    /* @__PURE__ */ jsx7("span", { children: "Icon" }),
-    /* @__PURE__ */ jsx7("span", { children: "primary" }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "primary", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "primary", icon: "plus", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "primary", icon: "plus" }) }),
-    /* @__PURE__ */ jsx7("span", { children: "secondary" }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "secondary", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "secondary", icon: "plus", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "secondary", icon: "plus" }) }),
-    /* @__PURE__ */ jsx7("span", { children: "tertiary" }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "tertiary", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "tertiary", icon: "plus", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "tertiary", icon: "plus" }) }),
-    /* @__PURE__ */ jsx7("span", { children: "info" }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "info", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "info", icon: "plus", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "info", icon: "plus" }) }),
-    /* @__PURE__ */ jsx7("span", { children: "success" }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "success", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "success", icon: "plus", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "success", icon: "plus" }) }),
-    /* @__PURE__ */ jsx7("span", { children: "warning" }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "warning", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "warning", icon: "plus", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "warning", icon: "plus" }) }),
-    /* @__PURE__ */ jsx7("span", { children: "error" }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "error", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "error", icon: "plus", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "error", icon: "plus" }) }),
-    /* @__PURE__ */ jsx7("span", { children: "dark" }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "dark", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "dark", icon: "plus", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "dark", icon: "plus" }) }),
-    /* @__PURE__ */ jsx7("span", { children: "light" }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "light", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "light", icon: "plus", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "light", icon: "plus" }) }),
-    /* @__PURE__ */ jsx7("span", { children: "inverse" }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "inverse", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "inverse", icon: "plus", text: "Create" }) }),
-    /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(FloatingActionButton, { themeColor: "inverse", icon: "plus" }) })
+    /* @__PURE__ */ jsx10("span", {}),
+    /* @__PURE__ */ jsx10("span", { children: "Text" }),
+    /* @__PURE__ */ jsx10("span", { children: "Text + Icon" }),
+    /* @__PURE__ */ jsx10("span", { children: "Icon" }),
+    FloatingActionButton.options.themeColor.map((color) => /* @__PURE__ */ jsxs3(Fragment4, { children: [
+      /* @__PURE__ */ jsx10("span", { children: color }),
+      /* @__PURE__ */ jsx10("span", { children: /* @__PURE__ */ jsx10(TextFloatingActionButton, { themeColor: color }) }),
+      /* @__PURE__ */ jsx10("span", { children: /* @__PURE__ */ jsx10(IconTextFloatingActionButton, { themeColor: color }) }),
+      /* @__PURE__ */ jsx10("span", { children: /* @__PURE__ */ jsx10(IconFloatingActionButton, { themeColor: color }) })
+    ] }))
   ] })
 ] });
 export {

package/dist/esm/filemanager/tests/filemanager-dialogs.js

@@ -4631,7 +4631,7 @@ var Upload = (props) => {
         props.children && /* @__PURE__ */ jsx13("ul", { className: "k-upload-files", children: props.children }),
         actions && /* @__PURE__ */ jsxs5(action_buttons_spec_default, { alignment: "end", orientation: "horizontal", children: [
           /* @__PURE__ */ jsx13(Button, { className: "k-clear-selected", children: "Clear" }),
-          /* @__PURE__ */ jsx13(Button, { themeColor: "primary", className: "k-upload-selected", children: "Update" })
+          /* @__PURE__ */ jsx13(Button, { themeColor: "primary", className: "k-upload-selected", children: "Upload" })
         ] })
       ]
     }
@@ -4790,32 +4790,48 @@ import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs8 } from "react/jsx-ru
 // src/upload/upload-file-multiple.tsx
 import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 
-// src/filemanager/tests/filemanager-dialogs.tsx
+// src/upload/templates/upload-chunk.tsx
 import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+
+// src/upload/templates/upload-batch.tsx
+import { Fragment as Fragment12, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+
+// src/upload/templates/upload-normal.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+var UploadNormal = (props) => /* @__PURE__ */ jsx23(
+  Upload,
+  {
+    async: true,
+    ...props
+  }
+);
+
+// src/filemanager/tests/filemanager-dialogs.tsx
+import { Fragment as Fragment13, jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 var styles = `
     .k-dialog {
         width: 100%;
         position: relative;
     }
 `;
-var filemanager_dialogs_default = () => /* @__PURE__ */ jsxs10(Fragment11, { children: [
-  /* @__PURE__ */ jsx21("style", { children: styles }),
-  /* @__PURE__ */ jsxs10("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-    /* @__PURE__ */ jsx21("section", { children: /* @__PURE__ */ jsx21(DialogNormal, { title: "Upload Files", actions: ["x"], actionButtonsAlign: "start", className: "k-filemanager-upload-dialog", actionButtons: /* @__PURE__ */ jsxs10(Fragment11, { children: [
-      /* @__PURE__ */ jsx21(Button, { themeColor: "primary", children: "Upload" }),
-      /* @__PURE__ */ jsx21(Button, { children: "Cancel" })
-    ] }), children: /* @__PURE__ */ jsx21(Upload, { async: true, empty: true, status: "upload" }) }) }),
-    /* @__PURE__ */ jsx21("span", { children: " " }),
-    /* @__PURE__ */ jsx21("section", { children: /* @__PURE__ */ jsx21(DialogNormal, { title: "Confirm", actions: ["x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ jsxs10(Fragment11, { children: [
-      /* @__PURE__ */ jsx21(Button, { themeColor: "primary", children: "Confirm" }),
-      /* @__PURE__ */ jsx21(Button, { children: "Cancel" })
-    ] }), children: /* @__PURE__ */ jsx21("p", { children: "Do you want to move or copy?" }) }) }),
-    /* @__PURE__ */ jsx21("section", { children: /* @__PURE__ */ jsxs10(DialogNormal, { title: "Confirm", actions: ["x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ jsxs10(Fragment11, { children: [
-      /* @__PURE__ */ jsx21(Button, { themeColor: "primary", children: "Confirm" }),
-      /* @__PURE__ */ jsx21(Button, { children: "Cancel" })
+var filemanager_dialogs_default = () => /* @__PURE__ */ jsxs12(Fragment13, { children: [
+  /* @__PURE__ */ jsx24("style", { children: styles }),
+  /* @__PURE__ */ jsxs12("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+    /* @__PURE__ */ jsx24("section", { children: /* @__PURE__ */ jsx24(DialogNormal, { title: "Upload Files", actions: ["x"], actionButtonsAlign: "start", className: "k-filemanager-upload-dialog", actionButtons: /* @__PURE__ */ jsxs12(Fragment13, { children: [
+      /* @__PURE__ */ jsx24(Button, { themeColor: "primary", children: "Upload" }),
+      /* @__PURE__ */ jsx24(Button, { children: "Cancel" })
+    ] }), children: /* @__PURE__ */ jsx24(UploadNormal, { empty: true, status: "upload" }) }) }),
+    /* @__PURE__ */ jsx24("span", { children: " " }),
+    /* @__PURE__ */ jsx24("section", { children: /* @__PURE__ */ jsx24(DialogNormal, { title: "Confirm", actions: ["x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ jsxs12(Fragment13, { children: [
+      /* @__PURE__ */ jsx24(Button, { themeColor: "primary", children: "Confirm" }),
+      /* @__PURE__ */ jsx24(Button, { children: "Cancel" })
+    ] }), children: /* @__PURE__ */ jsx24("p", { children: "Do you want to move or copy?" }) }) }),
+    /* @__PURE__ */ jsx24("section", { children: /* @__PURE__ */ jsxs12(DialogNormal, { title: "Confirm", actions: ["x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ jsxs12(Fragment13, { children: [
+      /* @__PURE__ */ jsx24(Button, { themeColor: "primary", children: "Confirm" }),
+      /* @__PURE__ */ jsx24(Button, { children: "Cancel" })
     ] }), children: [
-      /* @__PURE__ */ jsx21("p", { children: "Are you sure you want to delete this file?" }),
-      /* @__PURE__ */ jsx21("p", { children: "You can't undo this action." })
+      /* @__PURE__ */ jsx24("p", { children: "Are you sure you want to delete this file?" }),
+      /* @__PURE__ */ jsx24("p", { children: "You can't undo this action." })
     ] }) })
   ] })
 ] });