@progress/kendo-themes-html 7.1.0-dev.3 → 7.1.0-dev.5

package/dist/cjs/timeline/tests/timeline-horizontal.js

@@ -4655,7 +4655,6 @@ Button.defaultProps = defaultProps6;
 
 // src/button/templates/icon-button.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var IconButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { icon: "folder", ...props, children: void 0 });
 
 // src/button/templates/icon-text-button.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -4995,6 +4994,7 @@ var TimelineCard = (props) => {
         props.className
       ),
       orientation: "vertical",
+      callout: "true",
       ...other,
       children: [
         callout && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TimelineCardCallout, { callout }),
@@ -5027,7 +5027,7 @@ var TimelineCardTitle = (props) => {
       ...other,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "k-event-title", children }),
-        collapsible && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(IconButton, { fillMode: "flat", icon: "chevron-right", className: "k-event-collapse" })
+        collapsible && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "k-event-collapse k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { icon: "chevron-right", className: "k-button-icon" }) })
       ]
     }
   );

package/dist/cjs/timeline/tests/timeline-vertical-alternating.js

@@ -4655,7 +4655,6 @@ Button.defaultProps = defaultProps6;
 
 // src/button/templates/icon-button.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var IconButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { icon: "folder", ...props, children: void 0 });
 
 // src/button/templates/icon-text-button.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -4960,6 +4959,7 @@ var TimelineCard = (props) => {
         props.className
       ),
       orientation: "vertical",
+      callout: "true",
       ...other,
       children: [
         callout && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TimelineCardCallout, { callout }),
@@ -4992,7 +4992,7 @@ var TimelineCardTitle = (props) => {
       ...other,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "k-event-title", children }),
-        collapsible && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(IconButton, { fillMode: "flat", icon: "chevron-right", className: "k-event-collapse" })
+        collapsible && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "k-event-collapse k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { icon: "chevron-right", className: "k-button-icon" }) })
       ]
     }
   );

package/dist/cjs/timeline/tests/timeline-vertical.js

@@ -4655,7 +4655,6 @@ Button.defaultProps = defaultProps6;
 
 // src/button/templates/icon-button.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var IconButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { icon: "folder", ...props, children: void 0 });
 
 // src/button/templates/icon-text-button.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -4960,6 +4959,7 @@ var TimelineCard = (props) => {
         props.className
       ),
       orientation: "vertical",
+      callout: "true",
       ...other,
       children: [
         callout && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TimelineCardCallout, { callout }),
@@ -4992,7 +4992,7 @@ var TimelineCardTitle = (props) => {
       ...other,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "k-event-title", children }),
-        collapsible && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(IconButton, { fillMode: "flat", icon: "chevron-right", className: "k-event-collapse" })
+        collapsible && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "k-event-collapse k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { icon: "chevron-right", className: "k-button-icon" }) })
       ]
     }
   );

package/dist/cjs/timeline/timeline-card-title.js

@@ -61,22 +61,6 @@ 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 Size = {
@@ -88,19 +72,6 @@ var Size = {
   "xxlarge": "xxlarge",
   "xxxlarge": "xxxlarge"
 };
-var Roundness = {
-  "small": "small",
-  "medium": "medium",
-  "large": "large",
-  "full": "full"
-};
-var FillMode = {
-  "solid": "solid",
-  "flat": "flat",
-  "outline": "outline",
-  "clear": "clear",
-  "link": "link"
-};
 var ThemeColor = {
   "inherit": "inherit",
   "base": "base",
@@ -115,22 +86,6 @@ 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/icon/font-icon.spec.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -4365,130 +4320,18 @@ Icon.states = states3;
 Icon.options = options3;
 Icon.defaultProps = defaultProps3;
 
-// src/button/button.spec.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var BUTTON_CLASSNAME = `k-button`;
-var states4 = [
-  States.hover,
-  States.focus,
-  States.active,
-  States.selected,
-  States.disabled
-];
-var options4 = {
-  size: [Size.small, Size.medium, Size.large],
-  rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
-  fillMode: [FillMode.solid, FillMode.flat, FillMode.outline, FillMode.clear, FillMode.link],
-  themeColor: [
-    ThemeColor.base,
-    ThemeColor.primary,
-    ThemeColor.secondary,
-    ThemeColor.tertiary,
-    ThemeColor.success,
-    ThemeColor.warning,
-    ThemeColor.error,
-    ThemeColor.info,
-    ThemeColor.light,
-    ThemeColor.dark,
-    ThemeColor.inverse
-  ]
-};
-var defaultProps4 = {
-  size: Size.medium,
-  rounded: Roundness.medium,
-  fillMode: FillMode.solid,
-  themeColor: ThemeColor.base,
-  showArrow: false,
-  arrowIconName: "caret-alt-down"
-};
-var Button = (props) => {
-  const {
-    size = defaultProps4.size,
-    rounded = defaultProps4.rounded,
-    fillMode = defaultProps4.fillMode,
-    themeColor = defaultProps4.themeColor,
-    hover,
-    focus,
-    active,
-    selected,
-    disabled,
-    icon,
-    text,
-    iconClassName,
-    showArrow = defaultProps4.showArrow,
-    arrowIconName = defaultProps4.arrowIconName,
-    ...other
-  } = props;
-  const hasIcon = icon !== void 0;
-  const hasChildren = props.children !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    "button",
-    {
-      ...other,
-      className: classNames(
-        props.className,
-        BUTTON_CLASSNAME,
-        optionClassNames(BUTTON_CLASSNAME, {
-          size,
-          rounded,
-          fillMode,
-          themeColor
-        }),
-        stateClassNames(BUTTON_CLASSNAME, {
-          hover,
-          focus,
-          active,
-          disabled,
-          selected
-        }),
-        {
-          ["k-icon-button"]: !text && !hasChildren && hasIcon
-        }
-      ),
-      children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          Icon,
-          {
-            className: classNames(iconClassName, "k-button-icon"),
-            icon
-          }
-        ),
-        text ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          text && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-button-text", children: text }),
-          props.children
-        ] }) : props.children && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-button-text", children: props.children }),
-        showArrow && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-menu-button-arrow k-button-arrow", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: arrowIconName }) })
-      ]
-    }
-  );
-};
-Button.states = states4;
-Button.options = options4;
-Button.className = BUTTON_CLASSNAME;
-Button.defaultProps = defaultProps4;
-
-// src/button/templates/icon-button.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var IconButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Button, { icon: "folder", ...props, children: void 0 });
-
-// src/button/templates/icon-text-button.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-
-// src/button/templates/text-button.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-
 // src/timeline/timeline-card-title.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var TIMELINECARDTITLE_CLASSNAME = `k-card-title`;
