@eqtylab/equality 1.0.1 → 1.1.0

package/dist/button.module.module.css.module.css

@@ -153,6 +153,47 @@
     }
   }
 }
+.button--navigation {
+  color: var(--color-text-link);
+  &:not(*:disabled) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-lilac-400);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-lilac-400) 25%, transparent);
+        }
+      }
+    }
+  }
+  &:not(*:disabled) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-lilac-800);
+      }
+    }
+  }
+  &:not(*:disabled) {
+    &:where(html[data-equality-theme=dark], html[data-equality-theme=dark] *, [data-equality-theme=dark] .root, [data-equality-theme=dark] .root *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-lilac-500);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-lilac-500) 25%, transparent);
+          }
+        }
+      }
+    }
+  }
+  &:not(*:disabled) {
+    &:where(html[data-equality-theme=dark], html[data-equality-theme=dark] *, [data-equality-theme=dark] .root, [data-equality-theme=dark] .root *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-lilac-200);
+        }
+      }
+    }
+  }
+}
 .size--sm {
   font-size: 0.75rem;
   line-height: var(--tw-leading, calc(1 / 0.75));

package/dist/index.cjs

@@ -229,7 +229,8 @@ var buttonVariants = classVarianceAuthority.cva(styles2__default.default["button
       danger: styles2__default.default["button--danger"],
       secondary: styles2__default.default["button--secondary"],
       tertiary: styles2__default.default["button--tertiary"],
-      link: styles2__default.default["button--link"]
+      link: styles2__default.default["button--link"],
+      navigation: styles2__default.default["button--navigation"]
     },
     size: {
       sm: styles2__default.default["size--sm"],
@@ -2549,7 +2550,7 @@ var SearchBar = ({
   const handleClear = () => {
     setSearchQuery("");
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles42__default.default["search-bar"], className), children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("search", { className: cn(styles42__default.default["search-bar"], className), children: /* @__PURE__ */ jsxRuntime.jsx(
     Input,
     {
       placeholder,
@@ -3069,10 +3070,26 @@ function useToast() {
   };
 }
 var Toast = ({ toast: toast2 }) => {
-  const { id, title, description, action, ...props } = toast2;
-  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContainer, { ...props, children: [
+  const { id, title, description, action, icon, variant, ...props } = toast2;
+  const getDefaultIcon = () => {
+    switch (variant) {
+      case "success":
+        return "Check";
+      case "warning":
+        return "AlertOctagon";
+      case "danger":
+        return "AlertTriangle";
+      default:
+        return "Info";
+    }
+  };
+  const displayIcon = icon !== void 0 ? icon : getDefaultIcon();
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContainer, { ...props, variant, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles56__default.default["toast-copy"], children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx(ToastTitle, { children: title }),
+      title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles56__default.default["toast-title-container"], children: [
+        displayIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: displayIcon, size: "sm", background: "transparent" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToastTitle, { children: title })
+      ] }),
       description && /* @__PURE__ */ jsxRuntime.jsx(ToastDescription, { children: description })
     ] }),
     action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles56__default.default["toast-action"], children: action }),