@giddaa-housing/ui 3.3.0 → 3.4.0

package/dist/styles.css

@@ -164,6 +164,7 @@
     --animate-accordion-up: accordion-up 0.2s ease-out;
     --animate-sonar-glow: sonar-glow 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
     --animate-round-sonar-glow: round-sonar-glow 1.5s ease-out infinite;
+    --animate-sonar-wave: sonar-wave 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
     --animate-spin-slow: spin 3s linear infinite;
   }
 }
@@ -721,6 +722,9 @@
   .block {
     display: block;
   }
+  .contents {
+    display: contents;
+  }
   .flex {
     display: flex;
   }
@@ -1555,6 +1559,9 @@
   .animate-pulse {
     animation: var(--animate-pulse);
   }
+  .animate-sonar-wave {
+    animation: var(--animate-sonar-wave);
+  }
   .animate-spin {
     animation: var(--animate-spin);
   }
@@ -3692,6 +3699,15 @@
   .\[--slider-track-size\:0\.375rem\] {
     --slider-track-size: 0.375rem;
   }
+  .\[--sonar-spread\:0\.375rem\] {
+    --sonar-spread: 0.375rem;
+  }
+  .\[--sonar-spread\:0\.625rem\] {
+    --sonar-spread: 0.625rem;
+  }
+  .\[--sonar-spread\:0\.875rem\] {
+    --sonar-spread: 0.875rem;
+  }
   .\[--switch-spinner-size\:0\.75rem\] {
     --switch-spinner-size: 0.75rem;
   }
@@ -9647,6 +9663,11 @@
       backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     }
   }
+  .motion-reduce\:hidden {
+    @media (prefers-reduced-motion: reduce) {
+      display: none;
+    }
+  }
   .motion-reduce\:scale-100 {
     @media (prefers-reduced-motion: reduce) {
       --tw-scale-x: 100%;
@@ -9660,6 +9681,17 @@
       animation: none;
     }
   }
+  .motion-reduce\:opacity-40 {
+    @media (prefers-reduced-motion: reduce) {
+      opacity: 40%;
+    }
+  }
+  .motion-reduce\:shadow-\[0_0_0_2px_currentColor\] {
+    @media (prefers-reduced-motion: reduce) {
+      --tw-shadow: 0 0 0 2px var(--tw-shadow-color, currentColor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .motion-reduce\:transition-colors {
     @media (prefers-reduced-motion: reduce) {
       transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
@@ -12451,6 +12483,7 @@
     --animate-bouncing-loader: none;
     --animate-sonar-glow: none;
     --animate-round-sonar-glow: none;
+    --animate-sonar-wave: none;
     --animate-spin-slow: none;
   }
 }
@@ -12533,6 +12566,16 @@
     opacity: 0;
   }
 }
+@keyframes sonar-wave {
+  from {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0.55;
+  }
+  to {
+    box-shadow: 0 0 0 var(--sonar-spread, 0.625rem) currentColor;
+    opacity: 0;
+  }
+}
 @layer base {
   body {
     display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giddaa-housing/ui",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "Giddaa reusable UI component library.",
   "type": "module",
   "private": false,
@@ -353,6 +353,10 @@
       "types": "./dist/skeleton.d.ts",
       "import": "./dist/skeleton.js"
     },
+    "./sonar": {
+      "types": "./dist/sonar.d.ts",
+      "import": "./dist/sonar.js"
+    },
     "./sparkline": {
       "types": "./dist/sparkline.d.ts",
       "import": "./dist/sparkline.js"