@porsche-design-system/components-vue 3.2.0 → 3.3.0

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

@@ -1,55 +1,69 @@
-import type { BreakpointCustomizable, TextareaWrapperState, Theme } from '../types';
-type PTextareaWrapperProps = {
-    /**
-     * The description text.
-     */
-    description?: string;
-    /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean>;
-    /**
-     * The label text.
-     */
-    label?: string;
-    /**
-     * The message styled depending on validation state.
-     */
-    message?: string;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `showCounter` instead. Show or hide max character count.
-     */
-    showCharacterCount?: boolean;
-    /**
-     * Show or hide max character count.
-     */
-    showCounter?: boolean;
-    /**
-     * The validation state.
-     */
-    state?: TextareaWrapperState;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
-};
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PTextareaWrapperProps>, {
-    description: string;
-    hideLabel: boolean;
-    label: string;
-    message: string;
-    showCounter: boolean;
-    state: string;
-    theme: 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<PTextareaWrapperProps>, {
-    description: string;
-    hideLabel: boolean;
-    label: string;
-    message: string;
-    showCounter: boolean;
-    state: string;
-    theme: string;
-}>>>, {
+import type { BreakpointCustomizable } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    state: {
+        type: import("vue").PropType<"none" | "success" | "error">;
+        default: string;
+    };
+    hideLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showCharacterCount: {
+        type: import("vue").PropType<boolean>;
+    };
+    showCounter: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    state: {
+        type: import("vue").PropType<"none" | "success" | "error">;
+        default: string;
+    };
+    hideLabel: {
+        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
+        default: boolean;
+    };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showCharacterCount: {
+        type: import("vue").PropType<boolean>;
+    };
+    showCounter: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
     label: string;
     theme: "light" | "dark";
     description: string;
@@ -61,25 +75,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

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

@@ -1,32 +1,14 @@
-import type { Theme } from '../types';
-type PToastProps = {
-    /**
-     * Adapts the toast color depending on the theme.
-     */
-    theme?: Theme;
-};
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PToastProps>, {
-    theme: 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<PToastProps>, {
-    theme: string;
-}>>>, {
+declare const _default: import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+}>>, {
     theme: "light" | "dark";
 }, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

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

@@ -1,54 +1,45 @@
-import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget, Theme } from '../types';
-type PWordmarkProps = {
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<WordmarkAriaAttribute>;
-    /**
-     * When providing an url then the component will be rendered as `<a>`.
-     */
-    href?: string;
-    /**
-     * Adapts sizing of wordmark.
-     */
-    size?: WordmarkSize;
-    /**
-     * Target attribute where the link should be opened.
-     */
-    target?: WordmarkTarget;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
-};
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PWordmarkProps>, {
-    size: string;
-    target: string;
-    theme: 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<PWordmarkProps>, {
-    size: string;
-    target: string;
-    theme: string;
-}>>>, {
+import type { SelectedAriaAttributes } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"inherit" | "small">;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"inherit" | "small">;
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<"light" | "dark">;
+        default: string;
+    };
+    aria: {
+        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
     size: "inherit" | "small";
     theme: "light" | "dark";
     target: string;
 }, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/lib/types.d.ts

@@ -10,6 +10,16 @@ export type AriaAttributes = {
      */
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     /** Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. */
+    /**
+     * Defines a string value that labels the current element, which is intended to be converted into Braille.
+     * @see aria-label.
+     */
+    "aria-braillelabel"?: string | undefined;
+    /**
+     * Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
+     * @see aria-roledescription.
+     */
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: Booleanish | undefined;
     /**
      * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
@@ -26,6 +36,11 @@ export type AriaAttributes = {
      * @see aria-colcount @see aria-colspan.
      */
     "aria-colindex"?: number | undefined;
+    /**
+     * Defines a human readable text alternative of aria-colindex.
+     * @see aria-rowindextext.
+     */
+    "aria-colindextext"?: string | undefined;
     /**
      * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
      * @see aria-colindex @see aria-rowspan.
@@ -43,6 +58,11 @@ export type AriaAttributes = {
      * @see aria-labelledby
      */
     "aria-describedby"?: string | undefined;
+    /**
+     * Defines a string value that describes or annotates the current element.
+     * @see related aria-describedby.
+     */
+    "aria-description"?: string | undefined;
     /**
      * Identifies the element that provides a detailed, extended description for the object.
      * @see aria-describedby.
@@ -156,6 +176,11 @@ export type AriaAttributes = {
      * @see aria-rowcount @see aria-rowspan.
      */
     "aria-rowindex"?: number | undefined;
+    /**
+     * Defines a human readable text alternative of aria-rowindex.
+     * @see aria-colindextext.
+     */
+    "aria-rowindextext"?: string | undefined;
     /**
      * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
      * @see aria-rowindex @see aria-colspan.
@@ -667,7 +692,7 @@ declare const FIELDSET_LABEL_SIZES: readonly [
     "small",
     "medium"
 ];
-export type FieldsetLabelSize = typeof FIELDSET_LABEL_SIZES[number];
+export type FieldsetLabelSize = (typeof FIELDSET_LABEL_SIZES)[number];
 export type FieldsetState = FormState;
 export type FieldsetWrapperLabelSize = FieldsetLabelSize;
 export type FieldsetWrapperState = FieldsetState;
@@ -1106,7 +1131,7 @@ declare const TAG_COLORS: readonly [
     "notification-success",
     "notification-error"
 ];
-export type TagColor = typeof TAG_COLORS[number];
+export type TagColor = (typeof TAG_COLORS)[number];
 declare const TEXT_TAGS: readonly [
     "p",
     "span",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.2.0"
+    "@porsche-design-system/components-js": "3.3.0"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"