@progress/kendo-themes-html 5.6.1-dev.4 → 5.6.1-dev.7

package/dist/badge/tests/badge-size.js

@@ -28,6 +28,91 @@
   // src/badge/tests/badge-size.tsx
   var import_react = __toESM(__require("react"));
   var import_client = __toESM(__require("react-dom/client"));
+
+  // src/badge/badge.tsx
+  var React = __toESM(__require("react"));
+
+  // src/utils/classNames.ts
+  var classNames = (...args) => {
+    const result = {};
+    const addLeafKeys = (arg) => {
+      typeof arg === "object" ? Object.keys(arg).forEach((key) => {
+        result[key] = arg[key];
+      }) : result[arg] = true;
+    };
+    const addKeys = (list) => list.filter((arg) => arg !== true && Boolean(arg)).map(
+      (arg) => Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg)
+    );
+    addKeys(args);
+    return Object.keys(result).map((key) => result[key] && key || null).filter((el) => el !== null).join(" ");
+  };
+
+  // src/utils/theme.ts
+  var kendoThemeMaps = {
+    sizeMap: {
+      small: "sm",
+      medium: "md",
+      large: "lg"
+    },
+    roundedMap: {
+      small: "sm",
+      medium: "md",
+      large: "lg"
+    },
+    calloutMap: {
+      top: "n",
+      bottom: "s",
+      left: "w",
+      right: "e"
+    },
+    orientationMap: {
+      vertical: "vstack",
+      horizontal: "hstack"
+    }
+  };
+
+  // src/badge/badge.tsx
+  var Badge = class extends React.Component {
+    render() {
+      const {
+        children,
+        className,
+        size,
+        rounded,
+        fillMode,
+        themeColor,
+        cutoutBorder,
+        position,
+        align,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React.createElement("span", {
+        style: this.props.style,
+        ...htmlAttributes,
+        className: classNames(
+          "k-badge",
+          {
+            [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
+            [`k-badge-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+            [`k-badge-${fillMode}`]: fillMode,
+            [`k-badge-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),
+            [`k-badge-${position}`]: position,
+            [`k-${align}`]: align,
+            ["k-badge-border-cutout"]: cutoutBorder
+          },
+          className
+        )
+      }, children);
+    }
+  };
+  Badge.defaultProps = {
+    size: "medium",
+    fillMode: "solid",
+    themeColor: "primary",
+    cutoutBorder: false
+  };
+
+  // src/badge/tests/badge-size.tsx
   var root = import_client.default.createRoot(
     document.getElementById("app")
   );
@@ -45,102 +130,186 @@
       className: "col"
     }, "Circle"), /* @__PURE__ */ import_react.default.createElement("span", {
       className: "col"
-    }, "Dot"), /* @__PURE__ */ import_react.default.createElement("span", null, "Small"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-solid k-badge-secondary"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-solid k-badge-secondary"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-outline k-badge-primary"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-outline k-badge-primary"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Normal"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Large"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-solid k-badge-warning"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-solid k-badge-warning"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-outline k-badge-error"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-outline k-badge-error"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-outline k-badge-error k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-outline k-badge-error k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-outline k-badge-error k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-outline k-badge-error k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-outline k-badge-error k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-lg k-badge-outline k-badge-error k-badge-dot"
+    }, "Dot"), /* @__PURE__ */ import_react.default.createElement("span", null, "Small"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      themeColor: "secondary"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      themeColor: "secondary"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      themeColor: "secondary",
+      rounded: "small"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      themeColor: "secondary",
+      rounded: "small"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      themeColor: "secondary",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      themeColor: "secondary",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      themeColor: "secondary",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      themeColor: "secondary",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      fillMode: "outline"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      fillMode: "outline"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      fillMode: "outline",
+      rounded: "small"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      fillMode: "outline",
+      rounded: "small"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      fillMode: "outline",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      fillMode: "outline",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      fillMode: "outline",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "small",
+      fillMode: "outline",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Normal"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Large"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      themeColor: "warning"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      themeColor: "warning"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      themeColor: "warning",
+      rounded: "large"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      themeColor: "warning",
+      rounded: "large"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      themeColor: "warning",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      themeColor: "warning",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      themeColor: "warning",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      themeColor: "warning",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      fillMode: "outline",
+      themeColor: "error"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      fillMode: "outline",
+      themeColor: "error"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "large"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "large"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      size: "large",
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "full"
     }))))
   );
 })();

