@retinalabsllc/zairusjs 12.0.60 → 13.0.0

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.
Files changed (3) hide show
  1. package/dist/index.js +7 -2
  2. package/dist/index.mjs +7 -2
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -3950,7 +3950,7 @@ var Banner2 = ({ message, type = "info" }) => {
3950
3950
  success: { bg: "bg-green-50", text: "text-green-700", icon: import_core_free_icons23.NewReleasesIcon }
3951
3951
  };
3952
3952
  const activeStyle = styles[type];
3953
- return /* @__PURE__ */ import_react69.default.createElement("div", { className: `w-full p-4 mb-6 rounded-xl ${activeStyle.bg} flex items-start gap-3` }, /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: activeStyle.icon, size: 18, className: `${activeStyle.text} shrink-0 mt-0.5` }), /* @__PURE__ */ import_react69.default.createElement("p", { className: `text-[13px] leading-relaxed ${activeStyle.text}` }, message));
3953
+ return /* @__PURE__ */ import_react69.default.createElement("div", { className: `w-full p-4 mb-6 rounded-xl ${activeStyle.bg} flex items-start` }, /* @__PURE__ */ import_react69.default.createElement("p", { className: `text-[13px] leading-relaxed ${activeStyle.text}` }, message));
3954
3954
  };
