nuance-ui 0.2.24 → 0.2.27

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/dist/module.json +1 -1
  2. package/dist/runtime/components/dialog/ui/dialog-root.vue +2 -5
  3. package/dist/runtime/modals/_confirm-modal/confirm-modal.d.vue.ts +1 -1
  4. package/dist/runtime/modals/_confirm-modal/confirm-modal.vue +17 -7
  5. package/dist/runtime/modals/_confirm-modal/confirm-modal.vue.d.ts +1 -1
  6. package/dist/runtime/styles/colors.css +1 -1
  7. package/package.json +2 -2
package/dist/module.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^4.0.0"
6
6
  },
7
- "version": "0.2.24",
7
+ "version": "0.2.27",
8
8
  "builder": {
9
9
  "@nuxt/module-builder": "1.0.2",
10
10
  "unbuild": "3.6.1"
package/dist/runtime/components/dialog/ui/dialog-root.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <script setup>
2
2
  import { getRadius, getShadow, getSize, getSpacing, rem } from "@nui/utils";
3
- import { onClickOutside, unrefElement } from "@vueuse/core";
3
+ import { unrefElement } from "@vueuse/core";
4
4
  import { computed, shallowRef, watch } from "vue";
5
5
  import Box from "../../box.vue";
6
6
  import NTransition from "../../transition.vue";
@@ -41,7 +41,7 @@ const emit = defineEmits(["open", "close"]);
41
41
  const opened = defineModel("open", { type: Boolean, ...{ default: false } });
42
42
  useProvideDialogState(() => opened.value = false);
43
43
  function overlayClick(event) {
44
- if (event.target === event.currentTarget && closeOnClickOutside && !withoutOverlay)
44
+ if (event.target === event.currentTarget && closeOnClickOutside)
45
45
  opened.value = false;
46
46
  }
47
47
  function open(dialog) {
@@ -52,9 +52,6 @@ function open(dialog) {
52
52
  dialog?.showModal();
53
53
  }
54
54
  const dialogRef = shallowRef(null);
55
- if (closeOnClickOutside) {
56
- onClickOutside(dialogRef, () => opened.value = false);
57
- }
58
55
  watch([opened, () => unrefElement(dialogRef)], ([isOpen, dialog]) => {
59
56
  if (!dialog)
60
57
  return;
package/dist/runtime/modals/_confirm-modal/confirm-modal.d.vue.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { MaybePromise } from '@nui/types';
2
2
  import type { ButtonProps, ModalRootProps } from '../../components/index.js';
3
3
  type ConfirmLabels = Record<'confirm' | 'cancel', string>;
4
- export interface ConfirmModalProps extends /* @vue-ignore */ ModalRootProps {
4
+ export interface ConfirmModalProps extends ModalRootProps {
5
5
  /** Modal title */
6
6
  title: string;
7
7
  /** Description text displayed below the title */
package/dist/runtime/modals/_confirm-modal/confirm-modal.vue CHANGED
@@ -27,7 +27,23 @@ const {
27
27
  onCancel: { type: Function, required: false },
28
28
  onConfirm: { type: Function, required: false },
29
29
  cancelProps: { type: Object, required: false },
30
- confirmProps: { type: Object, required: false }
30
+ confirmProps: { type: Object, required: false },
31
+ centered: { type: Boolean, required: false },
32
+ fullScreen: { type: Boolean, required: false },
33
+ closeOnClickOutside: { type: Boolean, required: false },
34
+ withinPortal: { type: Boolean, required: false },
35
+ withoutOverlay: { type: Boolean, required: false },
36
+ classes: { type: Object, required: false },
37
+ portalTarget: { type: [String, Object, null], required: false },
38
+ is: { type: null, required: false },
39
+ mod: { type: [Object, Array, null], required: false },
40
+ yOffset: { type: void 0, required: false },
41
+ xOffset: { type: void 0, required: false },
42
+ radius: { type: [String, Number], required: false },
43
+ size: { type: String, required: false },
44
+ shadow: { type: String, required: false },
45
+ padding: { type: [String, Number], required: false },
46
+ transition: { type: String, required: false }
31
47
  });
32
48
  const { opened, resolve: hide } = useModal("confirm");
33
49
  const loading = ref(false);
@@ -61,12 +77,6 @@ async function hanleConfirm() {
61
77
  </p>
62
78
  </ModalSection>
63
79
 
64
- <ModalSection bordered>
65
- <p v-if='body' :class='$style.body'>
66
- {{ body }}
67
- </p>
68
- </ModalSection>
69
-
70
80
  <ModalFooter :class='$style.footer'>
71
81
  <Button
72
82
  variant='default'
package/dist/runtime/modals/_confirm-modal/confirm-modal.vue.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { MaybePromise } from '@nui/types';
2
2
  import type { ButtonProps, ModalRootProps } from '../../components/index.js';
3
3
  type ConfirmLabels = Record<'confirm' | 'cancel', string>;
4
- export interface ConfirmModalProps extends /* @vue-ignore */ ModalRootProps {
4
+ export interface ConfirmModalProps extends ModalRootProps {
5
5
  /** Modal title */
6
6
  title: string;
7
7
  /** Description text displayed below the title */
package/dist/runtime/styles/colors.css CHANGED
@@ -1 +1 @@
1
- :root{--color-white:#fff;--color-black:#000;--color-primary-0:var(--color-blue-0);--color-primary-1:var(--color-blue-1);--color-primary-2:var(--color-blue-2);--color-primary-3:var(--color-blue-3);--color-primary-4:var(--color-blue-4);--color-primary-5:var(--color-blue-5);--color-primary-6:var(--color-blue-6);--color-primary-7:var(--color-blue-7);--color-primary-8:var(--color-blue-8);--color-primary-9:var(--color-blue-9);--color-primary-filled:var(--color-blue-filled);--color-primary-filled-hover:var(--color-blue-filled-hover);--color-primary-light:alpha(var(--color-blue-light),.15);--color-primary-light-hover:var(--color-blue-light-hover);--color-primary-light-color:var(--color-blue-light-color);--color-primary-outline:var(--color-blue-outline);--color-primary-outline-hover:alpha(var(--color-blue-outline),.1);--color-dark-0:#c9c9c9;--color-dark-1:#b8b8b8;--color-dark-2:#828282;--color-dark-3:#696969;--color-dark-4:#424242;--color-dark-5:#3b3b3b;--color-dark-6:#2e2e2e;--color-dark-7:#242424;--color-dark-8:#1f1f1f;--color-dark-9:#141414;--color-gray-0:#f8f9fa;--color-gray-1:#f1f3f5;--color-gray-2:#e9ecef;--color-gray-3:#dee2e6;--color-gray-4:#ced4da;--color-gray-5:#adb5bd;--color-gray-6:#868e96;--color-gray-7:#495057;--color-gray-8:#343a40;--color-gray-9:#212529;--color-red-0:#fff5f5;--color-red-1:#ffe3e3;--color-red-2:#ffc9c9;--color-red-3:#ffa8a8;--color-red-4:#ff8787;--color-red-5:#ff6b6b;--color-red-6:#fa5252;--color-red-7:#f03e3e;--color-red-8:#e03131;--color-red-9:#c92a2a;--color-pink-0:#fdf6f8;--color-pink-1:#f7e4e9;--color-pink-2:#edc2d0;--color-pink-3:#dd9bb0;--color-pink-4:#c97a93;--color-pink-5:#b26179;--color-pink-6:#954d65;--color-pink-7:#7a3e52;--color-pink-8:#603140;--color-pink-9:#4d2733;--color-grape-0:#f8f0fc;--color-grape-1:#f3d9fa;--color-grape-2:#eebefa;--color-grape-3:#e599f7;--color-grape-4:#da77f2;--color-grape-5:#cc5de8;--color-grape-6:#be4bdb;--color-grape-7:#ae3ec9;--color-grape-8:#9c36b5;--color-grape-9:#862e9c;--color-violet-0:#f3f0ff;--color-violet-1:#e5dbff;--color-violet-2:#d0bfff;--color-violet-3:#b197fc;--color-violet-4:#9775fa;--color-violet-5:#845ef7;--color-violet-6:#7950f2;--color-violet-7:#7048e8;--color-violet-8:#6741d9;--color-violet-9:#5f3dc4;--color-indigo-0:#edf2ff;--color-indigo-1:#dbe4ff;--color-indigo-2:#bac8ff;--color-indigo-3:#91a7ff;--color-indigo-4:#748ffc;--color-indigo-5:#5c7cfa;--color-indigo-6:#4c6ef5;--color-indigo-7:#4263eb;--color-indigo-8:#3b5bdb;--color-indigo-9:#364fc7;--color-blue-0:#e7f5ff;--color-blue-1:#d0ebff;--color-blue-2:#a5d8ff;--color-blue-3:#74c0fc;--color-blue-4:#4dabf7;--color-blue-5:#339af0;--color-blue-6:#228be6;--color-blue-7:#1c7ed6;--color-blue-8:#1971c2;--color-blue-9:#1864ab;--color-green-0:#ebfbee;--color-green-1:#d3f9d8;--color-green-2:#b2f2bb;--color-green-3:#8ce99a;--color-green-4:#69db7c;--color-green-5:#51cf66;--color-green-6:#40c057;--color-green-7:#37b24d;--color-green-8:#2f9e44;--color-green-9:#2b8a3e;--color-lime-0:#f4fce3;--color-lime-1:#e9fac8;--color-lime-2:#d8f5a2;--color-lime-3:#c0eb75;--color-lime-4:#a9e34b;--color-lime-5:#94d82d;--color-lime-6:#82c91e;--color-lime-7:#74b816;--color-lime-8:#66a80f;--color-lime-9:#5c940d;--color-yellow-0:#fff9db;--color-yellow-1:#fff3bf;--color-yellow-2:#ffec99;--color-yellow-3:#ffe066;--color-yellow-4:#ffd43b;--color-yellow-5:#fcc419;--color-yellow-6:#fab005;--color-yellow-7:#f59f00;--color-yellow-8:#f08c00;--color-yellow-9:#e67700;--color-orange-0:#fff4e6;--color-orange-1:#ffe8cc;--color-orange-2:#ffd8a8;--color-orange-3:#ffc078;--color-orange-4:#ffa94d;--color-orange-5:#ff922b;--color-orange-6:#fd7e14;--color-orange-7:#f76707;--color-orange-8:#e8590c;--color-orange-9:#d9480f}
1
+ :root{--color-white:#fff;--color-black:#000;--color-primary-0:var(--color-blue-0);--color-primary-1:var(--color-blue-1);--color-primary-2:var(--color-blue-2);--color-primary-3:var(--color-blue-3);--color-primary-4:var(--color-blue-4);--color-primary-5:var(--color-blue-5);--color-primary-6:var(--color-blue-6);--color-primary-7:var(--color-blue-7);--color-primary-8:var(--color-blue-8);--color-primary-9:var(--color-blue-9);--color-primary-filled:var(--color-blue-filled);--color-primary-filled-hover:var(--color-blue-filled-hover);--color-primary-light:alpha(var(--color-blue-light),.15);--color-primary-light-hover:var(--color-blue-light-hover);--color-primary-light-color:var(--color-blue-light-color);--color-primary-outline:var(--color-blue-outline);--color-primary-outline-hover:alpha(var(--color-blue-outline),.1);--color-dark-0:#c9c9c9;--color-dark-1:#b8b8b8;--color-dark-2:#828282;--color-dark-3:#696969;--color-dark-4:#424242;--color-dark-5:#3b3b3b;--color-dark-6:#2e2e2e;--color-dark-7:#242424;--color-dark-8:#1f1f1f;--color-dark-9:#141414;--color-gray-0:#f8f9fa;--color-gray-1:#f1f3f5;--color-gray-2:#e9ecef;--color-gray-3:#dee2e6;--color-gray-4:#ced4da;--color-gray-5:#adb5bd;--color-gray-6:#868e96;--color-gray-7:#495057;--color-gray-8:#343a40;--color-gray-9:#212529;--color-red-0:#fff5f5;--color-red-1:#ffe3e3;--color-red-2:#ffc9c9;--color-red-3:#ffa8a8;--color-red-4:#ff8787;--color-red-5:#ff6b6b;--color-red-6:#fa5252;--color-red-7:#f03e3e;--color-red-8:#e03131;--color-red-9:#c92a2a;--color-pink-0:#fdf6f8;--color-pink-1:#f7e4e9;--color-pink-2:#edc2d0;--color-pink-3:#dd9bb0;--color-pink-4:#c97a93;--color-pink-5:#b26179;--color-pink-6:#954d65;--color-pink-7:#7a3e52;--color-pink-8:#603140;--color-pink-9:#4d2733;--color-grape-0:#f8f0fc;--color-grape-1:#f3d9fa;--color-grape-2:#eebefa;--color-grape-3:#e599f7;--color-grape-4:#da77f2;--color-grape-5:#cc5de8;--color-grape-6:#be4bdb;--color-grape-7:#ae3ec9;--color-grape-8:#9c36b5;--color-grape-9:#862e9c;--color-violet-0:#f3f0ff;--color-violet-1:#e5dbff;--color-violet-2:#d0bfff;--color-violet-3:#b197fc;--color-violet-4:#9775fa;--color-violet-5:#845ef7;--color-violet-6:#7950f2;--color-violet-7:#7048e8;--color-violet-8:#6741d9;--color-violet-9:#5f3dc4;--color-indigo-0:#edf2ff;--color-indigo-1:#dbe4ff;--color-indigo-2:#bac8ff;--color-indigo-3:#91a7ff;--color-indigo-4:#748ffc;--color-indigo-5:#5c7cfa;--color-indigo-6:#4c6ef5;--color-indigo-7:#4263eb;--color-indigo-8:#3b5bdb;--color-indigo-9:#364fc7;--color-blue-0:#e7f5ff;--color-blue-1:#d0ebff;--color-blue-2:#a5d8ff;--color-blue-3:#74c0fc;--color-blue-4:#4dabf7;--color-blue-5:#339af0;--color-blue-6:#228be6;--color-blue-7:#1c7ed6;--color-blue-8:#1971c2;--color-blue-9:#1864ab;--color-cyan-0:#e3fafc;--color-cyan-1:#c5f6fa;--color-cyan-2:#99e9f2;--color-cyan-3:#66d9e8;--color-cyan-4:#3bc9db;--color-cyan-5:#22b8cf;--color-cyan-6:#15aabf;--color-cyan-7:#1098ad;--color-cyan-8:#0c8599;--color-cyan-9:#0b7285;--color-green-0:#ebfbee;--color-green-1:#d3f9d8;--color-green-2:#b2f2bb;--color-green-3:#8ce99a;--color-green-4:#69db7c;--color-green-5:#51cf66;--color-green-6:#40c057;--color-green-7:#37b24d;--color-green-8:#2f9e44;--color-green-9:#2b8a3e;--color-lime-0:#f4fce3;--color-lime-1:#e9fac8;--color-lime-2:#d8f5a2;--color-lime-3:#c0eb75;--color-lime-4:#a9e34b;--color-lime-5:#94d82d;--color-lime-6:#82c91e;--color-lime-7:#74b816;--color-lime-8:#66a80f;--color-lime-9:#5c940d;--color-yellow-0:#fff9db;--color-yellow-1:#fff3bf;--color-yellow-2:#ffec99;--color-yellow-3:#ffe066;--color-yellow-4:#ffd43b;--color-yellow-5:#fcc419;--color-yellow-6:#fab005;--color-yellow-7:#f59f00;--color-yellow-8:#f08c00;--color-yellow-9:#e67700;--color-orange-0:#fff4e6;--color-orange-1:#ffe8cc;--color-orange-2:#ffd8a8;--color-orange-3:#ffc078;--color-orange-4:#ffa94d;--color-orange-5:#ff922b;--color-orange-6:#fd7e14;--color-orange-7:#f76707;--color-orange-8:#e8590c;--color-orange-9:#d9480f}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nuance-ui",
3
- "version": "0.2.24",
3
+ "version": "0.2.27",
4
4
  "description": "A modern Vue UI library inspired by the best of the React ecosystem.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -46,7 +46,7 @@
46
46
  "dev": "npm run dev:prepare && nuxi dev playground",
47
47
  "dev:build": "nuxi build playground",
48
48
  "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
49
- "release": "npm run lint && npm run test && npm run prepack && changelogen --release && git push --follow-tags",
49
+ "release": "npm run lint && npm run prepack && changelogen --release && git push --follow-tags",
50
50
  "lint": "eslint ./src",
51
51
  "test": "vitest run",
52
52
  "test:watch": "vitest watch",