@thinkpixellab-public/px-vue 3.0.83 → 3.0.85

package/components/PxBaseVariants.vue

@@ -40,10 +40,6 @@ export default {
     methods: {
         // true if the given variant (string) or variants (array) are present
         isVariant(val) {
-            // if (val.includes && val.includes('offset')) {
-            //     debugger;
-            // }
-
             if (this.variants && this.variants.length && val) {
                 if (typeof val == 'string') {
                     return this.variants?.includes(val);

package/components/PxSvg.vue

@@ -27,6 +27,7 @@
         :viewBox="svgViewBox"
         :height="calcHeight"
         :width="calcWidth"
+        :aria-label="title"
         :title="title"
         :role="role"
         :focusable="focusable"
@@ -67,7 +68,7 @@ export default {
         title: { type: String, default: null },
 
         // the role applied for accessibility
-        role: { type: String, default: 'img' },
+        role: { type: String, default: null },
 
         // focusable false by default for accessibility in older browsers
         focusable: { type: Boolean, default: false },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thinkpixellab-public/px-vue",
-    "version": "3.0.83",
+    "version": "3.0.85",
     "description": "General purpose Vue components and helpers that can be used across projects.",
     "author": "Pixel Lab",
     "license": "MIT",

package/utils/cssStr.js

@@ -99,10 +99,15 @@ function cssUnit(val) {
  * @example
  *      cssUnitScale('10px', 2) => '20px'
  */
-function cssUnitScale(val, scaler) {
-    const unit = cssUnit(val);
-    const num = cssNum(val);
-    return `${num * scaler}${unit}`;
+function cssUnitScale(val, scaler, min = null, max = null) {
+    let unit = cssUnit(val);
+    let num = cssNum(val);
+
+    num = num * scaler;
+    num = min !== null && num < min ? min : num;
+    num = max !== null && num > max ? max : num;
+
+    return `${num}${unit}`;
 }
 
 /*