3955
3955
  var VerificationRow = ({
3956
3956
  icon,
@@ -3962,6 +3962,7 @@ var VerificationRow = ({
3962
3962
  }) => {
3963
3963
  let statusText = "";
3964
3964
  let statusColor = "";
3965
+ let bg = "";
3965
3966
  let StatusIcon = null;
3966
3967
  let iconColor = "";
3967
3968
  switch (status) {
@@ -3969,17 +3970,20 @@ var VerificationRow = ({
3969
3970
  statusText = "Completed";
3970
3971
  statusColor = "text-green-600";
3971
3972
  StatusIcon = import_core_free_icons23.NewReleasesIcon;
3973
+ bg = "bg-green-50";
3972
3974
  iconColor = "text-green-500";
3973
3975
  break;
3974
3976
  case "PENDING":
3975
3977
  statusText = "Awaiting Approval";
3976
3978
  statusColor = "text-orange-500";
3977
3979
  StatusIcon = import_core_free_icons23.Time02Icon;
3980
+ bg = "bg-orange-50";
3978
3981
  iconColor = "text-orange-500";
3979
3982
  break;
3980
3983
  case "REJECTED":
3981
3984
  statusText = "Action required to fix issue";
3982
3985
  statusColor = "text-red-500";
3986
+ bg = "bg-red-50";
3983
3987
  StatusIcon = import_core_free_icons23.InformationCircleIcon;
3984
3988
  iconColor = "text-red-500";
3985
3989
  break;
@@ -3987,6 +3991,7 @@ var VerificationRow = ({
3987
3991
  default:
3988
3992
  statusText = "Start verification";
3989
3993
  statusColor = "text-neutral-500";
3994
+ bg = "bg-neutral-50";
3990
3995
  StatusIcon = import_core_free_icons23.InformationCircleIcon;
3991
3996
  iconColor = "text-neutral-400";
3992
3997
  break;
@@ -3996,7 +4001,7 @@ var VerificationRow = ({
3996
4001
  "div",
3997
4002
  {
3998
4003
  onClick: isDisabled ? void 0 : onClick,
3999
- className: `flex items-center p-4 transition-colors ${!isLast ? "" : ""} ${isDisabled ? "opacity-70 cursor-default" : "cursor-pointer hover:bg-neutral-50"}`
4004
+ className: `flex items-center pl-4 pr-4 pt-1 pb-1 transition-colors ${bg} ${!isLast ? "" : ""} ${isDisabled ? "opacity-70 cursor-default" : "cursor-pointer hover:bg-neutral-50"}`
4000
4005
  },
4001
4006
  /* @__PURE__ */ import_react69.default.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 bg-white flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon, size: 16, className: "text-black" })),
4002
4007
  /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-[14px] truncate text-black" }, title), /* @__PURE__ */ import_react69.default.createElement("p", { className: `text-[12px] truncate ${statusColor} mt-0.5` }, statusText)),
package/dist/index.mjs CHANGED
@@ -3959,7 +3959,7 @@ var Banner2 = ({ message, type = "info" }) => {
3959
3959
  success: { bg: "bg-green-50", text: "text-green-700", icon: NewReleasesIcon }
3960
3960
  };
3961
3961
  const activeStyle = styles[type];
3962
- return /* @__PURE__ */ React42.createElement("div", { className: `w-full p-4 mb-6 rounded-xl ${activeStyle.bg} flex items-start gap-3` }, /* @__PURE__ */ React42.createElement(HugeiconsIcon28, { icon: activeStyle.icon, size: 18, className: `${activeStyle.text} shrink-0 mt-0.5` }), /* @__PURE__ */ React42.createElement("p", { className: `text-[13px] leading-relaxed ${activeStyle.text}` }, message));
3962
+ return /* @__PURE__ */ React42.createElement("div", { className: `w-full p-4 mb-6 rounded-xl ${activeStyle.bg} flex items-start` }, /* @__PURE__ */ React42.createElement("p", { className: `text-[13px] leading-relaxed ${activeStyle.text}` }, message));
3963
3963
  };
3964
3964
  var VerificationRow = ({
3965
3965
  icon,
@@ -3971,6 +3971,7 @@ var VerificationRow = ({
3971
3971
  }) => {
3972
3972
  let statusText = "";
3973
3973
  let statusColor = "";
3974
+ let bg = "";
3974
3975
  let StatusIcon = null;
3975
3976
  let iconColor = "";
3976
3977
  switch (status) {
@@ -3978,17 +3979,20 @@ var VerificationRow = ({
3978
3979
  statusText = "Completed";
3979
3980
  statusColor = "text-green-600";
3980
3981
  StatusIcon = NewReleasesIcon;
3982
+ bg = "bg-green-50";
3981
3983
  iconColor = "text-green-500";
3982
3984
  break;
3983
3985
  case "PENDING":
3984
3986
  statusText = "Awaiting Approval";
3985
3987
  statusColor = "text-orange-500";
3986
3988
  StatusIcon = Time02Icon;
3989
+ bg = "bg-orange-50";
3987
3990
  iconColor = "text-orange-500";
3988
3991
  break;
3989
3992
  case "REJECTED":
3990
3993
  statusText = "Action required to fix issue";
3991
3994
  statusColor = "text-red-500";
3995
+ bg = "bg-red-50";
3992
3996
  StatusIcon = InformationCircleIcon2;
3993
3997
  iconColor = "text-red-500";
3994
3998
  break;
@@ -3996,6 +4000,7 @@ var VerificationRow = ({
3996
4000
  default:
3997
4001
  statusText = "Start verification";
3998
4002
  statusColor = "text-neutral-500";
4003
+ bg = "bg-neutral-50";
3999
4004
  StatusIcon = InformationCircleIcon2;
4000
4005
  iconColor = "text-neutral-400";
4001
4006
  break;
@@ -4005,7 +4010,7 @@ var VerificationRow = ({
4005
4010
  "div",
4006
4011
  {
4007
4012
  onClick: isDisabled ? void 0 : onClick,
4008
- className: `flex items-center p-4 transition-colors ${!isLast ? "" : ""} ${isDisabled ? "opacity-70 cursor-default" : "cursor-pointer hover:bg-neutral-50"}`
4013
+ className: `flex items-center pl-4 pr-4 pt-1 pb-1 transition-colors ${bg} ${!isLast ? "" : ""} ${isDisabled ? "opacity-70 cursor-default" : "cursor-pointer hover:bg-neutral-50"}`
4009
4014
  },
4010
4015
  /* @__PURE__ */ React42.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 bg-white flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React42.createElement(HugeiconsIcon28, { icon, size: 16, className: "text-black" })),
4011
4016
  /* @__PURE__ */ React42.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React42.createElement("p", { className: "text-[14px] truncate text-black" }, title), /* @__PURE__ */ React42.createElement("p", { className: `text-[12px] truncate ${statusColor} mt-0.5` }, statusText)),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "12.0.60",
3
+ "version": "13.0.0",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",