chore: update Taiga UI and remove unnecessary styles (#2200)

* chore: update Taiga UI and remove unnecessary styles

* update workflow and package lock

---------

Co-authored-by: Lucy Cifferello <12953208+elvece@users.noreply.github.com>

frontend/projects/ui/src/app/components/form-object/form-object.component.module.ts

@@ -15,7 +15,8 @@ import {
 } from './form-object.pipes'
 import { IonicModule } from '@ionic/angular'
 import { FormsModule, ReactiveFormsModule } from '@angular/forms'
-import { ElasticContainerModule, SharedPipesModule } from '@start9labs/shared'
+import { SharedPipesModule } from '@start9labs/shared'
+import { TuiElasticContainerModule } from '@taiga-ui/kit'
 import { EnumListPageModule } from 'src/app/modals/enum-list/enum-list.module'
 
 @NgModule({
@@ -37,7 +38,7 @@ import { EnumListPageModule } from 'src/app/modals/enum-list/enum-list.module'
     ReactiveFormsModule,
     SharedPipesModule,
     EnumListPageModule,
-    ElasticContainerModule,
+    TuiElasticContainerModule,
   ],
   exports: [FormObjectComponent, FormLabelComponent],
 })

frontend/projects/ui/src/app/components/form-object/form-union.component.html

@@ -31,7 +31,7 @@
     </ion-select>
   </ion-item-divider>
 
-  <elastic-container [id]="objectId | toElementId: 'union'" class="indent">
+  <tui-elastic-container [id]="objectId | toElementId: 'union'" class="indent">
     <form-object
       [objectSpec]="spec.variants[unionValue]"
       [formGroup]="formGroup"
@@ -39,5 +39,5 @@
       [original]="original"
       (onResize)="resize()"
     ></form-object>
-  </elastic-container>
+  </tui-elastic-container>
 </div>

frontend/projects/ui/src/app/pages/widgets/built-in/add/add.component.html

@@ -1,10 +1,10 @@
 <div *ngIf="installed$ | async as installed" class="wrapper">
   <button
     *ngFor="let widget of widgets | tuiFilter: filter:installed; empty: empty"
-    class="tui-island tui-island_size_l"
+    class="button"
     (click)="context.completeWith(widget)"
   >
-    <span class="tui-island__title">{{ widget.meta.name }}</span>
+    {{ widget.meta.name }}
   </button>
   <ng-template #empty>No additional widgets found</ng-template>
 </div>

frontend/projects/ui/src/app/pages/widgets/built-in/add/add.component.scss

@@ -4,6 +4,13 @@
   gap: 12px;
 }
 
-.tui-island {
+.button {
+  background: transparent;
   text-align: left;
+  font-size: 18px;
+  font-weight: bold;
+  border: none;
+  border-radius: 16px;
+  padding: 16px;
+  box-shadow: inset 0 0 0 1px var(--tui-base-03);
 }