-var states5 = [];
-var defaultProps5 = {};
+var states4 = [];
+var defaultProps4 = {};
 var TimelineCardTitle = (props) => {
   const {
     collapsible,
     children,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       className: classNames(
@@ -4497,13 +4340,13 @@ var TimelineCardTitle = (props) => {
       ),
       ...other,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "k-event-title", children }),
-        collapsible && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconButton, { fillMode: "flat", icon: "chevron-right", className: "k-event-collapse" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-event-title", children }),
+        collapsible && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-event-collapse k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: "chevron-right", className: "k-button-icon" }) })
       ]
     }
   );
 };
-TimelineCardTitle.states = states5;
+TimelineCardTitle.states = states4;
 TimelineCardTitle.className = TIMELINECARDTITLE_CLASSNAME;
-TimelineCardTitle.defaultProps = defaultProps5;
+TimelineCardTitle.defaultProps = defaultProps4;
 var timeline_card_title_default = TimelineCardTitle;

package/dist/cjs/timeline/timeline-card.spec.js

@@ -4619,7 +4619,6 @@ Button.defaultProps = defaultProps5;
 
 // src/button/templates/icon-button.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var IconButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { icon: "folder", ...props, children: void 0 });
 
 // src/button/templates/icon-text-button.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -4965,7 +4964,7 @@ var TimelineCardTitle = (props) => {
       ...other,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "k-event-title", children }),
-        collapsible && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { fillMode: "flat", icon: "chevron-right", className: "k-event-collapse" })
+        collapsible && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "k-event-collapse k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { icon: "chevron-right", className: "k-button-icon" }) })
       ]
     }
   );
@@ -5066,6 +5065,7 @@ var TimelineCard = (props) => {
         props.className
       ),
       orientation: "vertical",
+      callout: "true",
       ...other,
       children: [
         callout && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TimelineCardCallout, { callout }),

package/dist/cjs/timeline/timeline-track-wrap.spec.js

@@ -4481,7 +4481,6 @@ Button.defaultProps = defaultProps4;
 
 // src/button/templates/icon-button.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var IconButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Button, { icon: "folder", ...props, children: void 0 });
 
 // src/button/templates/icon-text-button.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -4962,6 +4961,7 @@ var TimelineCard = (props) => {
         props.className
       ),
       orientation: "vertical",
+      callout: "true",
       ...other,
       children: [
         callout && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TimelineCardCallout, { callout }),
@@ -4994,7 +4994,7 @@ var TimelineCardTitle = (props) => {
       ...other,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "k-event-title", children }),
-        collapsible && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(IconButton, { fillMode: "flat", icon: "chevron-right", className: "k-event-collapse" })
+        collapsible && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "k-event-collapse k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { icon: "chevron-right", className: "k-button-icon" }) })
       ]
     }
   );

package/dist/cjs/timeline/vertical-timeline-event.spec.js

@@ -4620,7 +4620,6 @@ Button.defaultProps = defaultProps5;
 
 // src/button/templates/icon-button.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var IconButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { icon: "folder", ...props, children: void 0 });
 
 // src/button/templates/icon-text-button.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -4910,6 +4909,7 @@ var TimelineCard = (props) => {
         props.className
       ),
       orientation: "vertical",
+      callout: "true",
       ...other,
       children: [
         callout && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TimelineCardCallout, { callout }),
@@ -4942,7 +4942,7 @@ var TimelineCardTitle = (props) => {
       ...other,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "k-event-title", children }),
-        collapsible && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { fillMode: "flat", icon: "chevron-right", className: "k-event-collapse" })
+        collapsible && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "k-event-collapse k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { icon: "chevron-right", className: "k-button-icon" }) })
       ]
     }
   );