@eqtylab/equality 1.1.7 → 1.1.9

package/dist/dialog.module.module.css.module.css

@@ -81,8 +81,7 @@
 .dialog-header {
   display: flex;
   flex-shrink: 0;
-  align-items: flex-start;
-  justify-content: space-between;
+  align-items: center;
   gap: calc(0.25rem * 4);
   text-align: left;
   border-bottom-style: var(--tw-border-style);
@@ -91,11 +90,22 @@
   padding-inline: calc(0.25rem * 6);
   padding-block: calc(0.25rem * 3);
 }
+.dialog-header-icon {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .dialog-header-content {
   display: flex;
   min-width: calc(0.25rem * 0);
   flex: 1;
   flex-direction: column;
+  :where(& > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(0.25rem * 0.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(0.25rem * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+  }
 }
 .dialog-title {
   font-size: 1.125rem;
@@ -267,6 +277,11 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-leading {
   syntax: "*";
   inherits: false;

package/dist/display-field.module.module.css.module.css

@@ -71,7 +71,7 @@
   padding-block: calc(0.25rem * 2);
 }
 .actions {
-  margin-right: calc(0.25rem * 0.5);
+  margin-right: calc(0.25rem * 1);
   display: flex;
   align-items: center;
 }

package/dist/icon-button.module.module.css.module.css

@@ -37,19 +37,19 @@
   display: flex;
 }
 .size--sm {
-  width: calc(0.25rem * 8);
-  height: calc(0.25rem * 8);
+  width: calc(0.25rem * 7);
+  height: calc(0.25rem * 7);
   border-radius: var(--radius-md, 0.375rem);
 }
 .size--md {
   width: calc(0.25rem * 10);
   height: calc(0.25rem * 10);
-  border-radius: 0.5rem;
+  border-radius: 8.5px;
 }
 .size--lg {
-  width: calc(0.25rem * 12);
-  height: calc(0.25rem * 12);
-  border-radius: 0.75rem;
+  width: calc(0.25rem * 11);
+  height: calc(0.25rem * 11);
+  border-radius: 9.5px;
 }
 .icon-btn--primary {
   color: var(--color-text-primary);

package/dist/index.cjs

@@ -949,8 +949,8 @@ var iconButtonVariants = classVarianceAuthority.cva(styles13__default.default["i
 });
 var iconSizeMap = {
   sm: 16,
-  md: 20,
-  lg: 32
+  md: 22,
+  lg: 26
 };
 function IconButton({
   className,
@@ -1229,10 +1229,22 @@ var DialogContainer = React15__namespace.forwardRef(({ className, children, size
   )
 ] }));
 DialogContainer.displayName = DialogPrimitive__namespace.Content.displayName;
-var DialogHeader = ({ className, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles15__default.default["dialog-header"], className), ...props, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles15__default.default["dialog-header-content"], children }),
-  /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { name: "X", label: "Close", size: "sm" }) })
-] });
+var DialogHeaderIcon = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles15__default.default["dialog-header-icon"], className), ...props });
+DialogHeaderIcon.displayName = "DialogHeaderIcon";
+var DialogHeader = ({ className, children, ...props }) => {
+  const childrenArray = React15__namespace.Children.toArray(children);
+  const icon = childrenArray.find(
+    (child) => React15__namespace.isValidElement(child) && child.type === DialogHeaderIcon
+  );
+  const otherChildren = childrenArray.filter(
+    (child) => !(React15__namespace.isValidElement(child) && child.type === DialogHeaderIcon)
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles15__default.default["dialog-header"], className), ...props, children: [
+    icon,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles15__default.default["dialog-header-content"], children: otherChildren }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { name: "X", label: "Close", size: "sm" }) })
+  ] });
+};
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles15__default.default["dialog-footer"], className), ...props });
 DialogFooter.displayName = "DialogFooter";
@@ -3314,6 +3326,7 @@ exports.DialogContent = DialogContent;
 exports.DialogDescription = DialogDescription;
 exports.DialogFooter = DialogFooter;
 exports.DialogHeader = DialogHeader;
+exports.DialogHeaderIcon = DialogHeaderIcon;
 exports.DialogOverlay = DialogOverlay;
 exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;