@nextcloud/vue 9.0.0-alpha.7 → 9.0.0-alpha.8

package/dist/components/NcHeaderMenu/NcHeaderMenu.vue.d.ts

@@ -61,15 +61,10 @@ declare function __VLS_template(): {
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton/types.ts').ButtonType>;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonType | `${import('../NcButton/types.ts').ButtonType}`>;
                 default: import('../NcButton/types.ts').ButtonType;
                 validator(value: string): boolean;
             };
-            nativeType: {
-                type: import('vue').PropType<import('../NcButton/types.ts').ButtonNativeType>;
-                default: import('../NcButton/types.ts').ButtonNativeType;
-                validator(value: string): boolean;
-            };
             wide: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -102,20 +97,25 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: null;
             };
+            variant: {
+                type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                validator(value: string): boolean;
+                default: string;
+            };
         }>> & Readonly<{
             "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
             onClick?: ((...args: any[]) => any) | undefined;
         }>, {}, {}, {
-            realType(): "primary" | "secondary" | import('../NcButton/types.ts').ButtonType;
+            realVariant(): any;
+            realType(): "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
             flexAlignment(): string;
             isReverseAligned(): boolean;
             ncPopoverTriggerAttrs(): Record<string, string | undefined>;
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:pressed" | "click")[], import('vue').PublicProps, {
             size: string;
-            type: import('../NcButton/types.ts').ButtonType;
+            type: "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
             alignment: import('../NcButton/types.ts').ButtonAlignment;
             disabled: boolean;
-            nativeType: import('../NcButton/types.ts').ButtonNativeType;
             wide: boolean;
             ariaLabel: string;
             href: string;
@@ -124,6 +124,7 @@ declare function __VLS_template(): {
             to: string | Record<string, any>;
             ariaHidden: boolean;
             pressed: boolean;
+            variant: any;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -147,15 +148,10 @@ declare function __VLS_template(): {
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton/types.ts').ButtonType>;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonType | `${import('../NcButton/types.ts').ButtonType}`>;
                 default: import('../NcButton/types.ts').ButtonType;
                 validator(value: string): boolean;
             };
-            nativeType: {
-                type: import('vue').PropType<import('../NcButton/types.ts').ButtonNativeType>;
-                default: import('../NcButton/types.ts').ButtonNativeType;
-                validator(value: string): boolean;
-            };
             wide: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -188,20 +184,25 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: null;
             };
+            variant: {
+                type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                validator(value: string): boolean;
+                default: string;
+            };
         }>> & Readonly<{
             "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
             onClick?: ((...args: any[]) => any) | undefined;
         }>, {}, {}, {
-            realType(): "primary" | "secondary" | import('../NcButton/types.ts').ButtonType;
+            realVariant(): any;
+            realType(): "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
             flexAlignment(): string;
             isReverseAligned(): boolean;
             ncPopoverTriggerAttrs(): Record<string, string | undefined>;
         }, {}, {
             size: string;
-            type: import('../NcButton/types.ts').ButtonType;
+            type: "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
             alignment: import('../NcButton/types.ts').ButtonAlignment;
             disabled: boolean;
-            nativeType: import('../NcButton/types.ts').ButtonNativeType;
             wide: boolean;
             ariaLabel: string;
             href: string;
@@ -210,6 +211,7 @@ declare function __VLS_template(): {
             to: string | Record<string, any>;
             ariaHidden: boolean;
             pressed: boolean;
+            variant: any;
         }> | null;
         contentContainer: HTMLDivElement;
     };
@@ -217,13 +219,13 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (v: boolean) => void;
-    opened: () => void;
     closed: () => void;
