@kiva/kv-components 0.21.3 → 0.22.1

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.22.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@0.22.0...@kiva/kv-components@0.22.1) (2021-10-05)
+
+**Note:** Version bump only for package @kiva/kv-components
+
+
+
+
+
+# [0.22.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@0.21.5...@kiva/kv-components@0.22.0) (2021-10-04)
+
+
+### Features
+
+* Add placeholder styling to our base styles ([ab42188](https://github.com/kiva/kv-ui-elements/commit/ab421881420c6698717930dca49f5b72e89da115))
+
+
+
+
+
+## [0.21.5](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@0.21.4...@kiva/kv-components@0.21.5) (2021-10-01)
+
+**Note:** Version bump only for package @kiva/kv-components
+
+
+
+
+
+## [0.21.4](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@0.21.3...@kiva/kv-components@0.21.4) (2021-09-30)
+
+
+### Bug Fixes
+
+* **KvCheckbox, KvRadio, KvSwitch:** Avoid SSR problems when setting the UUID ([ff55726](https://github.com/kiva/kv-ui-elements/commit/ff55726e7052908c58dc71ea6d14d6bffb922da7))
+
+
+
+
+
 ## [0.21.3](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@0.21.2...@kiva/kv-components@0.21.3) (2021-09-30)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "0.21.3",
+  "version": "0.22.1",
   "publishConfig": {
     "access": "public"
   },
@@ -45,7 +45,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@kiva/kv-tokens": "^0.12.0",
+    "@kiva/kv-tokens": "^0.14.0",
     "@mdi/js": "^5.9.55",
     "aria-hidden": "^1.1.3",
     "embla-carousel": "^4.5.3",
@@ -53,5 +53,5 @@
     "vue": "^2.6.12",
     "vue-focus-lock": "^1.4.1"
   },
-  "gitHead": "597410f02089495654019142a252f94787b3b11c"
+  "gitHead": "f9405ac18ed74731e6aeeae0c7b6f3958b007b17"
 }

package/vue/KvCheckbox.vue

@@ -116,6 +116,9 @@ export default {
 			this.setChecked();
 		},
 	},
+	mounted() {
+		this.uuid = `kvc-${nanoid(10)}`;
+	},
 	created() {
 		this.setChecked();
 	},

package/vue/KvRadio.vue

@@ -146,6 +146,9 @@ export default {
 			};
 		},
 	},
+	mounted() {
+		this.uuid = `kvr-${nanoid(10)}`;
+	},
 	methods: {
 		onChange(event) {
 			/**

package/vue/KvSwitch.vue

@@ -104,6 +104,9 @@ export default {
 			};
 		},
 	},
+	mounted() {
+		this.uuid = `kvs-${nanoid(10)}`;
+	},
 	methods: {
 		onChange(event) {
 			this.$emit('change', event.target.checked);

package/vue/KvTextInput.vue

@@ -17,7 +17,6 @@
 					tw-appearance-none
 					tw-text-base
 					tw-bg-primary
-					tw-placeholder-tertiary
 					tw-ring-inset
 					focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-action focus:tw-border-transparent
 				"

package/vue/KvThemeProvider.vue

@@ -23,7 +23,7 @@
  *   defaultTheme
  * } from '@kiva/kv-tokens/configs/kivaColors';
  * ...
- * data() { return darkTheme },
+ * data() { return { darkTheme }; }
  * ...
  * <kv-theme-provider :theme="darkTheme">...</kv-theme-provider>
  * ```

package/vue/stories/KvThemeProvider.stories.js

@@ -69,6 +69,24 @@ const demoTemplate = `
 				</div>
 			</template>
 		</kv-grid>
+		<kv-grid as="section" class="tw-grid-cols-2 tw-p-4 tw-gap-2">
+			<template
+				v-for="borderVariable in borderVariables"
+			>
+				<div
+					class="tw-border-2 tw-h-4"
+					:class="borderVariable"
+				>
+					{{ borderVariable }}
+				</div>
+				<div
+					class="tw-border-2 tw-h-4 tw-border-opacity-low"
+					:class="borderVariable"
+				>
+					{{ borderVariable }}
+				</div>
+			</template>
+		</kv-grid>
 		<section>
 			<ul>
 				<li