@ulu/frontend 0.6.14 → 0.6.16

package/lib/scss/components/_badge.scss

@@ -31,6 +31,7 @@ $-fallbacks: (
 /// @prop {Keyword} font-weight [bold] Font weight
 /// @prop {String} font-family [true] Specify font family, defaults to typography font-family-sans
 /// @prop {Number} width [10rem] Width of badge (default size)
+/// @prop {Time} transition-duration [110ms] Transition duration amount for transitioned properties
 /// @prop {Number} hover-scale [1.2] Scale of badge (if clickable) on hover (enlarges badge)
 /// @prop {List} sizes [Object] List of other sizes (large by default), each size is a map of (width, font-size) 
 
@@ -47,6 +48,7 @@ $config: (
   "font-family":         true,
   "width":               7rem,
   "hover-scale":         1.2,
+  "transition-duration" : 110ms,
   "sizes" : (
     "small" : (
       "font-size" : 1.2rem,
@@ -117,7 +119,9 @@ $config: (
     background-position: center center;
     text-align: center;
     border-radius: get("border-radius");
-    transition: transform 100ms ease-in-out;
+    transition-property: transform, color, box-shadow, background-color;
+    transition-duration: get("transition-duration");
+    transition-timing-function: ease-in-out;
     box-shadow: get("box-shadow");
     // In case this is used as a link or router-link
     &,

package/lib/scss/components/_popover.scss

@@ -203,12 +203,7 @@ $config: (
   #{ $prefix }--fit {
     @include cssvar.declare-ulu("popover-width", max-content);
   }
-  // If you want to do something custom (and have it touch the edges)
-  #{ $prefix }--no-padding {
-    #{ $prefix }__inner {
-      padding: 0;
-    }
-  }
+  
   #{ $prefix }--large {
     @include cssvar.declare-ulu("popover-width", get("width-large"));
   }
@@ -224,6 +219,12 @@ $config: (
       padding: get("footer-padding-y-large") get("padding-large");
     }
   }
+  // If you want to do something custom (and have it touch the edges)
+  #{ $prefix }--no-padding {
+    #{ $prefix }__inner {
+      padding: 0;
+    }
+  }
   #{ $prefix }--prints {
     @media print {
       display: block;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.6.14",
+  "version": "0.6.16",
   "description": "A framework-agnostic frontend toolkit providing a modular, tree-shakable library of accessible components and utilities. Designed for seamless integration, it features a highly configurable SCSS system for any environment and vanilla JavaScript modules optimized for traditional websites and content management systems.",
   "type": "module",
   "files": [