@nuxt/devtools-ui-kit 1.0.0-beta.2 → 1.0.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.
@@ -8,8 +8,10 @@ withDefaults(defineProps<{
8
8
  icon?: string
9
9
  border?: boolean
10
10
  disabled?: boolean
11
+ type?: 'submit' | 'reset' | 'button'
11
12
  }>(), {
12
13
  border: true,
14
+ type: 'button',
13
15
  })
14
16
  </script>
15
17
 
@@ -17,7 +19,7 @@ withDefaults(defineProps<{
17
19
  <Component
18
20
  :is="to ? NuxtLink : 'button'"
19
21
  :to="to"
20
- v-bind="$attrs"
22
+ v-bind="{ ...$attrs, ...(!to && { type }) }"
21
23
  :class="[
22
24
  { 'n-button-base active:n-button-active focus-visible:n-focus-base hover:n-button-hover': border },
23
25
  { 'n-icon-button': !$slots.default },
@@ -59,7 +59,7 @@ export default {
59
59
  <Teleport v-if="shown" to="body">
60
60
  <div
61
61
  v-show="show"
62
- class="n-dialog fixed inset-0 z-100 flex items-center justify-center n-transition"
62
+ class="fixed inset-0 z-100 flex items-center justify-center n-transition n-glass-effect"
63
63
  role="dialog"
64
64
  aria-modal="true"
65
65
  :class="[
@@ -2,7 +2,12 @@
2
2
  import { ref } from 'vue'
3
3
  import { onClickOutside, useVModel } from '@vueuse/core'
4
4
 
5
- const props = defineProps<{ modelValue?: boolean }>()
5
+ const props = withDefaults(defineProps<{
6
+ modelValue?: boolean
7
+ direction?: 'start' | 'end'
8
+ }>(), {
9
+ direction: 'start',
10
+ })
6
11
  const emit = defineEmits<{ (...args: any): void }>()
7
12
 
8
13
  const enabled = useVModel(props, 'modelValue', emit, { passive: true })
@@ -23,7 +28,7 @@ onClickOutside(el, () => {
23
28
 
24
29
  <div
25
30
  class="absolute z-10 border n-border-base rounded shadow n-transition n-bg-base"
26
- :class="[enabled ? 'op-100' : 'op0 pointer-events-none -translate-y-1']"
31
+ :class="[enabled ? 'op-100' : 'op0 pointer-events-none -translate-y-1', direction === 'end' ? 'right-0' : 'left-0']"
27
32
  >
28
33
  <slot />
29
34
  </div>
package/dist/module.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "devtools-ui-kit",
3
3
  "configKey": "devtoolsUIKit",
4
- "version": "1.0.0-beta.2"
4
+ "version": "1.0.0"
5
5
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@nuxt/devtools-ui-kit",
3
3
  "type": "module",
4
- "version": "1.0.0-beta.2",
4
+ "version": "1.0.0",
5
5
  "license": "MIT",
6
6
  "repository": "nuxt/devtools",
7
7
  "exports": {
@@ -23,7 +23,7 @@
23
23
  "dist"
24
24
  ],
25
25
  "peerDependencies": {
26
- "@nuxt/devtools": "1.0.0-beta.2"
26
+ "@nuxt/devtools": "1.0.0"
27
27
  },
28
28
  "dependencies": {
29
29
  "@iconify-json/carbon": "^1.1.21",
@@ -42,15 +42,15 @@
42
42
  "@vueuse/integrations": "^10.5.0",
43
43
  "@vueuse/nuxt": "^10.5.0",
44
44
  "defu": "^6.1.2",
45
- "focus-trap": "^7.5.3",
45
+ "focus-trap": "^7.5.4",
46
46
  "splitpanes": "^3.1.5",
47
47
  "unocss": "^0.56.5",
48
48
  "v-lazy-show": "^0.2.3",
49
- "@nuxt/devtools-kit": "1.0.0-beta.2"
49
+ "@nuxt/devtools-kit": "1.0.0"
50
50
  },
51
51
  "devDependencies": {
52
52
  "nuxt": "^3.7.4",
53
- "@nuxt/devtools": "1.0.0-beta.2"
53
+ "@nuxt/devtools": "1.0.0"
54
54
  },
55
55
  "publishConfig": {
56
56
  "access": "public"