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

package/dist/cjs/bottom-nav/bottom-nav.spec.js

@@ -61,6 +61,22 @@ var optionClassNames = (componentClassName, props) => {
     }
   );
 };
+var stateClassNames = (_componentClassName, props) => {
+  return classNames({
+    "k-valid": props.valid,
+    "k-invalid": props.invalid,
+    "k-hover": props.hover,
+    "k-focus": props.focus,
+    "k-checked": props.checked,
+    "k-active": props.active,
+    "k-selected": props.selected,
+    "k-disabled": props.disabled,
+    "k-indeterminate": props.indeterminate && !props.checked,
+    "k-loading": props.loading,
+    "k-empty": props.empty,
+    "k-readonly": props.readonly
+  });
+};
 
 // src/misc/theme.ts
 var FillMode = {
@@ -84,11 +100,29 @@ var ThemeColor = {
   "light": "light",
   "inverse": "inverse"
 };
+var States = {
+  "open": "open",
+  "hover": "hover",
+  "focus": "focus",
+  "active": "active",
+  "selected": "selected",
+  "disabled": "disabled",
+  "valid": "valid",
+  "invalid": "invalid",
+  "loading": "loading",
+  "required": "required",
+  "empty": "empty",
+  "indeterminate": "indeterminate",
+  "checked": "checked",
+  "readonly": "readonly"
+};
 
 // src/bottom-nav/bottom-nav.spec.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var BOTTOM_NAV_CLASSNAME = "k-bottom-nav";
-var states = [];
+var states = [
+  States.disabled
+];
 var options = {
   fillMode: [FillMode.solid, FillMode.flat],
   themeColor: [
@@ -105,13 +139,14 @@ var options = {
   ]
 };
 var defaultProps = {
-  fillMode: FillMode.solid,
+  fillMode: FillMode.flat,
   themeColor: ThemeColor.primary,
   flow: "horizontal",
   border: false
 };
 var BottomNav = (props) => {
   const {
+    disabled,
     fillMode = defaultProps.fillMode,
     themeColor = defaultProps.themeColor,
     flow = defaultProps.flow,
@@ -128,7 +163,10 @@ var BottomNav = (props) => {
     {
       [`k-bottom-nav-item-flow-${flow}`]: flow,
       "k-bottom-nav-border": border
-    }
+    },
+    stateClassNames(BOTTOM_NAV_CLASSNAME, {
+      disabled
+    })
   ), dir, children: props.children });
 };
 BottomNav.states = states;