+    opened: () => void;
+    "update:open": (v: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>> & Readonly<{
-    "onUpdate:open"?: ((v: boolean) => any) | undefined;
-    onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/NcHeaderMenu/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcHeaderMenu-BRiroRYT.mjs";
+import { N } from "../../chunks/NcHeaderMenu-ZzoCwPvX.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcHighlight/index.mjs

@@ -1,4 +1,5 @@
-import { _ } from "../../chunks/NcHighlight-BHtRIzqk.mjs";
+import { _ } from "../../chunks/NcHighlight-Cu4UfEEO.mjs";
 export {
   _ as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcIconSvgWrapper/index.mjs

@@ -2,3 +2,4 @@ import { N } from "../../chunks/NcIconSvgWrapper-BYTrkA66.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcInputField/NcInputField.vue.d.ts

@@ -291,15 +291,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator(value: string): boolean;
         };
         type: {
-            type: import('vue').PropType<import('../NcButton/types.ts').ButtonType>;
+            type: import('vue').PropType<import('../NcButton/types.ts').ButtonType | `${import('../NcButton/types.ts').ButtonType}`>;
             default: import('../NcButton/types.ts').ButtonType;
             validator(value: string): boolean;
         };
-        nativeType: {
-            type: import('vue').PropType<import('../NcButton/types.ts').ButtonNativeType>;
-            default: import('../NcButton/types.ts').ButtonNativeType;
-            validator(value: string): boolean;
-        };
         wide: {
             type: BooleanConstructor;
             default: boolean;
@@ -332,8 +327,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
+        variant: {
+            type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+            validator(value: string): boolean;
+            default: string;
+        };
     }>, {}, {}, {
-        realType(): "primary" | "secondary" | import('../NcButton/types.ts').ButtonType;
+        realVariant(): any;
+        realType(): "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
         flexAlignment(): string;
         isReverseAligned(): boolean;
         ncPopoverTriggerAttrs(): Record<string, string | undefined>;
@@ -353,15 +354,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator(value: string): boolean;
         };
         type: {
-            type: import('vue').PropType<import('../NcButton/types.ts').ButtonType>;
+            type: import('vue').PropType<import('../NcButton/types.ts').ButtonType | `${import('../NcButton/types.ts').ButtonType}`>;
             default: import('../NcButton/types.ts').ButtonType;
             validator(value: string): boolean;
         };
-        nativeType: {
-            type: import('vue').PropType<import('../NcButton/types.ts').ButtonNativeType>;
-            default: import('../NcButton/types.ts').ButtonNativeType;
-            validator(value: string): boolean;
-        };
         wide: {
             type: BooleanConstructor;
             default: boolean;
@@ -394,15 +390,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
+        variant: {
+            type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+            validator(value: string): boolean;
+            default: string;
+        };
     }>> & Readonly<{
         "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
         onClick?: ((...args: any[]) => any) | undefined;
     }>, {
         size: string;
-        type: import('../NcButton/types.ts').ButtonType;
+        type: "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
         alignment: import('../NcButton/types.ts').ButtonAlignment;
         disabled: boolean;
-        nativeType: import('../NcButton/types.ts').ButtonNativeType;
         wide: boolean;
         ariaLabel: string;
         href: string;
@@ -411,6 +411,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         to: string | Record<string, any>;
         ariaHidden: boolean;
         pressed: boolean;
+        variant: any;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     AlertCircle: any;
     Check: any;

package/dist/components/NcInputField/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcInputField-CzC820tG.mjs";
+import { N } from "../../chunks/NcInputField-DdZlDVwQ.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcListItem/NcListItem.vue.d.ts

@@ -303,11 +303,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        type: {
-            type: StringConstructor;
-            validator(value: unknown): boolean;
-            default: null;
-        };
         defaultIcon: {
             type: StringConstructor;
             default: string;
@@ -346,6 +341,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: NumberConstructor;
             default: number;
         };
+        variant: {
+            type: StringConstructor;
+            validator(value: unknown): boolean;
+            default: null;
+        };
     }>, {
         triggerButton: import('vue').Ref<any, any>;
         maxMenuHeight: import('vue').ComputedRef<number>;
@@ -356,7 +356,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         focusIndex: number;
         actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
     }, {
-        triggerBtnType(): string;
+        triggerButtonVariant(): string;
         config(): {
             popupRole: string;
             withArrowNavigation: boolean;
@@ -392,7 +392,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isIconUrl(url: string): boolean;
         openMenu(): void;
         closeMenu(returnFocus?: boolean): Promise<void>;
-        onOpen(): void;
+        onOpened(): void;
+        onClosed(): void;
         resizePopover(): void;
         getCurrentActiveMenuItemElement(): HTMLElement | null;
         getFocusableMenuItemElements(): NodeListOf<HTMLElement>;
@@ -409,7 +410,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onFocus(event: any): void;
         onBlur(event: any): void;
         onClick(event: any): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "blur" | "close" | "focus" | "open" | "update:open")[], "click" | "blur" | "close" | "focus" | "open" | "update:open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "blur" | "close" | "focus" | "closed" | "open" | "opened" | "update:open")[], "click" | "blur" | "close" | "focus" | "closed" | "open" | "opened" | "update:open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         open: {
             type: BooleanConstructor;
             default: boolean;
@@ -434,11 +435,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        type: {
-            type: StringConstructor;
-            validator(value: unknown): boolean;
-            default: null;
-        };
         defaultIcon: {
             type: StringConstructor;
             default: string;
@@ -477,19 +473,26 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: NumberConstructor;
             default: number;
         };
+        variant: {
+            type: StringConstructor;
+            validator(value: unknown): boolean;
+            default: null;
+        };
     }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
         "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     }>, {
-        type: string;
         primary: boolean;
         disabled: boolean;
         ariaLabel: string;
         ariaHidden: boolean;
+        variant: string;
         placement: string;
         container: string | boolean | Element | Record<string, any>;
         open: boolean;
@@ -517,15 +520,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonType>;
+                type: import('vue').PropType<import('../NcButton/types.js').ButtonType | `${import('../NcButton/types.js').ButtonType}`>;
                 default: import('../NcButton/types.js').ButtonType;
                 validator(value: string): boolean;
             };
-            nativeType: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonNativeType>;
-                default: import('../NcButton/types.js').ButtonNativeType;
-                validator(value: string): boolean;
-            };
             wide: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -558,8 +556,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: null;
             };
