@porsche-design-system/components-react 3.32.0 → 4.0.0-beta.0

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

@@ -1,129 +0,0 @@
-import type { BaseProps } from '../../BaseProps';
-import type { TextFieldWrapperActionIcon, BreakpointCustomizable, TextFieldWrapperState, Theme, TextFieldWrapperUnitPosition } from '../types';
-export type PTextFieldWrapperProps = BaseProps & {
-    /**
-     * Action icon can be set to `locate` for `input type="search"` in order to display an action button.
-     */
-    actionIcon?: TextFieldWrapperActionIcon;
-    /**
-     * Disables the action button and shows a loading indicator. No events will be triggered while loading state is active.
-     */
-    actionLoading?: boolean;
-    /**
-     * The description text.
-     */
-    description?: string;
-    /**
-     * Show or hide label and description text. 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;
-    /**
-     * Emitted when the action button is clicked.
-     */
-    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;
-    /**
-     * Show or hide max character count.
-     */
-    showCounter?: boolean;
-    /**
-     * @experimental Show or hide password toggle for `input type="password"`.
-     */
-    showPasswordToggle?: boolean;
-    /**
-     * The validation state.
-     */
-    state?: TextFieldWrapperState;
-    /**
-     * Show search button if wrapped inside a form.
-     */
-    submitButton?: boolean;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
-    /**
-     * The unit text.
-     */
-    unit?: string;
-    /**
-     * The unit position.
-     */
-    unitPosition?: TextFieldWrapperUnitPosition;
-};
-/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
-export declare const PTextFieldWrapper: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    /**
-     * Action icon can be set to `locate` for `input type="search"` in order to display an action button.
-     */
-    actionIcon?: TextFieldWrapperActionIcon;
-    /**
-     * Disables the action button and shows a loading indicator. No events will be triggered while loading state is active.
-     */
-    actionLoading?: boolean;
-    /**
-     * The description text.
-     */
-    description?: string;
-    /**
-     * Show or hide label and description text. 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;
-    /**
-     * Emitted when the action button is clicked.
-     */
-    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;
-    /**
-     * Show or hide max character count.
-     */
-    showCounter?: boolean;
-    /**
-     * @experimental Show or hide password toggle for `input type="password"`.
-     */
-    showPasswordToggle?: boolean;
-    /**
-     * The validation state.
-     */
-    state?: TextFieldWrapperState;
-    /**
-     * Show search button if wrapped inside a form.
-     */
-    submitButton?: boolean;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
-    /**
-     * The unit text.
-     */
-    unit?: string;
-    /**
-     * The unit position.
-     */
-    unitPosition?: TextFieldWrapperUnitPosition;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,73 +0,0 @@
-import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, TextareaWrapperState, Theme } from '../types';
-export type PTextareaWrapperProps = BaseProps & {
-    /**
-     * 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;
-};
-/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
-export declare const PTextareaWrapper: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    /**
-     * 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;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLElement>>;

package/ssr/esm/lib/dsr-components/button-group.d.ts

@@ -1,9 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "", "description": "Default slot for the buttons to group." }
- * @deprecated since v3.32.0, will be removed with next major release. Use simple styles instead.
- */
-export declare class DSRButtonGroup extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/checkbox-wrapper.d.ts

@@ -1,14 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "", "description": "Default slot for the input." }
- * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- *
- * @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead.
- */
-export declare class DSRCheckboxWrapper extends Component<any> {
-    host: HTMLElement;
-    private initialLoading;
-    private input;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/content-wrapper.d.ts

@@ -1,9 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "", "description": "Default slot for main content." }
- * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead.
- */
-export declare class DSRContentWrapper extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/fieldset-wrapper.d.ts

@@ -1,12 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "", "description": "Default slot for the main content." }
- * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- *
- * @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead.
- */
-export declare class DSRFieldsetWrapper extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/flex-item.d.ts

@@ -1,9 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "", "description": "Default slot for the main content." }
- * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead.
- */
-export declare class DSRFlexItem extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/flex.d.ts

@@ -1,9 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "", "description": "Default slot for the flex items." }
- * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead.
- */
-export declare class DSRFlex extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/grid-item.d.ts

@@ -1,10 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "", "description": "Default slot to render the content." }
- *
- * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead.
- */
-export declare class DSRGridItem extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/grid.d.ts

@@ -1,10 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "", "description": "Default slot to render p-grid-item tags." }
- *
- * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead.
- */
-export declare class DSRGrid extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/headline.d.ts

