@avenue-ticketing/ui 0.12.0-beta.2 → 0.12.0-beta.4

package/dist/react/dropdown-search-advanced.js

@@ -150,7 +150,7 @@ var styles = sortCx({
         "hover:bg-primary_hover hover:text-secondary_hover",
         "disabled:opacity-50",
         "data-loading:bg-primary_hover",
-        "*:data-icon:text-fg-secondary hover:*:data-icon:text-fg-quaternary_hover"
+        "*:data-icon:text-fg-secondary"
       ].join(" ")
     },
     /** Figma Hierarchy=Tertiary */
@@ -160,7 +160,7 @@ var styles = sortCx({
         focusShadowPlain,
         "hover:bg-primary_hover hover:text-tertiary_hover",
         "disabled:opacity-50",
-        "*:data-icon:text-fg-tertiary hover:*:data-icon:text-fg-quaternary_hover"
+        "*:data-icon:text-fg-tertiary"
       ].join(" ")
     },
     /** Figma Hierarchy=Link color — text + icons share brand-secondary; hover underlines with fg-brand-secondary. */
@@ -728,7 +728,7 @@ var ToggleBase = ({ className, isHovered, isDisabled, isFocusVisible, isSelected
   const classes = slim ? styles3.slim[size] : styles3.default[size];
   const offTrackBackground = (() => {
     if (isDisabled) return "bg-tertiary";
-    if (isHovered) return "bg-secondary_hover";
+    if (isHovered) return "bg-toggle-track_hover";
     return "bg-quaternary";
   })();
   return /* @__PURE__ */ jsx(
@@ -823,11 +823,11 @@ var DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled, s
           children: [
             state.selectionMode !== "none" && !avatarUrl && !Icon && /* @__PURE__ */ jsx(SelectionIndicator, { ...state, className: "mr-2" }),
             avatarUrl && /* @__PURE__ */ jsx("div", { className: "mr-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(Avatar, { "aria-hidden": "true", size: "xs", src: avatarUrl, alt: label, className: "size-5" }) }),
-            Icon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: "mr-2 size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" }),
+            Icon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: "mr-2 size-4 shrink-0 stroke-[2.25px] text-fg-secondary" }),
             /* @__PURE__ */ jsx("span", { className: cx("grow truncate text-sm font-semibold text-secondary", state.isFocused && "text-secondary_hover"), children: label || (typeof children === "function" ? children(state) : children) }),
             addon && /* @__PURE__ */ jsx("span", { className: "ml-1 shrink-0 pr-1 text-xs font-medium text-quaternary", children: addon }),
             state.selectionMode !== "none" && (avatarUrl || Icon) && /* @__PURE__ */ jsx(SelectionIndicator, { ...state, className: "ml-1" }),
-            state.hasSubmenu && /* @__PURE__ */ jsx(CaretRightIcon, { "aria-hidden": "true", className: "ml-auto size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" })
+            state.hasSubmenu && /* @__PURE__ */ jsx(CaretRightIcon, { "aria-hidden": "true", className: "ml-auto size-4 shrink-0 stroke-[2.25px] text-fg-secondary" })
           ]
         }
       )
@@ -969,7 +969,7 @@ var InputBase = ({
   ...inputProps
 }) => {
   const [isPasswordVisible, setIsPasswordVisible] = useState(false);
-  const hasTrailingIcon = tooltip || isInvalid;
+  const hasTrailingIcon = tooltip || isInvalid || type === "password";
   const hasLeadingIcon = Icon;
   const context = useContext(TextFieldContext);
   const inputSize = context?.size || size;