@geomak/ui 7.6.2 → 7.7.0

package/dist/index.d.cts

@@ -503,6 +503,10 @@ interface ModalProps {
     onCancel?: () => void;
     okText?: string;
     cancelText?: string;
+    /** Visual variant of the Ok button. Default `'primary'`. */
+    okVariant?: ButtonProps['variant'];
+    /** Visual variant of the Cancel button. Default `'ghost'`. */
+    cancelVariant?: ButtonProps['variant'];
     hasFooter?: boolean;
     title?: react__default.ReactNode;
     children?: react__default.ReactNode;
@@ -521,7 +525,7 @@ interface ModalProps {
  *   Are you sure you want to delete this item?
  * </Modal>
  */
-declare function Modal({ width, size, open, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ width, size, open, onClose, onOk, onCancel, okText, cancelText, okVariant, cancelVariant, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
 
 type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 interface DrawerProps {
@@ -542,6 +546,10 @@ interface DrawerProps {
     width?: number | string;
     okText?: string;
     cancelText?: string;
+    /** Visual variant of the Ok button. Default `'primary'`. */
+    okVariant?: ButtonProps['variant'];
+    /** Visual variant of the Cancel button. Default `'ghost'`. */
+    cancelVariant?: ButtonProps['variant'];
     onOk?: () => void;
     onCancel?: () => void;
     title?: react__default.ReactNode;
@@ -561,7 +569,7 @@ interface DrawerProps {
  *   <FilterForm />
  * </Drawer>
  */
-declare function Drawer({ open, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ open, onClose, hasFooter, placement, size, width, okText, cancelText, okVariant, cancelVariant, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 interface TooltipProps {
     children: react__default.ReactNode;

package/dist/index.d.ts

@@ -503,6 +503,10 @@ interface ModalProps {
     onCancel?: () => void;
     okText?: string;
     cancelText?: string;
+    /** Visual variant of the Ok button. Default `'primary'`. */
+    okVariant?: ButtonProps['variant'];
+    /** Visual variant of the Cancel button. Default `'ghost'`. */
+    cancelVariant?: ButtonProps['variant'];
     hasFooter?: boolean;
     title?: react__default.ReactNode;
     children?: react__default.ReactNode;
@@ -521,7 +525,7 @@ interface ModalProps {
  *   Are you sure you want to delete this item?
  * </Modal>
  */
-declare function Modal({ width, size, open, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ width, size, open, onClose, onOk, onCancel, okText, cancelText, okVariant, cancelVariant, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
 
 type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 interface DrawerProps {
@@ -542,6 +546,10 @@ interface DrawerProps {
     width?: number | string;
     okText?: string;
     cancelText?: string;
+    /** Visual variant of the Ok button. Default `'primary'`. */
+    okVariant?: ButtonProps['variant'];
+    /** Visual variant of the Cancel button. Default `'ghost'`. */
+    cancelVariant?: ButtonProps['variant'];
     onOk?: () => void;
     onCancel?: () => void;
     title?: react__default.ReactNode;
@@ -561,7 +569,7 @@ interface DrawerProps {
  *   <FilterForm />
  * </Drawer>
  */
-declare function Drawer({ open, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ open, onClose, hasFooter, placement, size, width, okText, cancelText, okVariant, cancelVariant, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 interface TooltipProps {
     children: react__default.ReactNode;

package/dist/index.js

@@ -709,6 +709,8 @@ function Modal({
   onCancel,
   okText = "Ok",
   cancelText = "Cancel",
+  okVariant = "primary",
+  cancelVariant = "ghost",
   hasFooter = true,
   title,
   children,
@@ -765,6 +767,7 @@ function Modal({
               Button_default,
               {
                 style: { width: 90 },
+                variant: cancelVariant,
                 content: cancelText,
                 onClick: onCancel
               }
@@ -773,6 +776,7 @@ function Modal({
               Button_default,
               {
                 style: { width: 90 },
+                variant: okVariant,
                 content: okText,
                 onClick: onOk
               }
@@ -799,6 +803,8 @@ function Drawer({
   width,
   okText = "Ok",
   cancelText = "Cancel",
+  okVariant = "primary",
+  cancelVariant = "ghost",
   onOk,
   onCancel,
   title,
@@ -854,8 +860,8 @@ function Drawer({
           ] }),
           /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-5", children }),
           hasFooter && /* @__PURE__ */ jsxs("div", { className: `flex flex-shrink-0 items-center gap-3 border-t border-border px-5 py-3 ${isRight ? "justify-start" : "justify-end"}`, children: [
-            /* @__PURE__ */ jsx(Button_default, { style: { width: 90 }, content: cancelText, onClick: onCancel }),
-            /* @__PURE__ */ jsx(Button_default, { style: { width: 90 }, content: okText, onClick: onOk })
+            /* @__PURE__ */ jsx(Button_default, { style: { width: 90 }, variant: cancelVariant, content: cancelText, onClick: onCancel }),
+            /* @__PURE__ */ jsx(Button_default, { style: { width: 90 }, variant: okVariant, content: okText, onClick: onOk })
           ] })
         ]
       }
@@ -4581,7 +4587,9 @@ var DENSITY_PAD_LEFT = {
   "spacious": "pl-[calc(1rem-1px)]"
   // px-4  = 1rem
 };
-var PRESS = "active:bg-[color-mix(in_srgb,var(--color-accent)_14%,transparent)]";
+var HOVER = "hover:bg-[color-mix(in_srgb,var(--color-accent)_8%,transparent)] hover:text-foreground";
+var ACTIVE_BG = "bg-[color-mix(in_srgb,var(--color-accent)_15%,transparent)]";
+var PRESS = "active:bg-[color-mix(in_srgb,var(--color-accent)_24%,transparent)]";
 function List2({
   items,
   onItemClick,
@@ -4613,7 +4621,7 @@ function List2({
           DENSITY_PADDING[density],
           DENSITY_PAD_LEFT[density],
           "focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-inset",
-          isDisabled ? "border-l-transparent opacity-50 cursor-not-allowed" : isActive ? `border-l-accent bg-surface-raised text-foreground font-medium ${PRESS}` : `border-l-transparent text-foreground-secondary hover:bg-surface-raised hover:text-foreground ${PRESS}`
+          isDisabled ? "border-l-transparent opacity-50 cursor-not-allowed" : isActive ? `border-l-accent ${ACTIVE_BG} text-foreground font-medium ${PRESS}` : `border-l-transparent text-foreground-secondary ${HOVER} ${PRESS}`
         ].join(" "),
         children: [
           item.avatar && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: item.avatar }),