opus-toolkit-components 0.7.3 → 0.7.4

package/lib/{main.6710a9addb593f916cf3.js → main.eaa73c32b68eb30f0fde.js}

@@ -595,6 +595,7 @@ __webpack_require__.d(__webpack_exports__, {
   Loader: () => (/* reexport */ Loader),
   Modal: () => (/* reexport */ Modals_Modal),
   Navbar: () => (/* reexport */ Navbar_Navbar),
+  Pill: () => (/* reexport */ Pills_Pill),
   RadioButton: () => (/* reexport */ Radios_RadioButton),
   Table: () => (/* reexport */ Table)
 });
@@ -12412,6 +12413,28 @@ function Loader(_ref) {
     className: "mt-4 text-greyBaseLight text-lg font-medium animate-pulse"
   }, loaderText));
 }
+;// ./src/components/Pills/Pill.js
+
+const statusClasses = {
+  danger: "bg-[--color-util-red] text-[--color-white]",
+  warning: "bg-[--color-util-amber] text-[--color-white]",
+  success: "bg-[--color-util-green] text-[--color-white]",
+  info: "bg-[--color-util-blue] text-[--color-white]",
+  notice: "bg-[--color-util-yellow] text-[--color-black]" // better contrast
+};
+const Pill = _ref => {
+  let {
+    text,
+    status = "info",
+    className = ""
+  } = _ref;
+  const baseClasses = "inline-block text-xs font-medium px-3 py-1 rounded-full";
+  const statusClass = statusClasses[status] || statusClasses.info;
+  return /*#__PURE__*/external_react_default().createElement("span", {
+    className: "".concat(baseClasses, " ").concat(statusClass, " ").concat(className)
+  }, text);
+};
+/* harmony default export */ const Pills_Pill = (Pill);
 ;// ./src/index.js
 
 
@@ -12425,8 +12448,9 @@ function Loader(_ref) {
 
 
 
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.6710a9addb593f916cf3.js.map
+//# sourceMappingURL=main.eaa73c32b68eb30f0fde.js.map