@foxeltech/angular-ui 0.4.0 → 0.7.75

package/utilities.css

@@ -8,13 +8,28 @@
 }
 
 @utility btn-common {
-  @apply flex text-sm h-10 font-semibold px-xl py-normal items-center justify-center rounded-lg shadow-sm transition-all duration-200 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed;
+  /* Compact size (anh Tú 29/08): h-8 + 13px label — the pre-V2 h-10 read too
+     large against the V2 density. leading-none: arbitrary text-[13px] inherits
+     lh 1.5 and Archivo's uneven leading floats the ink ~1px above center. */
+  @apply flex text-[13px] leading-none h-8 font-semibold px-large py-small items-center justify-center rounded-lg shadow-sm transition-all duration-200 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed;
 }
 
 @utility btn-menu-common {
   @apply flex flex-row items-center px-semi;
 }
 
+/* Nhãn "eyebrow" (tiêu đề panel, nhóm facet) — spec CUỐI của demo sau khi
+   lớp override đè lên base: font MONO, 11.5px, weight 600, letter-spacing
+   0.02em và KHÔNG viết hoa. Base DS viết hoa + tracking 0.08em, nhưng
+   override đặt `text-transform: none` nên demo hiển thị chữ thường. */
+@utility txt-eyebrow {
+  font-family: var(--og-font-mono);
+  font-size: var(--og-fs-xs);
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  color: rgb(var(--og-text-muted));
+}
+
 @utility card-common {
   @apply text-left px-xl py-large border border-border-default rounded-lg shadow-sm transition-colors duration-500 ease-in-out;
 }

package/src/lib/ui/components/skeleton-table-loading/skeleton-table-loading.component.html

@@ -1,21 +0,0 @@
-<div class="w-full animate-pulse space-y-normal">
-  <div
-    class="grid gap-small"
-    [ngStyle]="{ 'grid-template-columns': 'repeat(' + columns() + ', minmax(0, 1fr))' }"
-  >
-    @for(col of [].constructor(columns()); track col) {
-      <div class="h-6 bg-bg-hover rounded"></div>
-    }
-  </div>
-
-  @for(row of [].constructor(rows()); track row) {
-    <div
-      class="grid gap-small"
-      [ngStyle]="{ 'grid-template-columns': 'repeat(' + columns() + ', minmax(0, 1fr))' }"
-    >
-      @for(col of [].constructor(columns()); track col) {
-        <div class="h-7 bg-bg-hover rounded"></div>
-      }
-    </div>
-  }
-</div>

package/src/lib/ui/components/tab-component/tab.component.html

@@ -1 +0,0 @@
-<ng-template><ng-content></ng-content></ng-template>