tccd-ui 0.1.0 → 0.1.2

package/dist/index.js

@@ -1214,7 +1214,7 @@ function DateTimePicker({
           type: "button",
           onClick: () => !disabled && setIsOpen(!isOpen),
           disabled,
-          className: `w-full border-contrast rounded-full px-3 sm:px-4 md:px-5 py-1.5 sm:py-2 border outline-none text-left text-xs sm:text-sm ${error ? dark ? "border-red-700 focus:border-red-600" : "border-red-300 focus:border-red-500 focus:ring-red-500/30" : dark ? "focus:border-primary border-gray-700" : "focus:border-primary"} ${disabled ? dark ? "bg-gray-700 cursor-not-allowed opacity-60" : "bg-gray-100 cursor-not-allowed opacity-60" : dark ? "bg-gray-900 cursor-pointer text-white" : "bg-white cursor-pointer"} transition-all duration-300 ease-in-out pr-8 sm:pr-10`,
+          className: `w-full border-gray-600 rounded-full px-3 sm:px-4 md:px-5 py-1.5 sm:py-2 border outline-none text-left text-xs sm:text-sm ${error ? dark ? "border-red-700 focus:border-red-600" : "border-red-300 focus:border-red-500 focus:ring-red-500/30" : dark ? "focus:border-primary border-gray-700" : "focus:border-primary"} ${disabled ? dark ? "bg-gray-700 cursor-not-allowed opacity-60" : "bg-gray-100 cursor-not-allowed opacity-60" : dark ? "bg-gray-900 cursor-pointer text-gray-200" : "bg-white cursor-pointer"} transition-all duration-300 ease-in-out pr-8 sm:pr-10`,
           children: getDisplayValue()
         }
       ),
@@ -1726,7 +1726,7 @@ function DropDownMenu({
         htmlFor: id,
         className: (0, import_tailwind_merge4.twMerge)(
           "text-[14px] md:text-[15px] lg:text-[16px] mb-2 font-semibold items-center",
-          dark ? "text-gray-200" : "text-contrast",
+          dark ? "text-gray-200" : "text-label",
           labelClassName
         ),
         children: label
@@ -1742,12 +1742,12 @@ function DropDownMenu({
           disabled,
           className: `flex items-center justify-between w-full text-left px-2 py-1.5 md:px-3 md:py-2 border outline-none 
             ${isOpen ? "rounded-t-2xl" : "rounded-2xl"}
-            ${dark ? "border-gray-600 bg-gray-900 text-white" : "border-gray-400 bg-transparent"}
+            ${dark ? "border-gray-600 bg-gray-900 text-gray-200" : "border-gray-400 text-label bg-transparent"}
             ${error ? dark ? "border-red-700 focus:border-red-600" : "border-red-300 focus:border-red-500 focus:ring-red-500/30" : dark ? "" : ""}
             transition-all duration-300 ease-in-out text-sm
             ${!selectedOption ? dark ? "text-gray-400" : "text-gray-400" : ""}
             ${disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `truncate w-full text-center ${dark ? "text-gray-200" : "text-label"}`, children: selectedOption ? selectedOption.label : placeholder })
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `truncate w-full text-center ${dark ? "text-gray-200" : "text-contrast"}`, children: selectedOption ? selectedOption.label : placeholder })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -1774,7 +1774,7 @@ function DropDownMenu({
                   w-full px-3 py-2 text-left text-sm transition-colors duration-150
                   ${option.disabled ? "text-gray-400 cursor-not-allowed" : dark ? "text-text hover:bg-surface-glass-bg hover:text-text cursor-pointer" : "text-contrast hover:bg-secondary/10 hover:text-secondary cursor-pointer"}
                   ${value === option.value ? dark ? "bg-surface-glass-bg/50 text-text font-medium" : "bg-secondary/20 text-secondary font-medium" : ""}
-                  first:rounded-t-2xl last:rounded-b-2xl
+                  last:rounded-b-2xl
                 `,
               children: option.label
             },