@veritree/ui 0.62.0 → 0.63.1

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.
@@ -1,4 +1,7 @@
1
- import { formControlMixin, formControlStyleMixin } from '../mixins/form-control';
1
+ import {
2
+ formControlMixin,
3
+ formControlStyleMixin,
4
+ } from '../mixins/form-control';
2
5
 
3
6
  export const formControlIconMixin = {
4
7
  inheritAttrs: false,
@@ -22,7 +25,7 @@ export const formControlIconMixin = {
22
25
 
23
26
  classComputedWrapper() {
24
27
  return [
25
- this.headless ? 'form-control-wrapper' : 'relative',
28
+ this.headless ? 'form-control-wrapper' : 'relative h-max',
26
29
  // placement styles
27
30
  this.headless
28
31
  ? `form-control-icon--${this.placement}`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veritree/ui",
3
- "version": "0.62.0",
3
+ "version": "0.63.1",
4
4
  "description": "veritree ui library",
5
5
  "type": "module",
6
6
  "main": "index.js",
@@ -3,7 +3,11 @@
3
3
  <div
4
4
  v-if="visible"
5
5
  :id="id"
6
- :class="[headless ? 'dialog-overlay' : 'bg-primary-200/80 fixed inset-0']"
6
+ :class="[
7
+ headless
8
+ ? 'dialog-overlay'
9
+ : 'bg-primary-200/80 fixed inset-0 backdrop-blur-[3px]',
10
+ ]"
7
11
  />
8
12
  </FadeInOut>
9
13
  </template>
@@ -6,7 +6,7 @@
6
6
  :class="[
7
7
  headless
8
8
  ? 'tab-list__button'
9
- : 'flex items-center rounded-none border-0 border-b-2 border-solid bg-none px-0 py-2 font-semibold',
9
+ : 'flex items-center rounded-none border-0 border-b-2 border-solid bg-none px-0 py-2 font-medium',
10
10
  selected
11
11
  ? headless
12
12
  ? 'tab-list__button--selected'
@@ -32,7 +32,7 @@ import { keys } from '../../utils/keyboard';
32
32
  export default {
33
33
  name: 'VTTabItem',
34
34
 
35
- inject: ['api'],
35
+ inject: ['apiTabs'],
36
36
 
37
37
  props: {
38
38
  headless: {
@@ -43,7 +43,7 @@ export default {
43
43
 
44
44
  data() {
45
45
  return {
46
- api: this.api(),
46
+ api: this.apiTabs(),
47
47
  index: null,
48
48
  indexFocus: null,
49
49
  selected: false,
@@ -15,7 +15,7 @@ export default {
15
15
  },
16
16
  provide() {
17
17
  return {
18
- api: () => {
18
+ apiTabs: () => {
19
19
  const registerTab = (tab) => {
20
20
  _register(this.tabs, tab);
21
21
  if (tab.index === 0) tab.select();
@@ -14,11 +14,11 @@
14
14
  export default {
15
15
  name: 'VTTabPanel',
16
16
 
17
- inject: ['api'],
17
+ inject: ['apiTabs'],
18
18
 
19
19
  data() {
20
20
  return {
21
- api: this.api(),
21
+ api: this.apiTabs(),
22
22
  index: null,
23
23
  visible: false,
24
24
  };