feat(element-theme): align ghost button naming convention

`.btn-ghost` now represents the primary ghost button style, consistent
with the naming convention established by `.btn-secondary-ghost` and
`.btn-tertiary-ghost`. All internal usages of the old `.btn-ghost`
(which had tertiary ghost styling) have been migrated to
`.btn-tertiary-ghost`. The transitional `.btn-primary-ghost` class
introduced in v49.5.0 has been removed.

Resolves #1797

BREAKING CHANGE: `.btn-ghost` no longer applies tertiary ghost styling.
When using `.btn-ghost` as a tertiary ghost button it must be renamed
to `.btn-tertiary-ghost`. A schematic migration will be provided to
automate this update.

Author: ljanner

docs/components/layout-navigation/modals.md

@@ -79,7 +79,7 @@ import { viewChild } from '@angular/core';
         <h4 class="modal-title">Modal</h4>
         <button
           type="button"
-          class="btn btn-circle btn-ghost element-cancel"
+          class="btn btn-circle btn-tertiary-ghost element-cancel"
           aria-label="Close modal"
           (click)="modalRef.hide('cancel')"
         ></button>

playwright/e2e/element-examples/si-tabs-legacy.spec.ts

@@ -11,7 +11,7 @@ test.describe('si-tabs', () => {
     await si.visitExample(example);
     await page.locator('si-tabset-legacy button').getByText('Reception').click();
     await si.runVisualAndA11yTests();
-    await page.locator('si-tabset-legacy .btn-ghost.close').first().click();
+    await page.locator('si-tabset-legacy .btn-tertiary-ghost.close').first().click();
     await expect(page.locator('#si-tabset button').getByText('Reception')).toHaveCount(0);
     await si.runVisualAndA11yTests('delete');
   });

projects/dashboards-demo/src/app/components/widget-catalog/custom-widget-catalog.component.html

@@ -2,7 +2,7 @@
   <span class="modal-title">Custom Catalog</span>
   <button
     type="button"
-    class="btn btn-circle btn-ghost element-cancel"
+    class="btn btn-circle btn-tertiary-ghost element-cancel"
     aria-label="Close"
     (click)="onCancel()"
   >

projects/element-ng/action-modal/si-alert-dialog/si-alert-dialog.component.html

@@ -6,7 +6,7 @@
   <span class="modal-title" [id]="titleId()">{{ heading() | translate: translationParams() }}</span>
   <button
     type="button"
-    class="btn btn-circle btn-ghost"
+    class="btn btn-circle btn-tertiary-ghost"
     [attr.aria-label]="confirmBtnName() | translate"
     [disabled]="!!loading"
     (click)="modalRef.messageOrHide('confirm')"

projects/element-ng/action-modal/si-confirmation-dialog/si-confirmation-dialog.component.html

@@ -6,7 +6,7 @@
   <span class="modal-title" [id]="titleId()">{{ heading() | translate: translationParams() }}</span>
   <button
     type="button"
-    class="btn btn-circle btn-ghost element-cancel"
+    class="btn btn-circle btn-tertiary-ghost element-cancel"
     [attr.aria-label]="declineBtnName() | translate"
     [disabled]="!!loading"
     (click)="modalRef.messageOrHide('decline')"

projects/element-ng/action-modal/si-delete-confirmation-dialog/si-delete-confirmation-dialog.component.html

@@ -6,7 +6,7 @@
   <span class="modal-title" [id]="titleId()">{{ heading() | translate: translationParams() }}</span>
   <button
     type="button"
-    class="btn btn-circle btn-ghost"
+    class="btn btn-circle btn-tertiary-ghost"
     [attr.aria-label]="cancelBtnName() | translate"
     [disabled]="!!loading"
     (click)="modalRef.messageOrHide('cancel')"

projects/element-ng/action-modal/si-edit-discard-dialog/si-edit-discard-dialog.component.html

@@ -6,7 +6,7 @@
   <span class="modal-title" [id]="titleId()">{{ heading() | translate: translationParams() }}</span>
   <button
     type="button"
-    class="btn btn-circle btn-ghost"
+    class="btn btn-circle btn-tertiary-ghost"
     [attr.aria-label]="cancelBtnName() | translate"
     [disabled]="!!loading"
     (click)="modalRef.messageOrHide('cancel')"

projects/element-ng/application-header/launchpad/si-launchpad-factory.component.html

@@ -15,7 +15,7 @@
       </span>
       <button
         type="button"
-        class="btn btn-circle btn-ghost"
+        class="btn btn-circle btn-tertiary-ghost"
         [attr.aria-label]="closeText() | translate"
         (click)="closeLaunchpad()"
       >

projects/element-ng/chat-messages/si-ai-message.component.html

@@ -13,7 +13,7 @@
       @for (action of actions(); track $index) {
         <button
           type="button"
-          class="btn btn-ghost btn-icon"
+          class="btn btn-tertiary-ghost btn-icon"
           [disabled]="action.disabled"
           [attr.aria-label]="action.label | translate"
           (click)="action.action(actionParam(), action)"
@@ -25,7 +25,7 @@
       @if (secondaryActions().length > 0) {
         <button
           type="button"
-          class="btn btn-ghost btn-icon"
+          class="btn btn-tertiary-ghost btn-icon"
           [cdkMenuTriggerFor]="secondaryActionsMenu"
           [attr.aria-label]="secondaryActionsLabel() | translate"
           [attr.title]="secondaryActionsLabel() | translate"

projects/element-ng/chat-messages/si-attachment-list.component.html

@@ -44,7 +44,7 @@
       @if (removable()) {
         <button
           type="button"
-          class="btn btn-ghost btn-icon expand-button flex-shrink-0 ms-auto align-self-center focus-inside"
+          class="btn btn-tertiary-ghost btn-icon expand-button flex-shrink-0 ms-auto align-self-center focus-inside"
           [attr.aria-label]="(removeLabel() | translate) + ' ' + attachment.name"
           (click)="remove.emit(attachment); $event.stopPropagation()"
         >