package/dist/badge/tests/badge-size.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/badge/tests/badge-size.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-9\">\n\n            <span></span>\n            <span className=\"col-2\">Rectangle</span>\n            <span className=\"col-2\">Rounded</span>\n            <span className=\"col-2\">Pill</span>\n            <span className=\"col\">Circle</span>\n            <span className=\"col\">Dot</span>\n\n\n            <span>Small</span>\n            <span><span className=\"k-badge k-badge-sm k-badge-solid k-badge-secondary\">Rectangle</span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-solid k-badge-secondary\"></span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-rounded\">Rounded</span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-rounded\"></span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-pill\">Pill</span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-pill\"></span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-circle\">99+</span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-solid k-badge-secondary k-badge-dot\"></span></span>\n\n            <span>^ outline</span>\n            <span><span className=\"k-badge k-badge-sm k-badge-outline k-badge-primary\">Rectangle</span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-outline k-badge-primary\"></span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-rounded\">Rounded</span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-rounded\"></span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-pill\">Pill</span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-pill\"></span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-circle\">99+</span></span>\n            <span><span className=\"k-badge k-badge-sm k-badge-outline k-badge-primary k-badge-dot\"></span></span>\n\n\n            <span>Normal</span>\n            <span><span className=\"k-badge k-badge-md k-badge-solid k-badge-info\">Rectangle</span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-solid k-badge-info\"></span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-solid k-badge-info k-badge-rounded\">Rounded</span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-solid k-badge-info k-badge-rounded\"></span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-solid k-badge-info k-badge-pill\">Pill</span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-solid k-badge-info k-badge-pill\"></span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-solid k-badge-info k-badge-circle\">99+</span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-solid k-badge-info k-badge-dot\"></span></span>\n\n            <span>^ outline</span>\n            <span><span className=\"k-badge k-badge-md k-badge-outline k-badge-success\">Rectangle</span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-outline k-badge-success\"></span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-outline k-badge-success k-badge-rounded\">Rounded</span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-outline k-badge-success k-badge-rounded\"></span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-outline k-badge-success k-badge-pill\">Pill</span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-outline k-badge-success k-badge-pill\"></span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-outline k-badge-success k-badge-circle\">99+</span></span>\n            <span><span className=\"k-badge k-badge-md k-badge-outline k-badge-success k-badge-dot\"></span></span>\n\n\n            <span>Large</span>\n            <span><span className=\"k-badge k-badge-lg k-badge-solid k-badge-warning\">Rectangle</span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-solid k-badge-warning\"></span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-rounded\">Rounded</span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-rounded\"></span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-pill\">Pill</span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-pill\"></span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-circle\">99+</span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-solid k-badge-warning k-badge-dot\"></span></span>\n\n            <span>^ outline</span>\n            <span><span className=\"k-badge k-badge-lg k-badge-outline k-badge-error\">Rectangle</span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-outline k-badge-error\"></span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-outline k-badge-error k-badge-rounded\">Rounded</span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-outline k-badge-error k-badge-rounded\"></span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-outline k-badge-error k-badge-pill\">Pill</span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-outline k-badge-error k-badge-pill\"></span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-outline k-badge-error k-badge-circle\">99+</span></span>\n            <span><span className=\"k-badge k-badge-lg k-badge-outline k-badge-error k-badge-dot\"></span></span>\n\n        </div>\n    </>\n);\n"],
-  "mappings": "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",
+  "sources": ["../../../src/badge/tests/badge-size.tsx", "../../../src/badge/badge.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts"],
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Badge } from '../badge';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-9\">\n\n            <span></span>\n            <span className=\"col-2\">Rectangle</span>\n            <span className=\"col-2\">Rounded</span>\n            <span className=\"col-2\">Pill</span>\n            <span className=\"col\">Circle</span>\n            <span className=\"col\">Dot</span>\n\n\n            <span>Small</span>\n            <span><Badge size=\"small\" themeColor=\"secondary\">Rectangle</Badge></span>\n            <span><Badge size=\"small\" themeColor=\"secondary\"></Badge></span>\n            <span><Badge size=\"small\" themeColor=\"secondary\" rounded=\"small\">Rounded</Badge></span>\n            <span><Badge size=\"small\" themeColor=\"secondary\" rounded=\"small\"></Badge></span>\n            <span><Badge size=\"small\" themeColor=\"secondary\" rounded=\"full\">Pill</Badge></span>\n            <span><Badge size=\"small\" themeColor=\"secondary\" rounded=\"full\"></Badge></span>\n            <span><Badge size=\"small\" themeColor=\"secondary\" rounded=\"full\">1</Badge></span>\n            <span><Badge size=\"small\" themeColor=\"secondary\" rounded=\"full\"></Badge></span>\n\n            <span>^ outline</span>\n            <span><Badge size=\"small\" fillMode=\"outline\">Rectangle</Badge></span>\n            <span><Badge size=\"small\" fillMode=\"outline\"></Badge></span>\n            <span><Badge size=\"small\" fillMode=\"outline\" rounded=\"small\">Rounded</Badge></span>\n            <span><Badge size=\"small\" fillMode=\"outline\" rounded=\"small\"></Badge></span>\n            <span><Badge size=\"small\" fillMode=\"outline\" rounded=\"full\">Pill</Badge></span>\n            <span><Badge size=\"small\" fillMode=\"outline\" rounded=\"full\"></Badge></span>\n            <span><Badge size=\"small\" fillMode=\"outline\" rounded=\"full\">1</Badge></span>\n            <span><Badge size=\"small\" fillMode=\"outline\" rounded=\"full\"></Badge></span>\n\n\n            <span>Normal</span>\n            <span><Badge themeColor=\"info\">Rectangle</Badge></span>\n            <span><Badge themeColor=\"info\"></Badge></span>\n            <span><Badge themeColor=\"info\" rounded=\"medium\">Rounded</Badge></span>\n            <span><Badge themeColor=\"info\" rounded=\"medium\"></Badge></span>\n            <span><Badge themeColor=\"info\" rounded=\"full\">Pill</Badge></span>\n            <span><Badge themeColor=\"info\" rounded=\"full\"></Badge></span>\n            <span><Badge themeColor=\"info\" rounded=\"full\">1</Badge></span>\n            <span><Badge themeColor=\"info\" rounded=\"full\"></Badge></span>\n\n            <span>^ outline</span>\n            <span><Badge fillMode=\"outline\" themeColor=\"info\">Rectangle</Badge></span>\n            <span><Badge fillMode=\"outline\" themeColor=\"info\"></Badge></span>\n            <span><Badge fillMode=\"outline\" themeColor=\"info\" rounded=\"medium\">Rounded</Badge></span>\n            <span><Badge fillMode=\"outline\" themeColor=\"info\" rounded=\"medium\"></Badge></span>\n            <span><Badge fillMode=\"outline\" themeColor=\"info\" rounded=\"full\">Pill</Badge></span>\n            <span><Badge fillMode=\"outline\" themeColor=\"info\" rounded=\"full\"></Badge></span>\n            <span><Badge fillMode=\"outline\" themeColor=\"info\" rounded=\"full\">1</Badge></span>\n            <span><Badge fillMode=\"outline\" themeColor=\"info\" rounded=\"full\"></Badge></span>\n\n\n            <span>Large</span>\n            <span><Badge size=\"large\" themeColor=\"warning\">Rectangle</Badge></span>\n            <span><Badge size=\"large\" themeColor=\"warning\"></Badge></span>\n            <span><Badge size=\"large\" themeColor=\"warning\" rounded=\"large\">Rounded</Badge></span>\n            <span><Badge size=\"large\" themeColor=\"warning\" rounded=\"large\"></Badge></span>\n            <span><Badge size=\"large\" themeColor=\"warning\" rounded=\"full\">Pill</Badge></span>\n            <span><Badge size=\"large\" themeColor=\"warning\" rounded=\"full\"></Badge></span>\n            <span><Badge size=\"large\" themeColor=\"warning\" rounded=\"full\">1</Badge></span>\n            <span><Badge size=\"large\" themeColor=\"warning\" rounded=\"full\"></Badge></span>\n\n            <span>^ outline</span>\n            <span><Badge size=\"large\" fillMode=\"outline\" themeColor=\"error\">Rectangle</Badge></span>\n            <span><Badge size=\"large\" fillMode=\"outline\" themeColor=\"error\"></Badge></span>\n            <span><Badge size=\"large\" fillMode=\"outline\" themeColor=\"error\" rounded=\"large\">Rounded</Badge></span>\n            <span><Badge size=\"large\" fillMode=\"outline\" themeColor=\"error\" rounded=\"large\"></Badge></span>\n            <span><Badge size=\"large\" fillMode=\"outline\" themeColor=\"error\" rounded=\"full\">Pill</Badge></span>\n            <span><Badge size=\"large\" fillMode=\"outline\" themeColor=\"error\" rounded=\"full\"></Badge></span>\n            <span><Badge size=\"large\" fillMode=\"outline\" themeColor=\"error\" rounded=\"full\">1</Badge></span>\n            <span><Badge size=\"large\" fillMode=\"outline\" themeColor=\"error\" rounded=\"full\"></Badge></span>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface BadgeProps {\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded?: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    cutoutBorder?: boolean;\n    position?: null | 'edge' | 'inside' | 'outside';\n    align?: null | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';\n}\n\nexport class Badge extends React.Component<BadgeProps> {\n\n    static defaultProps = {\n\n        size: 'medium',\n        fillMode: 'solid',\n        themeColor: 'primary',\n        cutoutBorder: false,\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            cutoutBorder,\n            position,\n            align,\n            ...htmlAttributes\n        } = this.props;\n\n        return (\n            <span\n                style={this.props.style}\n                { ...htmlAttributes }\n                className={classNames(\n                    'k-badge',\n                    {\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        [`k-badge-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-badge-${fillMode}`]: fillMode,\n                        [`k-badge-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-badge-${position}`]: position,\n                        [`k-${align}`]: align,\n                        ['k-badge-border-cutout']: cutoutBorder\n                    },\n                    className\n                )}\n            >\n                {children}\n            </span>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n", "export interface KendoThemeMaps {\n    sizeMap: Record<Exclude<any, null>, string>;\n    roundedMap: Record<Exclude<any, null>, string>;\n    calloutMap: Record<Exclude<any, null>, string>;\n    orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n    sizeMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    roundedMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n};\n"],
+  "mappings": "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",
   "names": ["ReactDOM", "React"]
 }