@porsche-design-system/components-react 3.16.0 → 3.17.0-rc.1

package/esm/lib/components/stepper-horizontal.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { StepperHorizontalUpdateEventDetail, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
 export type PStepperHorizontalProps = BaseProps & {
@@ -23,19 +22,19 @@ export declare const PStepperHorizontal: import("react").ForwardRefExoticCompone
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when active step is changed.
      */
-    onStepChange?: ((event: CustomEvent<StepperHorizontalUpdateEventDetail>) => void) | undefined;
+    onStepChange?: (event: CustomEvent<StepperHorizontalUpdateEventDetail>) => void;
     /**
      * Emitted when active step is changed.
      */
-    onUpdate?: ((event: CustomEvent<StepperHorizontalUpdateEventDetail>) => void) | undefined;
+    onUpdate?: (event: CustomEvent<StepperHorizontalUpdateEventDetail>) => void;
     /**
      * The text size.
      */
-    size?: BreakpointCustomizable<"small" | "medium"> | undefined;
+    size?: BreakpointCustomizable<StepperHorizontalSize>;
     /**
      * Adapts the tag color depending on the theme.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/switch.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { BreakpointCustomizable, SwitchAlignLabel, SwitchUpdateEventDetail, Theme } from '../types';
 export type PSwitchProps = BaseProps & {
@@ -43,39 +42,39 @@ export declare const PSwitch: import("react").ForwardRefExoticComponent<import("
     /**
      * Aligns the label.
      */
-    alignLabel?: BreakpointCustomizable<"start" | "end" | "left" | "right"> | undefined;
+    alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
     /**
      * Visualize the switch with on/off status.
      */
-    checked?: boolean | undefined;
+    checked?: boolean;
     /**
      * Disables the switch. No events will be triggered while disabled state is active.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.
      */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    hideLabel?: BreakpointCustomizable<boolean>;
     /**
      * Disables the switch and shows a loading indicator. No events will be triggered while loading state is active.
      */
-    loading?: boolean | undefined;
+    loading?: boolean;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when checked status is changed.
      */
-    onSwitchChange?: ((event: CustomEvent<SwitchUpdateEventDetail>) => void) | undefined;
+    onSwitchChange?: (event: CustomEvent<SwitchUpdateEventDetail>) => void;
     /**
      * Emitted when checked status is changed.
      */
-    onUpdate?: ((event: CustomEvent<SwitchUpdateEventDetail>) => void) | undefined;
+    onUpdate?: (event: CustomEvent<SwitchUpdateEventDetail>) => void;
     /**
      * Stretches the contents to max available space.
      */
-    stretch?: BreakpointCustomizable<boolean> | undefined;
+    stretch?: BreakpointCustomizable<boolean>;
     /**
      * Adapts the switch color depending on the theme.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/table-body.wrapper.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 export type PTableBodyProps = BaseProps & {};
 export declare const PTableBody: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/table-cell.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 export type PTableCellProps = BaseProps & {
     /**
@@ -10,7 +9,7 @@ export declare const PTableCell: import("react").ForwardRefExoticComponent<impor
     /**
      * Displays slotted text multiline or forced into a single line.
      */
-    multiline?: boolean | undefined;
+    multiline?: boolean;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/table-head-cell.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { TableHeadCellSort } from '../types';
 export type PTableHeadCellProps = BaseProps & {
@@ -19,15 +18,15 @@ export declare const PTableHeadCell: import("react").ForwardRefExoticComponent<i
     /**
      * Hides the label but stays accessible for screen readers. This property only takes effect when sort property is not defined.
      */
-    hideLabel?: boolean | undefined;
+    hideLabel?: boolean;
     /**
      * Displays slotted text multiline or forced into a single line.
      */
-    multiline?: boolean | undefined;
+    multiline?: boolean;
     /**
      * Defines sortability properties.
      */
-    sort?: TableHeadCellSort | undefined;
+    sort?: TableHeadCellSort;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/table-head-row.wrapper.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 export type PTableHeadRowProps = BaseProps & {};
 export declare const PTableHeadRow: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/table-head.wrapper.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 export type PTableHeadProps = BaseProps & {};
 export declare const PTableHead: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/table-row.wrapper.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 export type PTableRowProps = BaseProps & {};
 export declare const PTableRow: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/table.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { TableUpdateEventDetail, Theme } from '../types';
 export type PTableProps = BaseProps & {
@@ -23,19 +22,19 @@ export declare const PTable: import("react").ForwardRefExoticComponent<import("r
     /**
      * A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
      */
-    caption?: string | undefined;
+    caption?: string;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when sorting is changed.
      */
-    onSortingChange?: ((event: CustomEvent<TableUpdateEventDetail>) => void) | undefined;
+    onSortingChange?: (event: CustomEvent<TableUpdateEventDetail>) => void;
     /**
      * Emitted when sorting is changed.
      */
-    onUpdate?: ((event: CustomEvent<TableUpdateEventDetail>) => void) | undefined;
+    onUpdate?: (event: CustomEvent<TableUpdateEventDetail>) => void;
     /**
      * Adapts the color when used on dark background.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/tabs-bar.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarUpdateEventDetail, BreakpointCustomizable, TabsBarSize, Theme, TabsBarWeight } from '../types';
 export type PTabsBarProps = BaseProps & {
@@ -43,31 +42,31 @@ export declare const PTabsBar: import("react").ForwardRefExoticComponent<import(
     /**
      * Adapts the background gradient color of prev and next button.
      */
-    gradientColor?: "background-base" | "background-surface" | undefined;
+    gradientColor?: TabsBarGradientColor;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
      */
-    gradientColorScheme?: "default" | "surface" | undefined;
+    gradientColorScheme?: TabsBarGradientColorScheme;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when active tab is changed.
      */
-    onTabChange?: ((event: CustomEvent<TabsBarUpdateEventDetail>) => void) | undefined;
+    onTabChange?: (event: CustomEvent<TabsBarUpdateEventDetail>) => void;
     /**
      * Emitted when active tab is changed.
      */
-    onUpdate?: ((event: CustomEvent<TabsBarUpdateEventDetail>) => void) | undefined;
+    onUpdate?: (event: CustomEvent<TabsBarUpdateEventDetail>) => void;
     /**
      * The text size.
      */
-    size?: BreakpointCustomizable<"small" | "medium"> | undefined;
+    size?: BreakpointCustomizable<TabsBarSize>;
     /**
      * Adapts the color when used on dark background.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
     /**
      * The text weight.
      */
-    weight?: "regular" | "semi-bold" | "semibold" | undefined;
+    weight?: TabsBarWeight;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/tabs-item.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 export type PTabsItemProps = BaseProps & {
     /**
@@ -12,5 +11,5 @@ export declare const PTabsItem: import("react").ForwardRefExoticComponent<import
      */
     label: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/tabs.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { TabsGradientColor, TabsGradientColorScheme, TabsUpdateEventDetail, BreakpointCustomizable, TabsSize, Theme, TabsWeight } from '../types';
 export type PTabsProps = BaseProps & {
@@ -39,35 +38,35 @@ export declare const PTabs: import("react").ForwardRefExoticComponent<import("re
     /**
      * Defines which tab to be visualized as selected (zero-based numbering).
      */
-    activeTabIndex?: number | undefined;
+    activeTabIndex?: number;
     /**
      * Adapts the background gradient color of prev and next button.
      */
-    gradientColor?: "background-base" | "background-surface" | undefined;
+    gradientColor?: TabsGradientColor;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
      */
-    gradientColorScheme?: "default" | "surface" | undefined;
+    gradientColorScheme?: TabsGradientColorScheme;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when active tab is changed.
      */
-    onTabChange?: ((event: CustomEvent<TabsUpdateEventDetail>) => void) | undefined;
+    onTabChange?: (event: CustomEvent<TabsUpdateEventDetail>) => void;
     /**
      * Emitted when active tab is changed.
      */
-    onUpdate?: ((event: CustomEvent<TabsUpdateEventDetail>) => void) | undefined;
+    onUpdate?: (event: CustomEvent<TabsUpdateEventDetail>) => void;
     /**
      * The text size.
      */
-    size?: BreakpointCustomizable<"small" | "medium"> | undefined;
+    size?: BreakpointCustomizable<TabsSize>;
     /**
      * Adapts the color when used on dark background.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
     /**
      * The text weight.
      */
-    weight?: "regular" | "semi-bold" | "semibold" | undefined;
+    weight?: TabsWeight;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/tag-dismissible.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { SelectedAriaAttributes, TagDismissibleAriaAttribute, TagDismissibleColor, Theme } from '../types';
 export type PTagDismissibleProps = BaseProps & {
@@ -23,19 +22,19 @@ export declare const PTagDismissible: import("react").ForwardRefExoticComponent<
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
+    aria?: SelectedAriaAttributes<TagDismissibleAriaAttribute>;
     /**
      * Background color variations
      */
-    color?: "background-base" | "background-surface" | "background-default" | undefined;
+    color?: TagDismissibleColor;
     /**
      * The label text.
      */
-    label?: string | undefined;
+    label?: string;
     /**
      * Adapts the color when used on dark background.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/tag.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { TagColor, TagIcon, Theme } from '../types';
 export type PTagProps = BaseProps & {
@@ -6,6 +5,10 @@ export type PTagProps = BaseProps & {
      * Background color variations depending on theme property.
      */
     color?: TagColor;
+    /**
+     * Displays as compact version.
+     */
+    compact?: boolean;
     /**
      * The icon shown.
      */
@@ -23,19 +26,23 @@ export declare const PTag: import("react").ForwardRefExoticComponent<import("rea
     /**
      * Background color variations depending on theme property.
      */
-    color?: "background-base" | "background-surface" | "primary" | "notification-success" | "notification-warning" | "notification-error" | "neutral-contrast-high" | "notification-neutral" | "background-default" | "notification-info-soft" | "notification-warning-soft" | "notification-success-soft" | "notification-error-soft" | undefined;
+    color?: TagColor;
+    /**
+     * Displays as compact version.
+     */
+    compact?: boolean;
     /**
      * The icon shown.
      */
-    icon?: "list" | "copy" | "grid" | "document" | "search" | "switch" | "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-empty-co2" | "battery-empty-fuel" | "battery-full" | "bell" | "bookmark" | "bookmark-filled" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-class" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "download" | "duration" | "edit" | "email" | "error-filled" | "exclamation" | "external" | "filter" | "fingerprint" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "heart" | "heart-filled" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "information-filled" | "key" | "leaf" | "leather" | "light" | "locate" | "lock" | "lock-open" | "logo-apple-podcast" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-spotify" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-x" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "pin-filled" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "push-pin" | "push-pin-off" | "qr" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "roof-closed" | "roof-open" | "route" | "rss" | "save" | "screen" | "send" | "share" | "shopping-bag" | "shopping-bag-filled" | "shopping-cart" | "shopping-cart-filled" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "star-filled" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "success-filled" | "sun" | "tablet" | "tachometer" | "tire" | "truck" | "upload" | "user" | "user-filled" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "warning-filled" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out" | undefined;
+    icon?: TagIcon;
     /**
      * A URL path to a custom icon.
      */
-    iconSource?: string | undefined;
+    iconSource?: string;
     /**
      * Adapts the tag color depending on the theme.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/tag.wrapper.mjs

@@ -4,13 +4,13 @@ import { forwardRef, useRef } from 'react';
 import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
-const PTag = forwardRef(({ color = 'background-surface', icon, iconSource, theme, className, ...rest }, ref) => {
+const PTag = forwardRef(({ color = 'background-surface', compact = false, icon, iconSource, theme, className, ...rest }, ref) => {
     const elementRef = useRef();
     const WebComponentTag = usePrefix('p-tag');
-    const propsToSync = [color, icon, iconSource, theme || useTheme()];
+    const propsToSync = [color, compact, icon, iconSource, theme || useTheme()];
     useBrowserLayoutEffect(() => {
         const { current } = elementRef;
-        ['color', 'icon', 'iconSource', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+        ['color', 'compact', 'icon', 'iconSource', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
     const props = {
         ...rest,

package/esm/lib/components/text-field-wrapper.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { TextFieldWrapperActionIcon, BreakpointCustomizable, TextFieldWrapperState, Theme, TextFieldWrapperUnitPosition } from '../types';
 export type PTextFieldWrapperProps = BaseProps & {
@@ -67,63 +66,63 @@ export declare const PTextFieldWrapper: import("react").ForwardRefExoticComponen
     /**
      * Action icon can be set to `locate` for `input type="search"` in order to display an action button.
      */
-    actionIcon?: "locate" | undefined;
+    actionIcon?: TextFieldWrapperActionIcon;
     /**
      * Disables the action button and shows a loading indicator. No events will be triggered while loading state is active.
      */
-    actionLoading?: boolean | undefined;
+    actionLoading?: boolean;
     /**
      * The description text.
      */
-    description?: string | undefined;
+    description?: string;
     /**
      * Show or hide label and description text. For better accessibility it is recommended to show the label.
      */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    hideLabel?: BreakpointCustomizable<boolean>;
     /**
      * The label text.
      */
-    label?: string | undefined;
+    label?: string;
     /**
      * The message styled depending on validation state.
      */
-    message?: string | undefined;
+    message?: string;
     /**
      * Emitted when the action button is clicked.
      */
-    onAction?: ((event: CustomEvent<void>) => void) | undefined;
+    onAction?: (event: CustomEvent<void>) => void;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `showCounter` instead. Show or hide max character count.
      */
-    showCharacterCount?: boolean | undefined;
+    showCharacterCount?: boolean;
     /**
      * Show or hide max character count.
      */
-    showCounter?: boolean | undefined;
+    showCounter?: boolean;
     /**
      * @experimental Show or hide password toggle for `input type="password"`.
      */
-    showPasswordToggle?: boolean | undefined;
+    showPasswordToggle?: boolean;
     /**
      * The validation state.
      */
-    state?: "none" | "success" | "error" | undefined;
+    state?: TextFieldWrapperState;
     /**
      * Show search button if wrapped inside a form.
      */
-    submitButton?: boolean | undefined;
+    submitButton?: boolean;
     /**
      * Adapts the color depending on the theme.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
     /**
      * The unit text.
      */
-    unit?: string | undefined;
+    unit?: string;
     /**
      * The unit position.
      */
-    unitPosition?: "prefix" | "suffix" | undefined;
+    unitPosition?: TextFieldWrapperUnitPosition;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/text-list-item.wrapper.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 export type PTextListItemProps = BaseProps & {};
 export declare const PTextListItem: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/text-list.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { TextListListType, TextListOrderType, Theme, TextListType } from '../types';
 export type PTextListProps = BaseProps & {
@@ -23,19 +22,19 @@ export declare const PTextList: import("react").ForwardRefExoticComponent<import
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The type of the list.
      */
-    listType?: "unordered" | "ordered" | undefined;
+    listType?: TextListListType;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The list style type of ordered list. Only has effect when list type is set to 'ordered'.
      */
-    orderType?: "numbered" | "alphabetically" | undefined;
+    orderType?: TextListOrderType;
     /**
      * Adapts the text color depending on the theme.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
     /**
      * The list style type.
      */
-    type?: "unordered" | "numbered" | "alphabetically" | undefined;
+    type?: TextListType;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/text.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { TextAlign, TextColor, BreakpointCustomizable, TextSize, TextTag, Theme, TextWeight } from '../types';
 export type PTextProps = BaseProps & {
@@ -35,31 +34,31 @@ export declare const PText: import("react").ForwardRefExoticComponent<import("re
     /**
      * Text alignment of the component.
      */
-    align?: "center" | "start" | "end" | "left" | "right" | undefined;
+    align?: TextAlign;
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | undefined;
+    color?: TextColor;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
-    ellipsis?: boolean | undefined;
+    ellipsis?: boolean;
     /**
      * Size of the text. Also defines the size for specific breakpoints, like {base: "small", l: "medium"}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large" | "x-large" | "xx-small" | "x-small"> | undefined;
+    size?: BreakpointCustomizable<TextSize>;
     /**
      * Sets a custom HTML tag depending on the usage of the text component.
      */
-    tag?: "time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend" | undefined;
+    tag?: TextTag;
     /**
      * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
     /**
      * The weight of the text.
      */
-    weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
+    weight?: TextWeight;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/textarea-wrapper.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { BreakpointCustomizable, TextareaWrapperState, Theme } from '../types';
 export type PTextareaWrapperProps = BaseProps & {
@@ -39,35 +38,35 @@ export declare const PTextareaWrapper: import("react").ForwardRefExoticComponent
     /**
      * The description text.
      */
-    description?: string | undefined;
+    description?: string;
     /**
      * Show or hide label. For better accessibility it is recommended to show the label.
      */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    hideLabel?: BreakpointCustomizable<boolean>;
     /**
      * The label text.
      */
-    label?: string | undefined;
+    label?: string;
     /**
      * The message styled depending on validation state.
      */
-    message?: string | undefined;
+    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 | undefined;
+    showCharacterCount?: boolean;
     /**
      * Show or hide max character count.
      */
-    showCounter?: boolean | undefined;
+    showCounter?: boolean;
     /**
      * The validation state.
      */
-    state?: "none" | "success" | "error" | undefined;
+    state?: TextareaWrapperState;
     /**
      * Adapts the color depending on the theme.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/toast.wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { Theme } from '../types';
 export type PToastProps = BaseProps & {
@@ -11,5 +10,5 @@ export declare const PToast: import("react").ForwardRefExoticComponent<import("r
     /**
      * Adapts the toast color depending on the theme.
      */
-    theme?: "light" | "dark" | "auto" | undefined;
+    theme?: Theme;
 } & import("react").RefAttributes<HTMLElement>>;