wally-ui 1.5.1 → 1.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wally-ui",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "About Where’s Wally? Right here — bringing you ready-to-use Angular components with Wally-UI. Stop searching, start building.",
   "bin": {
     "wally": "dist/cli.js"

package/playground/showcase/src/app/components/breadcrumb/breadcrumb.html

@@ -1,18 +1,22 @@
-<nav class="">
-  <div class="flex items-center space-x-2 text-sm text-gray-700 dark:text-gray-400">
+<nav class="transition duration-200 ease-in-out" aria-label="Breadcrumb">
+  <ol class="flex items-center flex-wrap gap-x-2 gap-y-1 text-sm text-neutral-500 dark:text-neutral-400 antialiased">
     @for (item of items(); track item.label; let isLast = $last) {
       @if (!isLast && item.url) {
-        <a
-          [routerLink]="item.url"
-          class="hover:text-blue-500 transition-colors">
-          {{ item.label }}
-        </a>
-        <span class="text-gray-400 dark:text-gray-600">/</span>
+        <li class="flex items-center gap-2">
+          <a
+            [routerLink]="item.url"
+            class="hover:text-blue-500 transition-colors">
+            {{ item.label }}
+          </a>
+          <span class="text-neutral-500 dark:text-neutral-500" aria-hidden="true">/</span>
+        </li>
       } @else {
-        <span class="text-[#0a0a0a] dark:text-white font-medium">
-          {{ item.label }}
-        </span>
+        <li>
+          <span class="text-[#0a0a0a] dark:text-white font-medium" [attr.aria-current]="isLast ? 'page' : null">
+            {{ item.label }}
+          </span>
+        </li>
       }
     }
-  </div>
+  </ol>
 </nav>

package/playground/showcase/src/app/components/input/input.html

@@ -1,5 +1,5 @@
 @if (label()) {
-<div class="py-2">
+<div class="py-2 antialiased">
     <label [for]="inputId" class="block text-sm font-medium text-[#0a0a0a] dark:text-white">
         {{ label() }}
     </label>
@@ -19,7 +19,7 @@
         focus:outline-none focus:ring-2 focus:ring-neutral-300
         bg-gray-100
         dark:bg-[#1b1b1b] dark:text-white dark:placeholder:text-neutral-500 dark:focus:ring-neutral-700
-        disabled:opacity-70 disabled:pointer-events-none disabled:cursor-not-allowed
+        disabled:opacity-70 disabled:pointer-events-none disabled:cursor-not-allowed antialiased
         transition duration-200 ease-in-out
         py-4 px-4" [ngClass]="{
             'pe-12': type() === 'password',
@@ -64,7 +64,7 @@
 
 @if (errorMessage()) {
 <div class="py-1" [id]="inputId + '-error'">
-    <span class="text-sm text-red-500 font-medium">
+    <span class="text-sm text-red-500 font-medium antialiased">
         {{ errorMessage() }}
     </span>
 </div>