♻️ modification du nom des composants

Author: mckenziearts

src/app/shared/components/alert/error.component.ts

@@ -1,7 +1,7 @@
 import { Component, Input } from '@angular/core';
 
 @Component({
-  selector: 'cosna-errors',
+  selector: 'alert-errors',
   template: `
     <div class="p-4 rounded-md bg-red-50" [ngClass]="class">
       <div class="flex">

src/app/shared/components/alert/success.component.ts

@@ -1,7 +1,7 @@
 import { Component, Input } from '@angular/core';
 
 @Component({
-  selector: 'cosna-success',
+  selector: 'alert-success',
   template: `
     <div class="p-4 rounded-md bg-green-50" [ngClass]="class">
       <div class="flex">

src/app/shared/components/buttons/default.component.ts

@@ -1,14 +1,14 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { Observable } from 'rxjs';
 
 @Component({
-  selector: 'cosna-button-default',
+  selector: 'button-default',
   template: `
     <button
       [type]="type"
       [disabled]="loading$ | async"
       [ngClass]="class"
-      class="inline-flex items-center px-4 py-2 text-sm font-mono font-medium uppercase tracking-[1.25px] bg-white border rounded-md shadow-sm border-slate-300 text-slate-600 hover:bg-slate-50 hover:text-slate-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
+      class="inline-flex items-center px-4 py-2 text-sm font-medium bg-white border rounded-md shadow-sm border-slate-300 text-slate-600 hover:bg-slate-50 hover:text-slate-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
       <span *ngIf="loading$ | async">
         <svg
           class="w-5 h-5 mr-3 -ml-1 text-slate-500 animate-spin"

src/app/shared/components/buttons/link.component.ts

@@ -1,12 +1,12 @@
 import { Component, Input } from '@angular/core';
 
 @Component({
-  selector: 'cosna-button-link',
+  selector: 'button-link',
   template: `
     <a
       [routerLink]="link"
       [ngClass]="class"
-      class="inline-flex items-center font-mono rounded-md border border-transparent bg-primary-600 px-4 py-2 text-sm font-medium uppercase tracking-[1.25px] text-white shadow-sm hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
+      class="inline-flex items-center rounded-md border border-transparent bg-primary-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
       <ng-content></ng-content>
     </a>
   `,

src/app/shared/components/buttons/primary.component.ts

@@ -1,13 +1,13 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { Observable } from 'rxjs';
 
 @Component({
-  selector: 'cosna-button-primary',
+  selector: 'button-primary',
   template: `
     <button
       [type]="type"
       [disabled]="loading$ | async"
-      class="relative inline-flex items-center font-mono px-4 py-2 text-sm font-medium uppercase tracking-[1.25px] text-white bg-primary-600 border border-transparent rounded-md shadow-md hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed transition ease-in-out duration-150"
+      class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-white bg-primary-600 border border-transparent rounded-md shadow-md hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed transition ease-in-out duration-150"
       [ngClass]="class"
       matRipple
       matRippleColor="primary">

src/app/shared/components/headings/page-heading-with-action.component.ts

@@ -1,7 +1,7 @@
 import { Component, Input } from '@angular/core';
 
 @Component({
-  selector: 'cosna-page-heading-with-action',
+  selector: 'admin-page-heading-with-action',
   template: `
     <div class="py-5 md:flex md:items-center md:justify-between">
       <div class="flex-1 min-w-0">

src/app/shared/components/headings/page-heading.component.ts

@@ -1,7 +1,7 @@
 import { Component, Input } from '@angular/core';
 
 @Component({
-  selector: 'cosna-page-heading',
+  selector: 'admin-page-heading',
   template: `
     <div class="py-5 md:flex md:items-center md:justify-between">
       <div class="flex-1 min-w-0">

src/app/shared/components/inputs/overlaping-label/overlaping-label.component.ts

@@ -2,7 +2,7 @@ import { Component, forwardRef, Input } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 
 @Component({
-  selector: 'cosna-input-overlaping-label',
+  selector: 'input-overlaping-label',
   templateUrl: './overlaping-label.component.html',
   providers: [
     {

src/app/shared/components/skeletons/line.component.ts

@@ -2,7 +2,7 @@ import { Component, Input } from '@angular/core';
 import { NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
 
 @Component({
-  selector: 'cosna-line-skeleton',
+  selector: 'loader-line-skeleton',
   template: `
     <div [class]="class">
       <ngx-skeleton-loader

src/app/shared/components/skeletons/user-profile-with-name.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'cosna-user-profile-with-name-skeleton',
+  selector: 'loader-user-profile-with-name-skeleton',
   template: `
     <div class="flex items-center">
       <div class="w-10 h-10 shrink-0">