+            variant: {
+                type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                validator(value: string): boolean;
+                default: string;
+            };
         }>, {}, {}, {
-            realType(): "primary" | "secondary" | import('../NcButton/types.js').ButtonType;
+            realVariant(): any;
+            realType(): "submit" | "reset" | "button" | import('../NcButton/types.js').ButtonType;
             flexAlignment(): string;
             isReverseAligned(): boolean;
             ncPopoverTriggerAttrs(): Record<string, string | undefined>;
@@ -579,15 +583,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonType>;
+                type: import('vue').PropType<import('../NcButton/types.js').ButtonType | `${import('../NcButton/types.js').ButtonType}`>;
                 default: import('../NcButton/types.js').ButtonType;
                 validator(value: string): boolean;
             };
-            nativeType: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonNativeType>;
-                default: import('../NcButton/types.js').ButtonNativeType;
-                validator(value: string): boolean;
-            };
             wide: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -620,15 +619,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: null;
             };
+            variant: {
+                type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                validator(value: string): boolean;
+                default: string;
+            };
         }>> & Readonly<{
             "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
             onClick?: ((...args: any[]) => any) | undefined;
         }>, {
             size: string;
-            type: import('../NcButton/types.js').ButtonType;
+            type: "submit" | "reset" | "button" | import('../NcButton/types.js').ButtonType;
             alignment: import('../NcButton/types.js').ButtonAlignment;
             disabled: boolean;
-            nativeType: import('../NcButton/types.js').ButtonNativeType;
             wide: boolean;
             ariaLabel: string;
             href: string;
@@ -637,10 +640,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             to: string | Record<string, any>;
             ariaHidden: boolean;
             pressed: boolean;
+            variant: any;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         NcPopover: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
     }, {}, string, () => {
-        'NcActions:isSemanticMenu': import('vue').ComputedRef<boolean>;
+        [x: symbol]: import('vue').ComputedRef<boolean> | ((returnFocus?: boolean) => Promise<void>);
     }, true, {}, any>;
     NcCounterBubble: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         type: {

package/dist/components/NcListItem/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcListItem-DFLsabmR.mjs";
+import { N } from "../../chunks/NcListItem-DF8Yv05m.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcListItemIcon/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcListItemIcon-BK9GBjoD.mjs";
+import { N } from "../../chunks/NcListItemIcon-nzw_x2Q5.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcLoadingIcon/index.mjs

@@ -2,3 +2,4 @@ import { N } from "../../chunks/NcLoadingIcon-CsMn1bFR.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcModal/index.mjs

@@ -1,20 +1,20 @@
-import '../../assets/index-BRaTLqzR.css';
-import { S as ScopeComponent } from "../../chunks/ScopeComponent-DgRMJomt.mjs";
+import '../../assets/index-Du_FXiPy.css';
+import { S as ScopeComponent } from "../../chunks/ScopeComponent-BWZEma4R.mjs";
 import { useSwipe } from "@vueuse/core";
 import { createFocusTrap } from "focus-trap";
 import { createElementBlock, openBlock, mergeProps, createElementVNode, createCommentVNode, toDisplayString, resolveComponent, resolveDirective, createBlock, Transition, withCtx, withDirectives, normalizeStyle, normalizeClass, createVNode, renderSlot, withModifiers, vShow, warn } from "vue";
 import { g as getTrapStack } from "../../chunks/focusTrap-DmkaYJTC.mjs";
-import { r as register, C as t33, D as t17, a as t } from "../../chunks/_l10n-BEP_UzXI.mjs";
-import { G as GenRandomId } from "../../chunks/GenRandomId-CMooMQt0.mjs";
-import { N as NcActions } from "../../chunks/NcActions-DxTtucKk.mjs";
-import { N as NcButton } from "../../chunks/NcButton-QmfEsvXC.mjs";
+import { r as register, C as t34, D as t18, a as t } from "../../chunks/_l10n-7kR7gXFc.mjs";
+import { c as createElementId } from "../../chunks/createElementId-DhjFt1I9.mjs";
+import { N as NcActions } from "../../chunks/NcActions-CgKHXNbF.mjs";
+import { N as NcButton } from "../../chunks/NcButton-BHLqKKYP.mjs";
 import "../../directives/Tooltip/index.mjs";
 import { C as ChevronLeftIcon } from "../../chunks/ChevronLeft-FfC-tiIS.mjs";
 import { C as ChevronRight } from "../../chunks/ChevronRight-LvtA5_hq.mjs";
-import { C as Close } from "../../chunks/Close-idsVwGrC.mjs";
+import { I as IconClose } from "../../chunks/Close-D6ngJ4t9.mjs";
 import { _ as _export_sfc } from "../../chunks/_plugin-vue_export-helper-1tPrXgE0.mjs";
 import { VTooltip } from "floating-vue";
-register(t17, t33);
+register(t18, t34);
 function timer(callback, delay) {
   let id;
   let started;
@@ -139,7 +139,7 @@ const _sfc_main = {
     NcActions,
     ChevronLeft: ChevronLeftIcon,
     ChevronRight,
-    Close,
+    Close: IconClose,
     Pause,
     Play,
     NcButton
@@ -222,19 +222,20 @@ const _sfc_main = {
       }
     },
     /**
-     * Declare if the modal can be closed
+     * Do not show the close button for the dialog.
+     * @default false
      */
-    canClose: {
+    noClose: {
       type: Boolean,
-      default: true
+      default: false
     },
     /**
      * Close the modal if the user clicked outside the modal
-     * Only relevant if `canClose` is set to true.
+     * Only relevant if `noClose` is not set.
      */
     closeOnClickOutside: {
       type: Boolean,
-      default: true
+      default: false
     },
     /**
      * Makes the modal backdrop opaque if true
@@ -318,7 +319,7 @@ const _sfc_main = {
       iconSize: 24,
       focusTrap: null,
       externalFocusTrapStack: [],
-      randId: GenRandomId(),
+      randId: createElementId(),
       internalShow: true
     };
   },
@@ -424,13 +425,14 @@ const _sfc_main = {
       }
     },
     close(data) {
-      if (this.canClose) {
-        this.internalShow = false;
-        this.$emit("update:show", false);
-        setTimeout(() => {
-          this.$emit("close", data);
-        }, 300);
+      if (this.noClose) {
+        return;
       }
+      this.internalShow = false;
+      this.$emit("update:show", false);
+      setTimeout(() => {
+        this.$emit("close", data);
+      }, 300);
     },
     /**
      * Handle click on modal wrapper
@@ -664,11 +666,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 3
                 }, 8, ["inline"]),
-                $props.canClose && !$props.closeButtonContained ? (openBlock(), createBlock(_component_NcButton, {
+                !$props.noClose && !$props.closeButtonContained ? (openBlock(), createBlock(_component_NcButton, {
                   key: 1,
                   "aria-label": $options.closeButtonAriaLabel,
                   class: "header-close",
-                  type: "tertiary",
+                  variant: "tertiary",
                   onClick: $options.close
                 }, {
                   icon: withCtx(() => [
@@ -699,9 +701,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, {
                 default: withCtx(() => [
                   withDirectives(createVNode(_component_NcButton, {
-                    type: "tertiary-no-background",
-                    class: "prev",
                     "aria-label": $options.prevButtonAriaLabel,
+                    class: "prev",
+                    variant: "tertiary-no-background",
                     onClick: $options.previous
                   }, {
                     icon: withCtx(() => [
@@ -721,11 +723,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 createElementVNode("div", _hoisted_8, [
                   renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ]),
-                $props.canClose && $props.closeButtonContained ? (openBlock(), createBlock(_component_NcButton, {
+                !$props.noClose && $props.closeButtonContained ? (openBlock(), createBlock(_component_NcButton, {
                   key: 0,
-                  type: "tertiary",
-                  class: "modal-container__close",
                   "aria-label": $options.closeButtonAriaLabel,
+                  class: "modal-container__close",
+                  variant: "tertiary",
                   onClick: $options.close
                 }, {
                   icon: withCtx(() => [
@@ -740,9 +742,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, {
                 default: withCtx(() => [
                   withDirectives(createVNode(_component_NcButton, {
-                    type: "tertiary-no-background",
-                    class: "next",
                     "aria-label": $options.nextButtonAriaLabel,
+                    class: "next",
+                    variant: "tertiary-no-background",
                     onClick: $options.next
                   }, {
                     icon: withCtx(() => [
@@ -768,8 +770,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onAfterEnter", "onBeforeLeave"]);
 }
-const NcModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-210e65ba"]]);
+const NcModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-db232fa9"]]);
 ScopeComponent(NcModal);
 export {
   NcModal as default
 };
+//# sourceMappingURL=index.mjs.map