@kiva/kv-components 2.0.0 → 3.0.2

package/vue/stories/KvToast.stories.js

@@ -49,8 +49,9 @@ const Template = (args, {
 			</div>
 		</div>`,
 	methods: {
-		showToast(message, type, persist) {
-			this.$refs.toastRef.show(message, type, persist);
+		showToast(messageInput, type, persistInput) {
+			console.log(this.$refs.toastRef);
+			this.$refs.toastRef.show(messageInput, type, persistInput);
 		},
 		onClose() {
 			console.log('toast closed');

package/vue/stories/StyleguidePrimitives.stories.js

@@ -1,6 +1,6 @@
 import resolveConfig from 'tailwindcss/resolveConfig'; // eslint-disable-line import/no-extraneous-dependencies
-import tailwindConfig from '@kiva/kv-tokens/configs/tailwind.config';
-import { textStyles } from '@kiva/kv-tokens/configs/kivaTypography';
+import tailwindConfig from '@kiva/kv-tokens/configs/tailwind.config.cjs';
+import { textStyles } from '@kiva/kv-tokens/configs/kivaTypography.cjs';
 import KvGrid from '../KvGrid.vue';
 import KvPageContainer from '../KvPageContainer.vue';
 import KvTab from '../KvTab.vue';
@@ -8,7 +8,7 @@ import KvTabs from '../KvTabs.vue';
 import KvTabPanel from '../KvTabPanel.vue';
 import KvToast from '../KvToast.vue';
 
-const { headerNumberCase, kebabCase, removeObjectProperty } = require('../../utils/themeUtils');
+const { headerNumberCase, kebabCase, removeObjectProperty } = require('../../utils/themeUtils.cjs');
 
 const config = resolveConfig(tailwindConfig);
 const { theme } = config;
@@ -50,8 +50,8 @@ export const Primitives = (args, { argTypes }) => ({
 			<h2 class="tw-mb-4">Background Colors</h2>
 			<kv-tabs>
 				<template #tabNav>
-					<kv-tab for="bg_themable">Themable</kv-tab>
-					<kv-tab for="bg_static">Static</kv-tab>
+					<kv-tab for-panel="bg_themable">Themable</kv-tab>
+					<kv-tab for-panel="bg_static">Static</kv-tab>
 				</template>
 				<template #tabPanels>
 					<kv-tab-panel id="bg_themable">
@@ -118,8 +118,8 @@ export const Primitives = (args, { argTypes }) => ({
 			<h2 class="tw-mb-4">Text Colors</h2>
 			<kv-tabs>
 				<template #tabNav>
-					<kv-tab for="text_themable">Themable</kv-tab>
-					<kv-tab for="text_static">Static</kv-tab>
+					<kv-tab for-panel="text_themable">Themable</kv-tab>
+					<kv-tab for-panel="text_static">Static</kv-tab>
 				</template>
 				<template #tabPanels>
 					<kv-tab-panel id="text_themable">
@@ -174,8 +174,8 @@ export const Primitives = (args, { argTypes }) => ({
 			<h2 class="tw-mb-4">Border/Ring Colors</h2>
 			<kv-tabs>
 				<template #tabNav>
-					<kv-tab for="border_themable">Themable</kv-tab>
-					<kv-tab for="border_static">Static</kv-tab>
+					<kv-tab for-panel="border_themable">Themable</kv-tab>
+					<kv-tab for-panel="border_static">Static</kv-tab>
 				</template>
 				<template #tabPanels>
 					<kv-tab-panel id="border_themable">

package/.babelrc

@@ -1,16 +0,0 @@
-{
-	"env": {
-		"test": {
-			"presets": [
-				[
-					"@babel/preset-env",
-					{
-						"targets": {
-							"node": "current"
-						}
-					}
-				]
-			]
-		}
-	}
-}

package/jest.config.js

@@ -1,36 +0,0 @@
-/*
- * For a detailed explanation regarding each configuration property, visit:
- * https://jestjs.io/docs/configuration
- */
-
-module.exports = {
-	testMatch: ['**/unit/specs/**/*.spec.js'],
-
-	// Automatically clear mock calls and instances between every test
-	clearMocks: true,
-
-	// Indicates whether the coverage information should be collected while executing the test
-	collectCoverage: false,
-
-	// The directory where Jest should output its coverage files
-	// coverageDirectory: 'coverage',
-
-	// Indicates which provider should be used to instrument code for coverage
-	// coverageProvider: 'v8',
-
-	// An array of file extensions your modules use
-	moduleFileExtensions: [
-		'js',
-		'json',
-		'vue',
-	],
-
-	// The test environment that will be used for testing
-	testEnvironment: 'jsdom',
-
-	// A map from regular expressions to paths to transformers
-	transform: {
-		'^.+\\.vue$': 'vue-jest',
-		'^.+\\.js$': 'babel-jest',
-	},
-};