@eric-emg/symphiq-components 1.3.85 → 1.3.87

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eric-emg/symphiq-components",
-  "version": "1.3.85",
+  "version": "1.3.87",
   "description": "A comprehensive Angular library for component dashboards with performance visualization and metrics analysis",
   "author": "Your Organization",
   "license": "MIT",

package/src/styles.css

@@ -319,13 +319,11 @@ h1, h2, h3, h4, h5, h6 {
   transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .expanded-icon-bounce,
-  .expanded-title-grow,
-  .expanded-badge-pulse {
-    animation: none;
-    transform: scale(1.1);
-  }
+.expanded-icon-bounce,
+.expanded-title-grow,
+.expanded-badge-pulse {
+  animation: none;
+  transform: scale(1.1);
 }
 
 .animate-pulse-slow {

package/styles.css

@@ -934,9 +934,6 @@
   .h-\[80vh\] {
     height: 80vh;
   }
-  .h-\[90vh\] {
-    height: 90vh;
-  }
   .h-\[250px\] {
     height: 250px;
   }
@@ -973,15 +970,9 @@
   .max-h-\[80vh\] {
     max-height: 80vh;
   }
-  .max-h-\[90vh\] {
-    max-height: 90vh;
-  }
   .max-h-\[1000px\] {
     max-height: 1000px;
   }
-  .max-h-\[calc\(100vh-2rem\)\] {
-    max-height: calc(100vh - 2rem);
-  }
   .max-h-\[calc\(100vh-12rem\)\] {
     max-height: calc(100vh - 12rem);
   }
@@ -1147,9 +1138,6 @@
   .w-\[60px\] {
     width: 60px;
   }
-  .w-\[90vw\] {
-    width: 90vw;
-  }
   .w-\[250px\] {
     width: 250px;
   }
@@ -1168,9 +1156,6 @@
   .max-w-4xl {
     max-width: var(--container-4xl);
   }
-  .max-w-5xl {
-    max-width: var(--container-5xl);
-  }
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
@@ -1618,6 +1603,9 @@
   .rounded-md {
     border-radius: var(--radius-md);
   }
+  .rounded-none {
+    border-radius: 0;
+  }
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
@@ -6195,6 +6183,9 @@
   .object-cover {
     object-fit: cover;
   }
+  .p-0 {
+    padding: calc(var(--spacing) * 0);
+  }
   .p-0\.5 {
     padding: calc(var(--spacing) * 0.5);
   }
@@ -6234,6 +6225,9 @@
   .p-12 {
     padding: calc(var(--spacing) * 12);
   }
+  .px-0 {
+    padding-inline: calc(var(--spacing) * 0);
+  }
   .px-0\.5 {
     padding-inline: calc(var(--spacing) * 0.5);
   }
@@ -6378,6 +6372,9 @@
   .pb-32 {
     padding-bottom: calc(var(--spacing) * 32);
   }
+  .pb-36 {
+    padding-bottom: calc(var(--spacing) * 36);
+  }
   .pl-1\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }
@@ -10634,6 +10631,26 @@
       height: calc(var(--spacing) * 20);
     }
   }
+  .sm\:h-\[90vh\] {
+    @media (width >= 40rem) {
+      height: 90vh;
+    }
+  }
+  .sm\:h-auto {
+    @media (width >= 40rem) {
+      height: auto;
+    }
+  }
+  .sm\:max-h-\[90vh\] {
+    @media (width >= 40rem) {
+      max-height: 90vh;
+    }
+  }
+  .sm\:max-h-\[calc\(100vh-2rem\)\] {
+    @media (width >= 40rem) {
+      max-height: calc(100vh - 2rem);
+    }
+  }
   .sm\:w-4 {
     @media (width >= 40rem) {
       width: calc(var(--spacing) * 4);
@@ -10674,11 +10691,41 @@
       width: calc(var(--spacing) * 32);
     }
   }
+  .sm\:w-\[90vw\] {
+    @media (width >= 40rem) {
+      width: 90vw;
+    }
+  }
   .sm\:w-auto {
     @media (width >= 40rem) {
       width: auto;
     }
   }
+  .sm\:max-w-2xl {
+    @media (width >= 40rem) {
+      max-width: var(--container-2xl);
+    }
+  }
+  .sm\:max-w-3xl {
+    @media (width >= 40rem) {
+      max-width: var(--container-3xl);
+    }
+  }
+  .sm\:max-w-4xl {
+    @media (width >= 40rem) {
+      max-width: var(--container-4xl);
+    }
+  }
+  .sm\:max-w-5xl {
+    @media (width >= 40rem) {
+      max-width: var(--container-5xl);
+    }
+  }
+  .sm\:max-w-6xl {
+    @media (width >= 40rem) {
+      max-width: var(--container-6xl);
+    }
+  }
   .sm\:max-w-md {
     @media (width >= 40rem) {
       max-width: var(--container-md);
@@ -10719,6 +10766,11 @@
       align-items: center;
     }
   }
+  .sm\:justify-center {
+    @media (width >= 40rem) {
+      justify-content: center;
+    }
+  }
   .sm\:gap-2 {
     @media (width >= 40rem) {
       gap: calc(var(--spacing) * 2);
@@ -10757,6 +10809,11 @@
       }
     }
   }
+  .sm\:rounded-2xl {
+    @media (width >= 40rem) {
+      border-radius: var(--radius-2xl);
+    }
+  }
   .sm\:p-2 {
     @media (width >= 40rem) {
       padding: calc(var(--spacing) * 2);
@@ -10817,6 +10874,11 @@
       padding-top: calc(var(--spacing) * 12);
     }
   }
+  .sm\:pt-20 {
+    @media (width >= 40rem) {
+      padding-top: calc(var(--spacing) * 20);
+    }
+  }
   .sm\:pb-24 {
     @media (width >= 40rem) {
       padding-bottom: calc(var(--spacing) * 24);
@@ -11765,13 +11827,11 @@ h1, h2, h3, h4, h5, h6 {
 .expand-transition {
   transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
-@media (prefers-reduced-motion: reduce) {
-  .expanded-icon-bounce,
-  .expanded-title-grow,
-  .expanded-badge-pulse {
-    animation: none;
-    transform: scale(1.1);
-  }
+.expanded-icon-bounce,
+.expanded-title-grow,
+.expanded-badge-pulse {
+  animation: none;
+  transform: scale(1.1);
 }
 .animate-pulse-slow {
   animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;