@@ -1,10 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "", "description": "Default slot to render the headline." }
- *
- * @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead.
- */
-export declare class DSRHeadline extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/legacy-label.d.ts

@@ -1,14 +0,0 @@
-import type { FC } from 'react';
-type FormElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-type LegacyLabelProps = {
-    hasLabel: boolean;
-    hasDescription: boolean;
-    formElement?: FormElement;
-    host: HTMLElement;
-    label: string;
-    description?: string;
-    isLoading?: boolean;
-    isDisabled?: boolean;
-};
-export declare const LegacyLabel: FC<LegacyLabelProps>;
-export {};

package/ssr/esm/lib/dsr-components/link-social.d.ts

@@ -1,10 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "", "description": "Default slot to render the link label." }
- *
- * @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead.
- */
-export declare class DSRLinkSocial extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/link-tile-model-signature.d.ts

@@ -1,11 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "header", "description": "Renders a header section above the content area." }
- * @slot {"name": "", "description": "Default slot for the img or picture tag." }
- * @slot {"name": "primary", "description": "Renders the primary link. Has to be a p-link tag.", "isRequired": true, "allowedTagNames": ["p-link"] }
- * @slot {"name": "secondary", "description": "Renders the secondary link. Has to be a p-link tag.", "isRequired": true, "allowedTagNames": ["p-link"] }
- */
-export declare class DSRLinkTileModelSignature extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/marque.d.ts

@@ -1,6 +0,0 @@
-import { Component } from 'react';
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
-export declare class DSRMarque extends Component<any> {
-    host: HTMLElement;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/radio-button-wrapper.d.ts

@@ -1,14 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "", "description": "Default slot for the input." }
- * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- *
- * @deprecated since v3.30.0, will be removed with next major release. Please use `p-radio-group` instead.
- */
-export declare class DSRRadioButtonWrapper extends Component<any> {
-    host: HTMLElement;
-    private initialLoading;
-    private input;
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/select-wrapper-dropdown.d.ts

@@ -1,13 +0,0 @@
-import { Component } from 'react';
-export declare class DSRSelectWrapperDropdown extends Component<any> {
-    host: HTMLElement;
-    private isOpen;
-    private optionMaps;
-    private searchString;
-    private inputOrButtonElement;
-    private popoverElement;
-    private hasNativePopoverSupport;
-    private cleanUpAutoUpdate;
-    private get selectedIndex();
-    render(): JSX.Element;
-}

package/ssr/esm/lib/dsr-components/select-wrapper.d.ts

@@ -1,15 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "", "description": "Default slot for the `select` tag." }
- * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- *
- * @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead.
- */
-export declare class DSRSelectWrapper extends Component<any> {
-    host: HTMLElement;
-    private select;
-    private iconElement;
-    render(): JSX.Element;
-}

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

@@ -1,28 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "", "description": "Default slot for the input." }
- * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- *
- * @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`.
- */
-export declare class DSRTextFieldWrapper extends Component<any> {
-    host: HTMLElement;
-    private showPassword;
-    private isClearable;
-    private input;
-    private unitOrCounterElement;
-    private ariaElement;
-    private isSearch;
-    private isPassword;
-    private isCalendar;
-    private isTime;
-    private isWithinForm;
-    private hasAction;
-    private hasCounter;
-    private isCounterVisible;
-    private hasUnit;
-    private eventListener;
-    render(): JSX.Element;
-}

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

@@ -1,18 +0,0 @@
-import { Component } from 'react';
-/**
- * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "", "description": "Default slot for the textarea." }
- * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- *
- * @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead.
- */
-export declare class DSRTextareaWrapper extends Component<any> {
-    host: HTMLElement;
-    private textarea;
-    private counterElement;
-    private ariaElement;
-    private hasCounter;
-    private eventListener;
-    render(): JSX.Element;
-}

package/styles/_index.scss

@@ -1 +0,0 @@
-@forward '@porsche-design-system/components-js/styles';

package/styles/esm/index.d.ts

@@ -1 +0,0 @@
-export * from '@porsche-design-system/components-js/styles';

package/styles/esm/index.mjs

@@ -1 +0,0 @@
-export * from '@porsche-design-system/components-js/styles';

package/styles/vanilla-extract/esm/vanilla-extract/index.d.ts

@@ -1 +0,0 @@
-export * from '@porsche-design-system/components-js/styles/vanilla-extract';

package/styles/vanilla-extract/esm/vanilla-extract/index.mjs

@@ -1 +0,0 @@
-export * from '@porsche-design-system/components-js/styles/vanilla-extract';