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

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

@@ -166,11 +166,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;
@@ -209,6 +204,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>;
@@ -218,9 +218,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         opened: boolean;
         focusIndex: number;
         actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
-        externalFocusTrapStack: never[];
     }, {
-        triggerBtnType(): string;
+        triggerButtonVariant(): string;
         config(): {
             popupRole: string;
             withArrowNavigation: boolean;
@@ -251,17 +250,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         withFocusTrap(): boolean;
     }, {
         getActionName(action: import('vue').VNode): string;
-        intersectIntoCurrentFocusTrapStack(): void;
         isValidSingleAction(action: import('vue').VNode): boolean;
         isAction(action: any): boolean;
         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>;
-        onMouseFocusAction(event: PointerEvent): void;
         onKeydown(event: object): void;
         onTriggerKeydown(event: any): void;
         handleEscapePressed(event: any): void;
@@ -275,7 +273,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;
@@ -300,11 +298,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;
@@ -343,19 +336,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;
@@ -383,15 +383,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;
@@ -424,8 +419,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>;
@@ -445,15 +446,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;
@@ -486,15 +482,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;
@@ -503,10 +503,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>;
     NcActionButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         ariaHidden: {
@@ -535,7 +536,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
     }>, {
-        isRTL: boolean;
+        isRtl: boolean;
     }, {}, {
         isFocusable(): boolean;
         isChecked(): string | boolean;
@@ -586,6 +587,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
         };
+        inject: {
+            closeMenu: {
+                from: import('vue').InjectionKey<(returnFocus: boolean) => void>;
+            };
+        };
         emits: string[];
         computed: {
             isIconUrl(): boolean;
@@ -678,6 +684,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
         };
+        inject: {
+            closeMenu: {
+                from: import('vue').InjectionKey<(returnFocus: boolean) => void>;
+            };
+        };
         emits: string[];
         computed: {
             isIconUrl(): boolean;
@@ -736,9 +747,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
             default: string;
         };
-    }>, {}, {
-        hovering: boolean;
+    }>, {
         crumbId: string;
+    }, {
+        hovering: boolean;
     }, {
         linkAttributes(): {
             [x: string]: unknown;
@@ -830,11 +842,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;
@@ -873,6 +880,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>;
@@ -882,9 +894,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             opened: boolean;
             focusIndex: number;
             actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
-            externalFocusTrapStack: never[];
         }, {
-            triggerBtnType(): string;
+            triggerButtonVariant(): string;
             config(): {
                 popupRole: string;
                 withArrowNavigation: boolean;
@@ -915,17 +926,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             withFocusTrap(): boolean;
         }, {
             getActionName(action: import('vue').VNode): string;
-            intersectIntoCurrentFocusTrapStack(): void;
             isValidSingleAction(action: import('vue').VNode): boolean;
             isAction(action: any): boolean;
             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>;
-            onMouseFocusAction(event: PointerEvent): void;
             onKeydown(event: object): void;
             onTriggerKeydown(event: any): void;
             handleEscapePressed(event: any): void;
@@ -939,7 +949,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;
@@ -964,11 +974,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;
@@ -1007,19 +1012,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;
@@ -1047,15 +1059,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;
@@ -1088,8 +1095,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>;
@@ -1109,15 +1122,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;
@@ -1150,15 +1158,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;
@@ -1167,10 +1179,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>;
         ChevronRight: any;
         NcButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1189,15 +1202,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;
@@ -1230,8 +1238,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>;
@@ -1251,15 +1265,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;
@@ -1292,15 +1301,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;
@@ -1309,6 +1322,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>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     IconFolder: any;

package/dist/components/NcBreadcrumbs/index.mjs

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

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { ButtonAlignment, ButtonNativeType, ButtonType } from './types';
+import { ButtonAlignment, ButtonType } from './types.ts';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * Set the text and icon alignment
@@ -29,29 +29,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validator(value: string): boolean;
     };
     /**
-     * Specifies the button type
-     * If left empty, the default button style will be applied.
+     * Specifies the HTML button type.
+     * Accepted values: submit, reset, button.
      *
-     * @default 'secondary'
-     * @type {'primary' | 'secondary' | 'tertiary' | 'tertiary-no-background' | 'tertiary-on-primary' | 'error' | 'warning' | 'success'}
+     * @default 'button'
      */
     type: {
-        type: PropType<ButtonType>;
+        type: PropType<ButtonType | `${ButtonType}`>;
         default: ButtonType;
         validator(value: string): boolean;
     };
-    /**
-     * Specifies the button native type
-     * If left empty, the default "button" type will be used.
-     *
-     * @default 'button'
-     * @type {'submit' | 'reset' | 'button'}
-     */
-    nativeType: {
-        type: PropType<ButtonNativeType>;
-        default: ButtonNativeType;
-        validator(value: string): boolean;
-    };
     /**
      * Specifies whether the button should span all the available width.
      * By default, buttons span the whole width of the container.
@@ -120,12 +107,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: null;
     };
+    /**
+     * Specifies the button variant.
+     *
+     * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success.
+     *
+     * @default 'secondary'
+     * @since 8.23.0
+     */
+    variant: {
+        type: PropType<ButtonVariant | `${ButtonVariant}`>;
+        validator(value: string): boolean;
+        default: string;
+    };
 }>, {}, {}, {
     /**
      * The real type to be used for the button, enforces `primary` for pressed state and, if stateful button, any other type for not pressed state
      * Otherwise the type property is used.
      */
-    realType(): "primary" | "secondary" | ButtonType;
+    realVariant(): any;
+    /**
+     * The HTML button type
+     */
+    realType(): "submit" | "reset" | "button" | ButtonType;
     /**
      * The flexbox alignment of the button content
      */
@@ -164,29 +168,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validator(value: string): boolean;
     };
     /**
-     * Specifies the button type
-     * If left empty, the default button style will be applied.
+     * Specifies the HTML button type.
+     * Accepted values: submit, reset, button.
      *
-     * @default 'secondary'
-     * @type {'primary' | 'secondary' | 'tertiary' | 'tertiary-no-background' | 'tertiary-on-primary' | 'error' | 'warning' | 'success'}
+     * @default 'button'
      */
     type: {
-        type: PropType<ButtonType>;
+        type: PropType<ButtonType | `${ButtonType}`>;
         default: ButtonType;
         validator(value: string): boolean;
     };
-    /**
-     * Specifies the button native type
-     * If left empty, the default "button" type will be used.
-     *
-     * @default 'button'
-     * @type {'submit' | 'reset' | 'button'}
-     */
-    nativeType: {
-        type: PropType<ButtonNativeType>;
-        default: ButtonNativeType;
-        validator(value: string): boolean;
-    };
     /**
      * Specifies whether the button should span all the available width.
      * By default, buttons span the whole width of the container.
@@ -255,15 +246,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: null;
     };
+    /**
+     * Specifies the button variant.
+     *
+     * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success.
+     *
+     * @default 'secondary'
+     * @since 8.23.0
+     */
+    variant: {
+        type: PropType<ButtonVariant | `${ButtonVariant}`>;
+        validator(value: string): boolean;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string;
-    type: ButtonType;
+    type: "submit" | "reset" | "button" | ButtonType;
     alignment: ButtonAlignment;
     disabled: boolean;
-    nativeType: ButtonNativeType;
     wide: boolean;
     ariaLabel: string;
     href: string;
@@ -272,5 +275,6 @@ 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>;
 export default _default;

package/dist/components/NcButton/index.mjs

@@ -1,7 +1,8 @@
-import { B, a, b, N } from "../../chunks/NcButton-C3eisBbK.mjs";
+import { B, a, b, N } from "../../chunks/NcButton-BHLqKKYP.mjs";
 export {
   B as ButtonAlignment,
-  a as ButtonNativeType,
-  b as ButtonType,
+  a as ButtonType,
+  b as ButtonVariant,
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcButton/types.d.ts

@@ -10,12 +10,12 @@ export declare enum ButtonAlignment {
     End = "end",
     EndReverse = "end-reverse"
 }
-export declare enum ButtonNativeType {
+export declare enum ButtonType {
     Submit = "submit",
     Reset = "reset",
     Button = "button"
 }
-export declare enum ButtonType {
+export declare enum ButtonVariant {
     Primary = "primary",
     Secondary = "secondary",
     Tertiary = "tertiary",