@momentumcms/ui 0.1.10 → 0.3.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.
@@ -4160,6 +4160,7 @@ class SidebarNavItem {
4160
4160
  <a
4161
4161
  [routerLink]="href()"
4162
4162
  routerLinkActive="bg-sidebar-accent text-sidebar-accent-foreground before:absolute before:left-0 before:top-1 before:bottom-1 before:w-1 before:bg-sidebar-primary before:rounded-full"
4163
+ ariaCurrentWhenActive="page"
4163
4164
  [routerLinkActiveOptions]="{ exact: exact() }"
4164
4165
  [class]="linkClasses()"
4165
4166
  [attr.aria-disabled]="disabled() || null"
@@ -4198,6 +4199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
4198
4199
  <a
4199
4200
  [routerLink]="href()"
4200
4201
  routerLinkActive="bg-sidebar-accent text-sidebar-accent-foreground before:absolute before:left-0 before:top-1 before:bottom-1 before:w-1 before:bg-sidebar-primary before:rounded-full"
4202
+ ariaCurrentWhenActive="page"
4201
4203
  [routerLinkActiveOptions]="{ exact: exact() }"
4202
4204
  [class]="linkClasses()"
4203
4205
  [attr.aria-disabled]="disabled() || null"
@@ -4800,7 +4802,7 @@ class TabsTrigger {
4800
4802
  /** Additional CSS classes. */
4801
4803
  class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
4802
4804
  hostClasses = computed(() => {
4803
- const base = 'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50';
4805
+ const base = 'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all cursor-pointer hover:bg-background/50 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50';
4804
4806
  const selectedClasses = this.tab.selected() ? 'bg-background text-foreground shadow' : '';
4805
4807
  return `${base} ${selectedClasses} ${this.class()}`.trim();
4806
4808
  }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));