Feature/marketplace redesign (#2395)

* wip * update marketplace categories styling * update logo icons * add sort pipe * update search component styling * clean up categories component * cleanup and remove unnecessary sort pipe * query packages in selected category * fix search styling * add reg icon and font, adjust category styles * fix build from rebasing integration/refactors * adjust marketplace types for icon with store data, plus formatting * formatting * update categories and search * hover styling for categories * category styling * refactor for category as a behavior subject * more category styling * base functionality with new marketplace components * styling cleanup * misc style fixes and fix category selection from package page * fixes from review feedback * add and style additional details * implement release notes modal * fix menu when on service show page mobile to display change marketplace * style and responsiveness fixes * rename header to sidebar * input icon config to sidebar * add mime type pipe and type fn * review feedback fixes * skeleton text, more abstraction * reorder categories, clean up a little * audit sidebar, categories, store-icon, marketplace-sidebar, search * finish code cleanup and fix few bugs * misc fixes and cleanup * fix broken styles and markdown * bump shared marketplace version * more cleanup * sync package lock * rename sidebar component to menu * wip preview sidebar * sync package lock * breakout package show elements into components * link to brochure in preview; custom taiga button styles * move marketplace preview component into ui; open preview when viewing service in marketplace * sync changes post file struture rename * further cleanup * create service for sidebar toggle and cleanup marketplace components * bump shared marketplace version * bump shared for new images needed for brochure marketplace * cleanup --------- Co-authored-by: Matt Hill <mattnine@protonmail.com>
2026-03-30 20:14:49 +00:00 · 2023-12-08 15:12:38 -05:00
parent ad13b5eb4e
commit 0469aab433
115 changed files with 6434 additions and 5051 deletions
--- a/web/projects/shared/styles/taiga.scss
+++ b/web/projects/shared/styles/taiga.scss
@@ -30,6 +30,143 @@
 [tuiAppearance][data-appearance='outline'] {
  color: var(--tui-text-01);
 }
+[tuiWrapper][data-appearance='primary-solid'] {
+  background: #3880ff;
+  color: #fff;
+
+  .wrapper-hover {
+    background: #4c8dff;
+  }
+
+  ;
+
+  .wrapper-active {
+    background: #3171e0;
+  }
+
+  ;
+
+  .wrapper-disabled {
+    background: #eaecee;
+  }
+
+  ;
+}
+
+[tuiWrapper][data-appearance='secondary-solid'] {
+  background: #3dc2ff;
+  color: #fff;
+
+  .wrapper-hover {
+    background: #50c8ff;
+  }
+
+  ;
+
+  .wrapper-active {
+    background: #36abe0;
+  }
+
+  ;
+
+  .wrapper-disabled {
+    background: #eaecee;
+  }
+
+  ;
+}
+
+[tuiWrapper][data-appearance='tertiary-solid'] {
+  background: #5260ff;
+  color: #fff;
+
+  .wrapper-hover {
+    background: #6370ff;
+  }
+
+  ;
+
+  .wrapper-active {
+    background: #4854e0;
+  }
+
+  ;
+
+  .wrapper-disabled {
+    background: #eaecee;
+  }
+
+  ;
+}
+
+[tuiWrapper][data-appearance='success-solid'] {
+  background: #2dd36f;
+  color: #fff;
+
+  .wrapper-hover {
+    background: #42d77d;
+  }
+
+  ;
+
+  .wrapper-active {
+    background: #28ba62;
+  }
+
+  ;
+
+  .wrapper-disabled {
+    background: #eaecee;
+  }
+
+  ;
+}
+
+[tuiWrapper][data-appearance='warning-solid'] {
+  background: #ffc409;
+  color: #fff;
+
+  .wrapper-hover {
+    background: #ffca22;
+  }
+
+  ;
+
+  .wrapper-active {
+    background: #e0ac08;
+  }
+
+  ;
+
+  .wrapper-disabled {
+    background: #eaecee;
+  }
+
+  ;
+}
+
+[tuiWrapper][data-appearance='danger-solid'] {
+  background: #eb445a;
+  color: #fff;
+
+  .wrapper-hover {
+    background: #ed576b;
+  }
+
+  ;
+
+  .wrapper-active {
+    background: #cf3c4f;
+  }
+
+  ;
+
+  .wrapper-disabled {
+    background: #eaecee;
+  }
+
+  ;
+}

 [tuiWrapper][data-appearance='input-file'] {
  &:hover,