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

package/dist/cjs/breadcrumb/tests/breadcrumb.js

@@ -4635,12 +4635,16 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
 var states12 = [
   States.focus
 ];
-var options11 = {};
+var options11 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultProps9 = {
-  collapsing: "auto"
+  collapsing: "auto",
+  size: Size.medium
 };
 var Breadcrumb = (props) => {
   const {
+    size = defaultProps9.size,
     collapsing = defaultProps9.collapsing,
     focus,
     ...other
@@ -4655,6 +4659,9 @@ var Breadcrumb = (props) => {
         stateClassNames(BREADCRUMB_CLASSNAME, {
           focus
         }),
+        optionClassNames(BREADCRUMB_CLASSNAME, {
+          size
+        }),
         {
           "k-breadcrumb-wrap": collapsing === "wrap"
         }
@@ -4852,10 +4859,7 @@ var breadcrumb_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(imp
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
@@ -4886,10 +4890,7 @@ var breadcrumb_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(imp
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
@@ -4920,10 +4921,7 @@ var breadcrumb_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(imp
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),

package/dist/cjs/filemanager/tests/filemanager-contextmenu.js

@@ -136,12 +136,16 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
 var states = [
   States.focus
 ];
-var options = {};
+var options = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultProps = {
-  collapsing: "auto"
+  collapsing: "auto",
+  size: Size.medium
 };
 var Breadcrumb = (props) => {
   const {
+    size = defaultProps.size,
     collapsing = defaultProps.collapsing,
     focus,
     ...other
@@ -156,6 +160,9 @@ var Breadcrumb = (props) => {
         stateClassNames(BREADCRUMB_CLASSNAME, {
           focus
         }),
+        optionClassNames(BREADCRUMB_CLASSNAME, {
+          size
+        }),
         {
           "k-breadcrumb-wrap": collapsing === "wrap"
         }

package/dist/cjs/filemanager/tests/filemanager-drag-hint.js

@@ -136,12 +136,16 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
 var states = [
   States.focus
 ];
-var options = {};
+var options = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultProps = {
-  collapsing: "auto"
+  collapsing: "auto",
+  size: Size.medium
 };
 var Breadcrumb = (props) => {
   const {
+    size = defaultProps.size,
     collapsing = defaultProps.collapsing,
     focus,
     ...other
@@ -156,6 +160,9 @@ var Breadcrumb = (props) => {
         stateClassNames(BREADCRUMB_CLASSNAME, {
           focus
         }),
+        optionClassNames(BREADCRUMB_CLASSNAME, {
+          size
+        }),
         {
           "k-breadcrumb-wrap": collapsing === "wrap"
         }

package/dist/cjs/filemanager/tests/filemanager-gridview.js

@@ -136,12 +136,16 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
 var states = [
   States.focus
 ];
-var options = {};
+var options = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultProps = {
-  collapsing: "auto"
+  collapsing: "auto",
+  size: Size.medium
 };
 var Breadcrumb = (props) => {
   const {
+    size = defaultProps.size,
     collapsing = defaultProps.collapsing,
     focus,
     ...other
@@ -156,6 +160,9 @@ var Breadcrumb = (props) => {
         stateClassNames(BREADCRUMB_CLASSNAME, {
           focus
         }),
+        optionClassNames(BREADCRUMB_CLASSNAME, {
+          size
+        }),
         {
           "k-breadcrumb-wrap": collapsing === "wrap"
         }

package/dist/cjs/filemanager/tests/filemanager-listview.js

@@ -136,12 +136,16 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
 var states = [
   States.focus
 ];
-var options = {};
+var options = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultProps = {
-  collapsing: "auto"
+  collapsing: "auto",
+  size: Size.medium
 };
 var Breadcrumb = (props) => {
   const {
+    size = defaultProps.size,
     collapsing = defaultProps.collapsing,
     focus,
     ...other
@@ -156,6 +160,9 @@ var Breadcrumb = (props) => {
         stateClassNames(BREADCRUMB_CLASSNAME, {
           focus
         }),
+        optionClassNames(BREADCRUMB_CLASSNAME, {
+          size
+        }),
         {
           "k-breadcrumb-wrap": collapsing === "wrap"
         }

package/dist/cjs/filemanager/tests/filemanager-preview.js

@@ -136,12 +136,16 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
 var states = [
   States.focus
 ];
-var options = {};
+var options = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultProps = {
-  collapsing: "auto"
+  collapsing: "auto",
+  size: Size.medium
 };
 var Breadcrumb = (props) => {
   const {
+    size = defaultProps.size,
     collapsing = defaultProps.collapsing,
     focus,
     ...other
@@ -156,6 +160,9 @@ var Breadcrumb = (props) => {
         stateClassNames(BREADCRUMB_CLASSNAME, {
           focus
         }),
+        optionClassNames(BREADCRUMB_CLASSNAME, {
+          size
+        }),
         {
           "k-breadcrumb-wrap": collapsing === "wrap"
         }

package/dist/cjs/index.js

@@ -11588,12 +11588,16 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
 var states87 = [
   States.focus
 ];
-var options82 = {};
+var options82 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultProps78 = {
-  collapsing: "auto"
+  collapsing: "auto",
+  size: Size.medium
 };
 var Breadcrumb = (props) => {
   const {
+    size = defaultProps78.size,
     collapsing = defaultProps78.collapsing,
     focus,
     ...other
@@ -11608,6 +11612,9 @@ var Breadcrumb = (props) => {
         stateClassNames(BREADCRUMB_CLASSNAME, {
           focus
         }),
+        optionClassNames(BREADCRUMB_CLASSNAME, {
+          size
+        }),
         {
           "k-breadcrumb-wrap": collapsing === "wrap"
         }

package/dist/esm/breadcrumb/breadcrumb.spec.js

@@ -6,6 +6,34 @@ var classNames = (...args) => {
 };
 
 // src/misc/component-class-names.ts
+var optionClassNames = (componentClassName, props) => {
+  return classNames(
+    {
+      [`${componentClassName}-xs`]: props.size === "xsmall",
+      [`${componentClassName}-sm`]: props.size === "small",
+      [`${componentClassName}-md`]: props.size === "medium",
+      [`${componentClassName}-lg`]: props.size === "large",
+      [`${componentClassName}-xl`]: props.size === "xlarge",
+      [`${componentClassName}-xxl`]: props.size === "xxlarge",
+      [`${componentClassName}-xxxl`]: props.size === "xxxlarge"
+    },
+    {
+      [`${componentClassName}-${props.fillMode}`]: props.fillMode
+    },
+    {
+      [`${componentClassName}-${props.fillMode}-${props.themeColor}`]: props.fillMode && props.themeColor
+    },
+    {
+      [`${componentClassName}-${props.themeColor}`]: props.themeColor && props.fillMode === void 0
+    },
+    {
+      "k-rounded-sm": props.rounded === "small",
+      "k-rounded-md": props.rounded === "medium",
+      "k-rounded-lg": props.rounded === "large",
+      "k-rounded-full": props.rounded === "full"
+    }
+  );
+};
 var stateClassNames = (_componentClassName, props) => {
   return classNames({
     "k-valid": props.valid,
@@ -24,6 +52,15 @@ var stateClassNames = (_componentClassName, props) => {
 };
 
 // src/misc/theme.ts
+var Size = {
+  "xsmall": "xsmall",
+  "small": "small",
+  "medium": "medium",
+  "large": "large",
+  "xlarge": "xlarge",
+  "xxlarge": "xxlarge",
+  "xxxlarge": "xxxlarge"
+};
 var States = {
   "open": "open",
   "hover": "hover",
@@ -47,12 +84,16 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
 var states = [
   States.focus
 ];
-var options = {};
+var options = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultProps = {
-  collapsing: "auto"
+  collapsing: "auto",
+  size: Size.medium
 };
 var Breadcrumb = (props) => {
   const {
+    size = defaultProps.size,
     collapsing = defaultProps.collapsing,
     focus,
     ...other
@@ -67,6 +108,9 @@ var Breadcrumb = (props) => {
         stateClassNames(BREADCRUMB_CLASSNAME, {
           focus
         }),
+        optionClassNames(BREADCRUMB_CLASSNAME, {
+          size
+        }),
         {
           "k-breadcrumb-wrap": collapsing === "wrap"
         }