@porsche-design-system/components-vue 3.0.0-rc.1 → 3.0.0-rc.3

package/CHANGELOG.md

@@ -9,6 +9,60 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [3.0.0-rc.3] - 2023-05-10
+
+#### Fixed
+
+- `Tabs Bar` focus behavior via keyboard navigation
+  ([#2546](https://github.com/porsche-design-system/porsche-design-system/pull/2546))
+- Rendering of `Wordmark` in Safari ([#2542](https://github.com/porsche-design-system/porsche-design-system/pull/2542))
+- Disabled dragging/ghosting of icons
+  ([#2536](https://github.com/porsche-design-system/porsche-design-system/pull/2536))
+
+#### Changed
+
+- Styles: `dropShadow{Low|Medium|High}Style`s use `box-shadow` instead of `filter: drop-shadow()` to fix glitches
+  together with `frostedGlassStyle` in Firefox
+  ([#2545](https://github.com/porsche-design-system/porsche-design-system/pull/2545))
+- Size of icon and height of `Accordion`
+  ([#2536](https://github.com/porsche-design-system/porsche-design-system/pull/2536))
+
+### [3.0.0-rc.2] - 2023-05-09
+
+#### Fixed
+
+- `Checkbox Wrapper` Safari visual state change while hovering
+  ([#2508](https://github.com/porsche-design-system/porsche-design-system/pull/2508))
+- `Checkbox Wrapper` keyboard arrow navigation
+  ([#2508](https://github.com/porsche-design-system/porsche-design-system/pull/2508))
+- `Modal` fix hover state of dismiss button
+  ([#2510](https://github.com/porsche-design-system/porsche-design-system/pull/2510))
+- `Link Pure`, `Button Pure`: adjust offset of `:hover` and `active` styles
+  ([#2511](https://github.com/porsche-design-system/porsche-design-system/pull/2511))
+- `Tabs Bar`, `Tabs` ([#2521](https://github.com/porsche-design-system/porsche-design-system/pull/2521)):
+  - `focus` state of tabpanel
+  - Indicator bar height
+- Optimize icon/text alignment of `Link Pure` and `Button Pure` in Safari
+- `Select Wrapper` multiline option height and scaling behavior
+  ([#2524](https://github.com/porsche-design-system/porsche-design-system/pull/2524))
+- Fixed accessibility issues of `Tabs`, `Tabs Bar` and `Stepper Horizontal` to comply with v.4.7.0 of `axe-core`
+  ([#2530](https://github.com/porsche-design-system/porsche-design-system/pull/2530))
+- React: `patchRemixRunProcessBrowserGlobalIdentifier` binary now supports Remix 1.16.0
+  ([#2537](https://github.com/porsche-design-system/porsche-design-system/pull/2537))
+- Angular: added optional modifier to optional properties for better type checking in strict mode
+  ([#2544](https://github.com/porsche-design-system/porsche-design-system/pull/2544))
+
+#### Added
+
+- Deprecation warning to `Icon` component if `lazy` prop is used
+  ([#2521](https://github.com/porsche-design-system/porsche-design-system/pull/2521))
+- `aria` prop to `Scroller` component
+  ([#2530](https://github.com/porsche-design-system/porsche-design-system/pull/2530))
+
+#### Changed
+
+- Model signature asset of 718 model ([#2532](https://github.com/porsche-design-system/porsche-design-system/pull/2532))
+
 ### [3.0.0-rc.1] - 2023-04-19
 
 #### Added

package/PorscheDesignSystemProvider.vue.d.ts

@@ -1,3 +1,4 @@
+/** __vue_virtual_code_placeholder */
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     prefix?: string | undefined;
 }>, {
@@ -9,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     prefix: string;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -22,12 +23,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/AccordionWrapper.vue.d.ts

@@ -1,63 +1,39 @@
+/** __vue_virtual_code_placeholder */
 import type { AccordionUpdateEvent, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type PAccordionProps = {
     /**
      * Displays the Accordion as compact version with thinner border and smaller paddings.
      */
-    compact?: boolean | undefined;
+    compact?: boolean;
     /**
      * Defines the heading used in accordion.
      */
-    heading?: string | undefined;
+    heading?: string;
     /**
      * Defines if accordion is open.
      */
-    open?: boolean | undefined;
+    open?: boolean;
     /**
      * The text size.
      */
-    size?: BreakpointCustomizable<"small" | "medium"> | undefined;
+    size?: BreakpointCustomizable<AccordionSize>;
     /**
      * Sets a headline tag, so it fits correctly within the outline of the page.
      */
-    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    tag?: AccordionTag;
     /**
      * Adapts the color when used on dark background.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PAccordionProps>, {
     size: string;
     tag: string;
     theme: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     accordionChange: (value: AccordionUpdateEvent) => void;
-} & {
     update: (value: AccordionUpdateEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Displays the Accordion as compact version with thinner border and smaller paddings.
-     */
-    compact?: boolean | undefined;
-    /**
-     * Defines the heading used in accordion.
-     */
-    heading?: string | undefined;
-    /**
-     * Defines if accordion is open.
-     */
-    open?: boolean | undefined;
-    /**
-     * The text size.
-     */
-    size?: BreakpointCustomizable<"small" | "medium"> | undefined;
-    /**
-     * Sets a headline tag, so it fits correctly within the outline of the page.
-     */
-    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: "light" | "dark" | undefined;
-}>, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PAccordionProps>, {
     size: string;
     tag: string;
     theme: string;
@@ -65,11 +41,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onAccordionChange?: ((value: AccordionUpdateEvent) => any) | undefined;
     onUpdate?: ((value: AccordionUpdateEvent) => any) | undefined;
 }, {
-    size: BreakpointCustomizable<AccordionSize>;
-    tag: AccordionTag;
-    theme: Theme;
+    size: BreakpointCustomizable<"small" | "medium">;
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    theme: "light" | "dark";
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -82,12 +58,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/BannerWrapper.vue.d.ts

@@ -1,17 +1,18 @@
-import type { BannerState, Theme } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { BannerState, Theme, BannerWidth } from '../types';
+type PBannerProps = {
     /**
      * Description of the banner.
      */
-    description?: string | undefined;
+    description?: string;
     /**
      * If false, the banner will not have a dismiss button.
      */
-    dismissButton?: boolean | undefined;
+    dismissButton?: boolean;
     /**
      * Heading of the banner.
      */
-    heading?: string | undefined;
+    heading?: string;
     /**
      * If true, the banner is open.
      */
@@ -19,21 +20,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. Defines if the banner can be closed/removed by the user.
      */
-    persistent?: boolean | undefined;
+    persistent?: boolean;
     /**
      * State of the banner.
      */
-    state?: "warning" | "error" | "info" | "neutral" | undefined;
+    state?: BannerState;
     /**
      * Adapts the banner color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
+    theme?: Theme;
     /**
      * Has no effect anymore
      * @deprecated since v3.0.0, will be removed with next major release
      */
-    width?: "extended" | "basic" | "fluid" | undefined;
-}>, {
+    width?: BannerWidth;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PBannerProps>, {
     description: string;
     dismissButton: boolean;
     heading: string;
@@ -42,41 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: (value?: void | undefined) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Description of the banner.
-     */
-    description?: string | undefined;
-    /**
-     * If false, the banner will not have a dismiss button.
-     */
-    dismissButton?: boolean | undefined;
-    /**
-     * Heading of the banner.
-     */
-    heading?: string | undefined;
-    /**
-     * If true, the banner is open.
-     */
-    open: boolean;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. Defines if the banner can be closed/removed by the user.
-     */
-    persistent?: boolean | undefined;
-    /**
-     * State of the banner.
-     */
-    state?: "warning" | "error" | "info" | "neutral" | undefined;
-    /**
-     * Adapts the banner color depending on the theme.
-     */
-    theme?: "light" | "dark" | undefined;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    width?: "extended" | "basic" | "fluid" | undefined;
-}>, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PBannerProps>, {
     description: string;
     dismissButton: boolean;
     heading: string;
@@ -88,12 +56,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     heading: string;
     open: boolean;
-    theme: Theme;
+    theme: "light" | "dark";
     description: string;
     dismissButton: boolean;
-    state: BannerState;
+    state: "warning" | "error" | "info" | "neutral";
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -106,12 +74,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/ButtonGroupWrapper.vue.d.ts

@@ -1,28 +1,25 @@
+/** __vue_virtual_code_placeholder */
 import type { BreakpointCustomizable, ButtonGroupDirection } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type PButtonGroupProps = {
     /**
      * Defines the direction of the main and cross axis. The default is ’{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint ‘xs’. You always need to provide a base value when using breakpoints.
      */
-    direction?: BreakpointCustomizable<"row" | "column"> | undefined;
-}>, {
+    direction?: BreakpointCustomizable<ButtonGroupDirection>;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonGroupProps>, {
     direction: () => {
         base: string;
         xs: string;
     };
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Defines the direction of the main and cross axis. The default is ’{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint ‘xs’. You always need to provide a base value when using breakpoints.
-     */
-    direction?: BreakpointCustomizable<"row" | "column"> | undefined;
-}>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonGroupProps>, {
     direction: () => {
         base: string;
         xs: string;
     };
 }>>>, {
-    direction: BreakpointCustomizable<ButtonGroupDirection>;
+    direction: BreakpointCustomizable<"row" | "column">;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -35,12 +32,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/ButtonPureWrapper.vue.d.ts

@@ -1,59 +1,61 @@
-import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureIcon, ButtonPureSize, Theme, ButtonPureType, ButtonPureWeight } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, Theme, ButtonPureType, ButtonPureWeight } from '../types';
+type PButtonPureProps = {
     /**
      * Display button in active state.
      */
-    active?: boolean | undefined;
+    active?: boolean;
     /**
      * Aligns the label.
      */
-    alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
+    alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
+    aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;
     /**
      * Disables the button. No events will be triggered while disabled state is active.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Show or hide label. For better accessibility it is recommended to show the label.
      */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    hideLabel?: BreakpointCustomizable<boolean>;
     /**
      * The icon shown.
      */
-    icon?: import("../types").LinkButtonIconName | undefined;
+    icon?: ButtonPureIcon;
     /**
      * A URL path to a custom icon.
      */
-    iconSource?: string | undefined;
+    iconSource?: string;
     /**
      * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
      */
-    loading?: boolean | undefined;
+    loading?: boolean;
     /**
      * Size of the button.
      */
-    size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
+    size?: BreakpointCustomizable<ButtonPureSize>;
     /**
      * Stretches the area between icon and label to max available space.
      */
-    stretch?: BreakpointCustomizable<boolean> | undefined;
+    stretch?: BreakpointCustomizable<boolean>;
     /**
      * Adapts the button color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
+    theme?: Theme;
     /**
      * Specifies the type of the button.
      */
-    type?: "reset" | "button" | "submit" | undefined;
+    type?: ButtonPureType;
     /**
      * The weight of the text (only has effect with visible label).
      * @deprecated since v3.0.0, will be removed with next major release
      */
-    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
-}>, {
+    weight?: ButtonPureWeight;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonPureProps>, {
     active: boolean;
     alignLabel: string;
     disabled: boolean;
@@ -65,61 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
     type: string;
     weight: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Display button in active state.
-     */
-    active?: boolean | undefined;
-    /**
-     * Aligns the label.
-     */
-    alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * The icon shown.
-     */
-    icon?: import("../types").LinkButtonIconName | undefined;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string | undefined;
-    /**
-     * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
-     */
-    loading?: boolean | undefined;
-    /**
-     * Size of the button.
-     */
-    size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
-    /**
-     * Stretches the area between icon and label to max available space.
-     */
-    stretch?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: "light" | "dark" | undefined;
-    /**
-     * Specifies the type of the button.
-     */
-    type?: "reset" | "button" | "submit" | undefined;
-    /**
-     * The weight of the text (only has effect with visible label).
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
-}>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonPureProps>, {
     active: boolean;
     alignLabel: string;
     disabled: boolean;
@@ -132,19 +80,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     weight: string;
 }>>>, {
-    weight: ButtonPureWeight;
+    weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
     stretch: BreakpointCustomizable<boolean>;
-    size: BreakpointCustomizable<ButtonPureSize>;
-    theme: Theme;
-    type: ButtonPureType;
+    type: "reset" | "button" | "submit";
+    size: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">;
+    theme: "light" | "dark";
     active: boolean;
-    alignLabel: BreakpointCustomizable<ButtonPureAlignLabel>;
+    alignLabel: BreakpointCustomizable<"left" | "right">;
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
-    icon: ButtonPureIcon;
+    icon: import("../types").LinkButtonIconName;
     loading: boolean;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -157,12 +105,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};