opus-toolkit-components 0.7.4 → 0.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12420,19 +12420,22 @@ const statusClasses = {
12420
12420
  warning: "bg-[--color-util-amber] text-[--color-white]",
12421
12421
  success: "bg-[--color-util-green] text-[--color-white]",
12422
12422
  info: "bg-[--color-util-blue] text-[--color-white]",
12423
- notice: "bg-[--color-util-yellow] text-[--color-black]" // better contrast
12423
+ notice: "bg-[--color-util-yellow] text-[--color-black]"
12424
12424
  };
12425
12425
  const Pill = _ref => {
12426
12426
  let {
12427
12427
  text,
12428
12428
  status = "info",
12429
- className = ""
12429
+ className = "",
12430
+ icon: Icon
12430
12431
  } = _ref;
12431
- const baseClasses = "inline-block text-xs font-medium px-3 py-1 rounded-full";
12432
+ const baseClasses = "inline-flex items-center gap-1 text-xs font-medium px-3 py-1 rounded-full";
12432
12433
  const statusClass = statusClasses[status] || statusClasses.info;
12433
12434
  return /*#__PURE__*/external_react_default().createElement("span", {
12434
12435
  className: "".concat(baseClasses, " ").concat(statusClass, " ").concat(className)
12435
- }, text);
12436
+ }, Icon && /*#__PURE__*/external_react_default().createElement(Icon, {
12437
+ className: "w-4 h-4"
12438
+ }), text);
12436
12439
  };
12437
12440
  /* harmony default export */ const Pills_Pill = (Pill);
12438
12441
  ;// ./src/index.js
@@ -12453,4 +12456,4 @@ const Pill = _ref => {
12453
12456
  /******/ })()
12454
12457
  ;
12455
12458
  });
12456
- //# sourceMappingURL=main.eaa73c32b68eb30f0fde.js.map
12459
+ //# sourceMappingURL=main.83ac8a97df068a0b0db7.js.map