@kiva/kv-components 3.13.0 → 3.13.2

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.13.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.13.1...@kiva/kv-components@3.13.2) (2023-04-14)
+
+**Note:** Version bump only for package @kiva/kv-components
+
+
+
+
+
+## [3.13.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.13.0...@kiva/kv-components@3.13.1) (2023-04-05)
+
+
+### Bug Fixes
+
+* check for button ref before adding ripple ([#233](https://github.com/kiva/kv-ui-elements/issues/233)) ([5371a88](https://github.com/kiva/kv-ui-elements/commit/5371a8816caefede244ca20b933b9cece025b0bb))
+
+
+
+
+
 # [3.13.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.12.0...@kiva/kv-components@3.13.0) (2023-03-01)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "3.13.0",
+  "version": "3.13.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -50,7 +50,7 @@
     "test": "npm run lint"
   },
   "dependencies": {
-    "@kiva/kv-tokens": "^2.4.1",
+    "@kiva/kv-tokens": "^2.5.0",
     "@mdi/js": "^5.9.55",
     "@vueuse/integrations": "^7.6.0",
     "aria-hidden": "^1.1.3",
@@ -69,5 +69,5 @@
       "optional": true
     }
   },
-  "gitHead": "ed1b307da3dda2636febbb5ddbf9230972a4e5e1"
+  "gitHead": "4c0fd566bb167fb765adf4bd92dccb4bb0814059"
 }

package/vue/KvButton.vue

@@ -227,27 +227,30 @@ export default {
 			// position the blip where the pointer click is or center it if keyboard
 			const fromClick = event.detail !== 0; // determine if click came from pointer or keyboard
 			const { clientX, clientY } = event;
-			const {
-				offsetLeft, offsetTop, offsetWidth, offsetHeight,
-			} = buttonRef.value;
-			let blipX;
-			let blipY;
-			if (fromClick) {
-				blipX = `${clientX - offsetLeft}px`;
-				blipY = `${clientY - offsetTop}px`;
-			} else {
-				blipX = `${offsetWidth / 2}px`;
-				blipY = `${offsetHeight / 2}px`;
-			}
-			blipEl.style.setProperty('left', blipX);
-			blipEl.style.setProperty('top', blipY);
 
-			// append the blip to the button, remove it when the animation is done
-			buttonInnerRef.value.appendChild(blipEl);
-			blipEl.addEventListener('animationend', function animationComplete() {
-				buttonInnerRef.value.removeChild(blipEl);
-				blipEl.removeEventListener('animationend', animationComplete);
-			});
+			if (buttonRef.value) {
+				const {
+					offsetLeft, offsetTop, offsetWidth, offsetHeight,
+				} = buttonRef.value;
+				let blipX;
+				let blipY;
+				if (fromClick) {
+					blipX = `${clientX - offsetLeft}px`;
+					blipY = `${clientY - offsetTop}px`;
+				} else {
+					blipX = `${offsetWidth / 2}px`;
+					blipY = `${offsetHeight / 2}px`;
+				}
+				blipEl.style.setProperty('left', blipX);
+				blipEl.style.setProperty('top', blipY);
+
+				// append the blip to the button, remove it when the animation is done
+				buttonInnerRef.value.appendChild(blipEl);
+				blipEl.addEventListener('animationend', function animationComplete() {
+					buttonInnerRef.value.removeChild(blipEl);
+					blipEl.removeEventListener('animationend', animationComplete);
+				});
+			}
 		};
 
 		const onClick = (event) => {

package/vue/stories/StyleguidePrimitives.stories.js

@@ -435,7 +435,17 @@ export const Primitives = (args, { argTypes }) => ({
 			return name;
 		},
 		isStaticColor(colorName) {
-			const staticColors = ['transparent', 'current', 'brand', 'black', 'white'];
+			const staticColors = [
+				'transparent',
+				'current',
+				'brand',
+				'black',
+				'white',
+				'eco-green',
+				'marigold',
+				'desert-rose',
+				'stone',
+			];
 			const isStatic = staticColors.some((staticColor) => colorName[0].includes(staticColor));
 			return isStatic;
 		},