@kiva/kv-components 3.40.0 → 3.41.0

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.41.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.40.1...@kiva/kv-components@3.41.0) (2023-09-07)
+
+
+### Features
+
+* add box shadow to all toasts ([57ccaf2](https://github.com/kiva/kv-ui-elements/commit/57ccaf2f2da006a6990f5d5b0d6adeca8d3081b0))
+* rolled back some new tooltip props ([4ce96d6](https://github.com/kiva/kv-ui-elements/commit/4ce96d6eae3457a6a92bde9e407f226d5e53d332))
+
+
+
+
+
+## [3.40.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.40.0...@kiva/kv-components@3.40.1) (2023-09-07)
+
+**Note:** Version bump only for package @kiva/kv-components
+
+
+
+
+
 # [3.40.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.39.0...@kiva/kv-components@3.40.0) (2023-09-06)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "3.40.0",
+  "version": "3.41.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -53,7 +53,7 @@
     "build": "echo No build needed for @kiva/kv-components."
   },
   "dependencies": {
-    "@kiva/kv-tokens": "^2.9.0",
+    "@kiva/kv-tokens": "^2.10.0",
     "@mdi/js": "^5.9.55",
     "@vueuse/integrations": "^7.6.0",
     "aria-hidden": "^1.1.3",
@@ -75,5 +75,5 @@
       "optional": true
     }
   },
-  "gitHead": "8b34af3a17a7eea46565344414767c930f948bdd"
+  "gitHead": "e8c825179c7a3044372369640113d65d7c30b3f5"
 }

package/vue/KvToast.vue

@@ -21,10 +21,11 @@
 						class="
 							tw-rounded tw-overflow-hidden
 							tw-flex
+							tw-bg-secondary
 							tw-mx-auto
 							tw-w-full md:tw-w-max md:tw-max-w-full md:tw-min-w-1/2
+							tw-shadow
 						"
-						:class="[backgroundClass, { 'tw-shadow': applyDropShadow }]"
 					>
 						<div
 							class="
@@ -91,9 +92,9 @@
 								tw-flex-shrink-0
 								tw-flex
 								tw-items-center tw-justify-center
+								tw-bg-secondary
 								hover:tw-text-action-highlight
 							"
-							:class="[backgroundClass]"
 							@click="close"
 						>
 							<kv-material-icon
@@ -150,19 +151,9 @@ export default {
 		const isVisible = ref(false);
 		const message = ref('');
 		const messageType = ref('confirmation'); // 'error', 'info', 'confirmation'
-		const backgroundType = ref('secondary'); // 'primary', 'secondary', 'tertiary'
-		const applyDropShadow = ref(false);
 		const persist = ref(false);
 		const timeout = ref(null);
 
-		const backgroundClass = computed(() => {
-			switch (backgroundType.value) {
-				case 'primary': return 'tw-bg-primary';
-				case 'tertiary': return 'tw-bg-tertiary';
-				default: return 'tw-bg-secondary';
-			}
-		});
-
 		const icon = computed(() => {
 			if (messageType.value === 'warning') {
 				return mdiAlert;
@@ -199,12 +190,10 @@ export default {
 			emit('close');
 		};
 
-		const show = (messageInput, type, persistInput, hideDelay, background, dropShadow) => {
+		const show = (messageInput, type, persistInput, hideDelay) => {
 			isVisible.value = true;
 			message.value = typeof messageInput === 'string' ? messageInput : '';
 			messageType.value = typeof type === 'string' ? type : '';
-			backgroundType.value = typeof background === 'string' ? background : '';
-			applyDropShadow.value = Boolean(dropShadow);
 			persist.value = Boolean(persistInput);
 
 			if (!persist.value) {
@@ -226,8 +215,6 @@ export default {
 			close,
 			show,
 			hasToastContentSlot,
-			backgroundClass,
-			applyDropShadow,
 		};
 	},
 };

package/vue/stories/KvToast.stories.js

@@ -31,16 +31,6 @@ export default {
 				type: 'number',
 			},
 		},
-		background: {
-			control: {
-				type: 'text',
-			},
-		},
-		dropShadow: {
-			control: {
-				type: 'boolean',
-			},
-		},
 	},
 };
 
@@ -54,7 +44,7 @@ const Template = (args, {
 	},
 	template: `
 		<div>
-			<kv-button @click="showToast(message, type, persist, hideDelay, background, dropShadow)">Show Toast</kv-button>
+			<kv-button @click="showToast(message, type, persist, hideDelay)">Show Toast</kv-button>
 
 			<!-- div below is a kludge for storybook docs -->
 			<div class="tw-fixed tw-z-toast tw-inset-0 tw-pointer-events-none">
@@ -64,8 +54,8 @@ const Template = (args, {
 			</div>
 		</div>`,
 	methods: {
-		showToast(messageInput, type, persistInput, hideDelay, background, dropShadow) {
-			this.$refs.toastRef.show(messageInput, type, persistInput, hideDelay, background, dropShadow);
+		showToast(messageInput, type, persistInput, hideDelay) {
+			this.$refs.toastRef.show(messageInput, type, persistInput, hideDelay);
 		},
 		onClose() {
 		},
@@ -90,18 +80,6 @@ persist.args = { persist: true };
 export const hideDelay = Template.bind({});
 hideDelay.args = { hideDelay: 10000 };
 
-export const backgroundPrimary = Template.bind({});
-backgroundPrimary.args = { background: 'primary' };
-
-export const backgroundSecondary = Template.bind({});
-backgroundSecondary.args = { background: 'secondary' };
-
-export const backgroundTertiary = Template.bind({});
-backgroundTertiary.args = { background: 'tertiary' };
-
-export const dropShadow = Template.bind({});
-dropShadow.args = { dropShadow: true };
-
 const KivaLogoTemplate = (args, {
 	argTypes,
 }) => ({