@geomak/ui 7.4.3 → 7.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +4 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +4 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +21 -0
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -368,7 +368,7 @@ interface TypographyProps {
|
|
|
368
368
|
*/
|
|
369
369
|
declare function Typography({ variant, as, color, weight, align, truncate, muted, className, style, children, }: TypographyProps): react_jsx_runtime.JSX.Element;
|
|
370
370
|
|
|
371
|
-
type IconButtonVariant = 'primary' | 'bordered';
|
|
371
|
+
type IconButtonVariant = 'primary' | 'bordered' | 'ghost';
|
|
372
372
|
interface IconButtonProps {
|
|
373
373
|
icon?: React.ReactNode;
|
|
374
374
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
package/dist/index.d.ts
CHANGED
|
@@ -368,7 +368,7 @@ interface TypographyProps {
|
|
|
368
368
|
*/
|
|
369
369
|
declare function Typography({ variant, as, color, weight, align, truncate, muted, className, style, children, }: TypographyProps): react_jsx_runtime.JSX.Element;
|
|
370
370
|
|
|
371
|
-
type IconButtonVariant = 'primary' | 'bordered';
|
|
371
|
+
type IconButtonVariant = 'primary' | 'bordered' | 'ghost';
|
|
372
372
|
interface IconButtonProps {
|
|
373
373
|
icon?: React.ReactNode;
|
|
374
374
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
package/dist/index.js
CHANGED
|
@@ -472,6 +472,9 @@ function IconButton({
|
|
|
472
472
|
if (type === "bordered") {
|
|
473
473
|
return "bg-surface text-foreground hover:bg-surface-raised border border-border-strong";
|
|
474
474
|
}
|
|
475
|
+
if (type === "ghost") {
|
|
476
|
+
return "bg-transparent text-foreground-muted hover:bg-surface-raised hover:text-foreground";
|
|
477
|
+
}
|
|
475
478
|
return "";
|
|
476
479
|
}, [type]);
|
|
477
480
|
return /* @__PURE__ */ jsx(
|
|
@@ -483,7 +486,7 @@ function IconButton({
|
|
|
483
486
|
title,
|
|
484
487
|
"aria-label": title,
|
|
485
488
|
style,
|
|
486
|
-
className: `${size === "sm" ? "p-1" : size === "md" ? "p-1.5" : "p-2"} rounded-lg shadow-md transition-colors duration-150 ${colorScheme} disabled:bg-surface-raised disabled:text-foreground-muted disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${className}`.trim(),
|
|
489
|
+
className: `${size === "sm" ? "p-1" : size === "md" ? "p-1.5" : "p-2"} rounded-lg ${type !== "ghost" ? "shadow-md" : ""} transition-colors duration-150 ${colorScheme} disabled:bg-surface-raised disabled:text-foreground-muted disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${className}`.trim(),
|
|
487
490
|
children: loading ? loadingIcon : icon
|
|
488
491
|
}
|
|
489
492
|
);
|