@kiva/kv-components 0.21.2 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/package.json +3 -3
  3. package/vue/KvCheckbox.vue +8 -3
  4. package/vue/KvRadio.vue +3 -0
  5. package/vue/KvSwitch.vue +3 -0
  6. package/vue/KvTextInput.vue +0 -1
  7. package/vue/stories/KvThemeProvider.stories.js +18 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,47 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [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)
7
+
8
+
9
+ ### Features
10
+
11
+ * Add placeholder styling to our base styles ([ab42188](https://github.com/kiva/kv-ui-elements/commit/ab421881420c6698717930dca49f5b72e89da115))
12
+
13
+
14
+
15
+
16
+
17
+ ## [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)
18
+
19
+ **Note:** Version bump only for package @kiva/kv-components
20
+
21
+
22
+
23
+
24
+
25
+ ## [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)
26
+
27
+
28
+ ### Bug Fixes
29
+
30
+ * **KvCheckbox, KvRadio, KvSwitch:** Avoid SSR problems when setting the UUID ([ff55726](https://github.com/kiva/kv-ui-elements/commit/ff55726e7052908c58dc71ea6d14d6bffb922da7))
31
+
32
+
33
+
34
+
35
+
36
+ ## [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)
37
+
38
+
39
+ ### Bug Fixes
40
+
41
+ * **KvCheckbox:** Background color now reliably changes when checkbox is clicked ([fc509b2](https://github.com/kiva/kv-ui-elements/commit/fc509b20fbed89e39df729090aa97beedd684636))
42
+
43
+
44
+
45
+
46
+
6
47
  ## [0.21.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@0.21.1...@kiva/kv-components@0.21.2) (2021-09-30)
7
48
 
8
49
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-components",
3
- "version": "0.21.2",
3
+ "version": "0.22.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -45,7 +45,7 @@
45
45
  "test": "jest"
46
46
  },
47
47
  "dependencies": {
48
- "@kiva/kv-tokens": "^0.12.0",
48
+ "@kiva/kv-tokens": "^0.14.0",
49
49
  "@mdi/js": "^5.9.55",
50
50
  "aria-hidden": "^1.1.3",
51
51
  "embla-carousel": "^4.5.3",
@@ -53,5 +53,5 @@
53
53
  "vue": "^2.6.12",
54
54
  "vue-focus-lock": "^1.4.1"
55
55
  },
56
- "gitHead": "9e4da4ec5ceeafd38072236c5359a7a260392785"
56
+ "gitHead": "07cfb01068ef2c7424b604f80eca71c31b4e9c19"
57
57
  }
package/vue/KvCheckbox.vue CHANGED
@@ -26,9 +26,11 @@
26
26
  tw-border
27
27
  tw-flex tw-justify-center tw-items-center tw-overflow-hidden
28
28
  tw-transition-all tw-duration-100
29
- peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action
30
- tw-bg-white tw-border-secondary"
31
- :class="{'tw-bg-action tw-border-action' : isChecked }"
29
+ peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action"
30
+ :class="{
31
+ 'tw-bg-white tw-border-secondary' : !isChecked,
32
+ 'tw-bg-action tw-border-action' : isChecked,
33
+ }"
32
34
  >
33
35
  <!-- checkbox icon -->
34
36
  <svg
@@ -114,6 +116,9 @@ export default {
114
116
  this.setChecked();
115
117
  },
116
118
  },
119
+ mounted() {
120
+ this.uuid = `kvc-${nanoid(10)}`;
121
+ },
117
122
  created() {
118
123
  this.setChecked();
119
124
  },
package/vue/KvRadio.vue CHANGED
@@ -146,6 +146,9 @@ export default {
146
146
  };
147
147
  },
148
148
  },
149
+ mounted() {
150
+ this.uuid = `kvr-${nanoid(10)}`;
151
+ },
149
152
  methods: {
150
153
  onChange(event) {
151
154
  /**
package/vue/KvSwitch.vue CHANGED
@@ -104,6 +104,9 @@ export default {
104
104
  };
105
105
  },
106
106
  },
107
+ mounted() {
108
+ this.uuid = `kvs-${nanoid(10)}`;
109
+ },
107
110
  methods: {
108
111
  onChange(event) {
109
112
  this.$emit('change', event.target.checked);
package/vue/KvTextInput.vue CHANGED
@@ -17,7 +17,6 @@
17
17
  tw-appearance-none
18
18
  tw-text-base
19
19
  tw-bg-primary
20
- tw-placeholder-tertiary
21
20
  tw-ring-inset
22
21
  focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-action focus:tw-border-transparent
23
22
  "
package/vue/stories/KvThemeProvider.stories.js CHANGED
@@ -69,6 +69,24 @@ const demoTemplate = `
69
69
  </div>
70
70
  </template>
71
71
  </kv-grid>
72
+ <kv-grid as="section" class="tw-grid-cols-2 tw-p-4 tw-gap-2">
73
+ <template
74
+ v-for="borderVariable in borderVariables"
75
+ >
76
+ <div
77
+ class="tw-border-2 tw-h-4"
78
+ :class="borderVariable"
79
+ >
80
+ {{ borderVariable }}
81
+ </div>
82
+ <div
83
+ class="tw-border-2 tw-h-4 tw-border-opacity-low"
84
+ :class="borderVariable"
85
+ >
86
+ {{ borderVariable }}
87
+ </div>
88
+ </template>
89
+ </kv-grid>
72
90
  <section>
73
91
  <ul>
74
92
  <li