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

package/dist/cjs/breadcrumb/breadcrumb.spec.js

@@ -33,6 +33,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,
@@ -51,6 +79,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",
@@ -74,12 +111,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
@@ -94,6 +135,9 @@ var Breadcrumb = (props) => {
         stateClassNames(BREADCRUMB_CLASSNAME, {
           focus
         }),
+        optionClassNames(BREADCRUMB_CLASSNAME, {
+          size
+        }),
         {
           "k-breadcrumb-wrap": collapsing === "wrap"
         }