@eqtylab/equality 1.1.1 → 1.1.3

package/dist/avatar.module.module.css.module.css

@@ -16,16 +16,27 @@
   border-color: var(--color-border);
   --tw-gradient-position: to bottom right in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
-  --tw-gradient-from: var(--color-greyscale-800);
-  --tw-gradient-to: var(--color-greyscale-900);
+  --tw-gradient-from: var(--color-greyscale-500);
+  --tw-gradient-to: var(--color-greyscale-700);
   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  &:where(html[data-equality-theme=dark], html[data-equality-theme=dark] *, [data-equality-theme=dark] .root, [data-equality-theme=dark] .root *) {
+    --tw-gradient-from: var(--color-greyscale-800);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  &:where(html[data-equality-theme=dark], html[data-equality-theme=dark] *, [data-equality-theme=dark] .root, [data-equality-theme=dark] .root *) {
+    --tw-gradient-to: var(--color-greyscale-900);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   width: 100%;
   height: 100%;
   --tw-font-weight: 600;
   font-weight: 600;
-  color: var(--color-text-secondary);
+  color: var(--color-greyscale-200);
   -webkit-user-select: none;
   user-select: none;
+  &:where(html[data-equality-theme=dark], html[data-equality-theme=dark] *, [data-equality-theme=dark] .root, [data-equality-theme=dark] .root *) {
+    color: var(--color-text-secondary);
+  }
   display: flex;
   align-items: center;
   justify-content: center;

package/dist/index.cjs

@@ -329,24 +329,20 @@ var AlertDialogDescription = React15__namespace.forwardRef(({ className, ...prop
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogAction = React15__namespace.forwardRef(({ className, variant = "primary", size = "sm", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
-    className: cn(buttonVariants({ variant: "primary", size: "sm" }), className),
+    className: cn(buttonVariants({ variant, size }), className),
     ...props
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogCancel = React15__namespace.forwardRef(({ className, variant = "tertiary", size = "sm", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
-    className: cn(
-      buttonVariants({ variant: "tertiary", size: "sm" }),
-      styles3__default.default["alert-dialog-cancel"],
-      className
-    ),
+    className: cn(buttonVariants({ variant, size }), styles3__default.default["alert-dialog-cancel"], className),
     ...props
   }
 ));
@@ -916,7 +912,10 @@ var Checkbox = React15__namespace.forwardRef(
       ref,
       className: cn(styles12__default.default.checkbox, styles12__default.default[size], className),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, { className: styles12__default.default.indicator, children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: styles12__default.default.check }) })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(CheckboxPrimitive__namespace.Indicator, { className: styles12__default.default.indicator, children: [
+        Icon3 ? /* @__PURE__ */ jsxRuntime.jsx(Icon3, { className: styles12__default.default.check }) : /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: styles12__default.default.check }),
+        " "
+      ] })
     }
   )
 );
@@ -1685,7 +1684,7 @@ var DrawerHeaderActions = React15__namespace.forwardRef(({ className, rowSpan, s
     {
       ref,
       className: cn(styles20__default.default["drawer-header-actions"], className),
-      style: { "--row-span": rowSpan },
+      style: { ...style, "--row-span": rowSpan },
       ...props
     }
   );
@@ -2765,7 +2764,7 @@ function SortButton({
   ] });
 }
 var tableElevationVariants = generateElevationVariants(styles50__default.default, "table", ELEVATION.RAISED);
-var TableContainer = React15__namespace.forwardRef(({ className, elevation = ELEVATION.RAISED, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: (styles50__default.default["table"], tableElevationVariants({ elevation })), children: /* @__PURE__ */ jsxRuntime.jsx("table", { ref, className: styles50__default.default["table-inner"], ...props }) }));
+var TableContainer = React15__namespace.forwardRef(({ className, elevation = ELEVATION.RAISED, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles50__default.default["table"], tableElevationVariants({ elevation }), className), children: /* @__PURE__ */ jsxRuntime.jsx("table", { ref, className: styles50__default.default["table-inner"], ...props }) }));
 TableContainer.displayName = "Table";
 var TableHeader = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn(styles50__default.default["table-header"], className), ...props }));
 TableHeader.displayName = "TableHeader";
@@ -2779,9 +2778,9 @@ var TableRow = React15__namespace.forwardRef(
 TableRow.displayName = "TableRow";
 var TableHead = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("th", { ref, className: cn(styles50__default.default["table-head"], className), ...props }));
 TableHead.displayName = "TableHead";
-var TableCell = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("td", { ref, className: styles50__default.default["table-cell"], ...props }));
+var TableCell = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("td", { ref, className: cn(styles50__default.default["table-cell"], className), ...props }));
 TableCell.displayName = "TableCell";
-var TableCaption = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: styles50__default.default["table-caption"], ...props }));
+var TableCaption = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: cn(styles50__default.default["table-caption"], className), ...props }));
 TableCaption.displayName = "TableCaption";
 var tableElevationVariants2 = generateElevationVariants(styles51__default.default, "table", ELEVATION.BASE);
 var Table = ({
@@ -3070,7 +3069,7 @@ function useToast() {
   };
 }
 var Toast = ({ toast: toast2 }) => {
-  const { id, title, description, action, icon, variant, ...props } = toast2;
+  const { title, description, action, icon, variant, ...props } = toast2;
   const getDefaultIcon = () => {
     switch (variant) {
       case "success":
@@ -3230,6 +3229,7 @@ var MessageCircleCheckIcon = ({ className }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
+      className,
       xmlns: "http://www.w3.org/2000/svg",
       width: "12",
       height: "12",
@@ -3433,8 +3433,6 @@ exports.TooltipTrigger = TooltipTrigger;
 exports.TruncatedDescription = TruncatedDescription;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
-exports.displayFieldVariants = displayFieldVariants;
-exports.iconButtonVariants = iconButtonVariants;
 exports.reducer = reducer;
 exports.toast = toast;
 exports.useFormField = useFormField;