tccd-ui 0.0.82 → 0.0.83

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.
package/dist/index.js CHANGED
@@ -769,7 +769,9 @@ function DropdownMenu({
769
769
  ref: buttonRef,
770
770
  onClick: () => !disabled && setIsOpen(!isOpen),
771
771
  disabled,
772
- className: `flex items-center justify-between w-full text-left bg-transparent border-gray-400 dark:border-gray-600 rounded-2xl px-2 py-1.5 md:px-3 md:py-2 border outline-none ${error ? "border-red-300 focus:border-red-500 focus:ring-red-500/30 dark:border-red-700 dark:focus:border-red-600" : "focus:border-primary dark:focus:border-primary"} transition-all duration-300 ease-in-out text-sm dark:bg-gray-900 dark:text-white ${!selectedOption ? "text-gray-400 dark:text-gray-400" : ""} ${disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
772
+ className: `flex items-center justify-between w-full text-left bg-transparent border-gray-400 dark:border-gray-600 px-2 py-1.5 md:px-3 md:py-2 border outline-none
773
+ ${isOpen ? "rounded-t-xl" : "rounded-xl"}
774
+ ${error ? "border-red-300 focus:border-red-500 focus:ring-red-500/30 dark:border-red-700 dark:focus:border-red-600" : "focus:border-primary dark:focus:border-primary"} transition-all duration-300 ease-in-out text-sm dark:bg-gray-900 dark:text-white ${!selectedOption ? "text-gray-400 dark:text-gray-400" : ""} ${disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
773
775
  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate w-full text-center", children: selectedOption ? selectedOption.label : placeholder })
774
776
  }
775
777
  ),
@@ -786,7 +788,7 @@ function DropdownMenu({
786
788
  {
787
789
  ref: dropdownRef,
788
790
  style: menuStyles,
789
- className: "bg-background border border-secondary/30 rounded-xl shadow-lg max-h-60 overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-background [&::-webkit-scrollbar-thumb]:bg-secondary/30 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:hover:bg-secondary/50",
791
+ className: "bg-background border border-secondary/30 rounded-b-xl shadow-lg max-h-60 overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-background [&::-webkit-scrollbar-thumb]:bg-secondary/30 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:hover:bg-secondary/50",
790
792
  children: options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "px-3 py-2 text-sm text-text", children: "No options available" }) : options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
791
793
  "button",
792
794
  {