@ansiversa/components 0.0.73 → 0.0.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ansiversa/components",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "description": "Shared UI components and layouts for the Ansiversa ecosystem",
   "type": "module",
   "exports": {

package/src/styles/global.css

@@ -274,6 +274,102 @@
     gap: 0.5rem;
   }
 
+  /* Public list page (generic) ----------------------------------------- */
+
+  .av-public-titlewrap {
+    display: flex;
+    align-items: baseline;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+  }
+
+  .av-public-count-inline {
+    color: var(--av-text-muted);
+    font-size: 0.875rem;
+  }
+
+  .av-public-toolbar-left {
+    display: grid;
+    gap: 0.5rem;
+  }
+
+  .av-public-toolbar-top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.75rem;
+    width: 100%;
+  }
+
+  .av-public-filters {
+    display: grid;
+    gap: 0.5rem;
+  }
+
+  /* tighten toolbar spacing */
+  .av-faq-public__section .av-table-toolbar__row {
+    gap: 0;
+  }
+
+  /* hide default toolbar action slot (actions live in title/top area) */
+  .av-faq-public__section .av-table-toolbar__actions {
+    display: none;
+  }
+
+  /* selects grid on mobile */
+  .av-public-filter-selects {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 0.5rem;
+  }
+
+  .av-public-filter-selects .av-public-select-lg {
+    grid-column: 1 / -1;
+  }
+
+  @media (min-width: 1024px) {
+    .av-public-filters {
+      display: flex;
+      flex-wrap: nowrap;
+      align-items: flex-end;
+      gap: 0.5rem;
+    }
+
+    .av-faq-public__section .av-table-toolbar__row {
+      gap: 0;
+      align-items: flex-end;
+      flex-wrap: nowrap;
+    }
+
+    .av-faq-public__section .av-table-toolbar__actions {
+      display: none;
+    }
+
+    .av-public-filters > .av-public-filter-search {
+      flex: 2 1 0;
+      width: auto;
+    }
+
+    .av-public-filter-selects {
+      display: flex;
+      flex: 1 1 640px;
+      gap: 0.5rem;
+      align-items: flex-end;
+    }
+
+    .av-public-select-lg {
+      flex: 2 1 380px;
+    }
+
+    .av-public-select-md {
+      flex: 1 1 220px;
+    }
+
+    .av-public-select-sm {
+      flex: 0 1 170px;
+    }
+  }
+
   @media (max-width: 640px) {
     .av-faq-summary {
       flex-wrap: wrap;
@@ -1675,6 +1771,22 @@
 .av-m-0 {
   margin: 0;
 }
+
+  /* Generic spacing/type utilities (Apps page cleanup) */
+  .av-mt-8 { margin-top: 2rem; }
+  .av-mt-3 { margin-top: 0.75rem; }
+  .av-mt-2 { margin-top: 0.5rem; }
+
+  .av-ml-2 { margin-left: 0.5rem; }
+
+  .av-block { display: block; }
+
+  /* label spacing used under search inputs */
+  .av-mb-label { margin-bottom: 0.35rem; }
+
+  /* slightly smaller soft text (keeps existing feel) */
+  .av-text-sm-soft { font-size: 0.9rem; }
+  .av-font-normal { font-weight: 400; }
   .av-shadow-soft { box-shadow: var(--av-shadow-soft); }
   .av-shadow-glow { box-shadow: var(--av-shadow-glow); }