@algenium/blocks 1.2.0-rc.3 → 1.2.1-rc.1

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.d.cts CHANGED
@@ -404,8 +404,10 @@ interface NotificationsWidgetProps {
404
404
  soundType?: SoundType;
405
405
  pulseStyle?: PulseStyle;
406
406
  soundCooldown?: number;
407
+ /** "ghost" renders a borderless button matching other ghost icon buttons. */
408
+ buttonVariant?: "default" | "ghost";
407
409
  }
408
- declare function NotificationsWidget({ notifications: propNotifications, onMarkAsRead: propOnMarkAsRead, onMarkAllAsRead: propOnMarkAllAsRead, onDismiss: propOnDismiss, onClearAll: propOnClearAll, onNotificationClick: propOnNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
410
+ declare function NotificationsWidget({ notifications: propNotifications, onMarkAsRead: propOnMarkAsRead, onMarkAllAsRead: propOnMarkAllAsRead, onDismiss: propOnDismiss, onClearAll: propOnClearAll, onNotificationClick: propOnNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, buttonVariant, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
409
411
 
410
412
  interface CalendarWidgetLabels {
411
413
  title?: string;
package/dist/index.d.ts CHANGED
@@ -404,8 +404,10 @@ interface NotificationsWidgetProps {
404
404
  soundType?: SoundType;
405
405
  pulseStyle?: PulseStyle;
406
406
  soundCooldown?: number;
407
+ /** "ghost" renders a borderless button matching other ghost icon buttons. */
408
+ buttonVariant?: "default" | "ghost";
407
409
  }
408
- declare function NotificationsWidget({ notifications: propNotifications, onMarkAsRead: propOnMarkAsRead, onMarkAllAsRead: propOnMarkAllAsRead, onDismiss: propOnDismiss, onClearAll: propOnClearAll, onNotificationClick: propOnNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
410
+ declare function NotificationsWidget({ notifications: propNotifications, onMarkAsRead: propOnMarkAsRead, onMarkAllAsRead: propOnMarkAllAsRead, onDismiss: propOnDismiss, onClearAll: propOnClearAll, onNotificationClick: propOnNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, buttonVariant, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
409
411
 
410
412
  interface CalendarWidgetLabels {
411
413
  title?: string;
package/dist/index.js CHANGED
@@ -4986,7 +4986,8 @@ function NotificationsWidget({
4986
4986
  showPulse = true,
4987
4987
  soundType = "chime",
4988
4988
  pulseStyle = "ring",
4989
- soundCooldown = 2e3
4989
+ soundCooldown = 2e3,
4990
+ buttonVariant = "default"
4990
4991
  }) {
4991
4992
  const context = useNotificationsContext();
4992
4993
  const notifications = propNotifications ?? context?.notifications ?? [];
@@ -5164,8 +5165,8 @@ function NotificationsWidget({
5164
5165
  motion.button,
5165
5166
  {
5166
5167
  className: cn(
5167
- "relative inline-flex items-center justify-center rounded-lg",
5168
- "bg-muted/50 border border-border/50 hover:bg-muted/70 transition-colors",
5168
+ "relative inline-flex items-center justify-center rounded-lg transition-colors",
5169
+ buttonVariant === "ghost" ? "hover:bg-accent hover:text-accent-foreground" : "bg-muted/50 border border-border/50 hover:bg-muted/70",
5169
5170
  styles.button,
5170
5171
  className
5171
5172
  ),