@porsche-design-system/components-react 2.18.0-rc.0 → 2.18.0-rc.2

package/ssr/lib/components/spinner.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, SpinnerAriaAttributes, SpinnerSize, ThemeExtendedElectricDark } from '../types';
-export declare type PSpinnerProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PSpinnerProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Add ARIA attributes.
      */

package/ssr/lib/components/stepper-horizontal-item.wrapper.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { StepperState } from '../types';
-export declare type PStepperHorizontalItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PStepperHorizontalItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Disables the stepper-horizontal-item. No events will be triggered while disabled state is active.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { StepChangeEvent, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
-export declare type PStepperHorizontalProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PStepperHorizontalProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Emitted when active step is changed.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { AlignLabel, BreakpointCustomizable, SwitchChangeEvent, ThemeExtendedElectric } from '../types';
-export declare type PSwitchProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PSwitchProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Aligns the label.
      */

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare type PTableBodyProps = Omit<HTMLAttributes<{}>, 'color'> & {};
+export type PTableBodyProps = Omit<HTMLAttributes<{}>, 'color'> & {};
 export declare const PTableBody: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare type PTableCellProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTableCellProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Displays slotted text multiline or forced into a single line.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { TableHeadCellSort } from '../types';
-export declare type PTableHeadCellProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTableHeadCellProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Hides the label but stays accessible for screen readers. This property only takes effect when sort property is not defined.
      */

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare type PTableHeadRowProps = Omit<HTMLAttributes<{}>, 'color'> & {};
+export type PTableHeadRowProps = Omit<HTMLAttributes<{}>, 'color'> & {};
 export declare const PTableHeadRow: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare type PTableHeadProps = Omit<HTMLAttributes<{}>, 'color'> & {};
+export type PTableHeadProps = Omit<HTMLAttributes<{}>, 'color'> & {};
 export declare const PTableHead: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare type PTableRowProps = Omit<HTMLAttributes<{}>, 'color'> & {};
+export type PTableRowProps = Omit<HTMLAttributes<{}>, 'color'> & {};
 export declare const PTableRow: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SortingChangeEvent } from '../types';
-export declare type PTableProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTableProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * 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.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { TabGradientColorTheme, TabChangeEvent, BreakpointCustomizable, TabSize, ThemeExtendedElectric, TabWeight } from '../types';
-export declare type PTabsBarProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTabsBarProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines which tab to be visualized as selected (zero-based numbering), undefined if none should be selected.
      */

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare type PTabsItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTabsItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines the label used in tabs.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { TabGradientColorTheme, TabChangeEvent, BreakpointCustomizable, TabSize, ThemeExtendedElectric, TabWeight } from '../types';
-export declare type PTabsProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTabsProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines which tab to be visualized as selected (zero-based numbering).
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, TagDismissibleAriaAttribute, TagDismissibleColor } from '../types';
-export declare type PTagDismissibleProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTagDismissibleProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Add ARIA attributes.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { TagColor, IconName, Theme } from '../types';
-export declare type PTagProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTagProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Background color variations depending on theme property.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { IconName, BreakpointCustomizable, FormState, TextFieldWrapperUnitPosition } from '../types';
-export declare type PTextFieldWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTextFieldWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Action icon can be set to `locate` for `input type="search"` in order to display an action button.
      */

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare type PTextListItemProps = Omit<HTMLAttributes<{}>, 'color'> & {};
+export type PTextListItemProps = Omit<HTMLAttributes<{}>, 'color'> & {};
 export declare const PTextListItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { ListType, OrderType, Theme } from '../types';
-export declare type PTextListProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTextListProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The type of the text list.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { TextAlign, TextColor, BreakpointCustomizable, TextSize, TextTag, Theme, TextWeight } from '../types';
-export declare type PTextProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTextProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Text alignment of the component.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, FormState } from '../types';
-export declare type PTextareaWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PTextareaWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * The description text.
      */

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import type { Theme } from '../types';
-export declare type PToastProps = Omit<HTMLAttributes<{}>, 'color'> & {
+export type PToastProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Adapts the toast color depending on the theme.
      */

package/ssr/lib/dsr-components/button-pure.d.ts

@@ -1,10 +1,6 @@
 import { Component } from 'react';
 export declare class DSRButtonPure extends Component<any> {
     host: HTMLElement;
-    private buttonTag;
-    private iconTag;
-    private labelTag;
-    private sublineTag;
     private get isDisabledOrLoading();
     render(): JSX.Element;
 }

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

@@ -1,6 +1,5 @@
 import { Component } from 'react';
 export declare class DSRHeadline extends Component<any> {
     host: HTMLElement;
-    private headlineTag;
     render(): JSX.Element;
 }

package/ssr/lib/dsr-components/link-pure.d.ts

@@ -1,9 +1,5 @@
 import { Component } from 'react';
 export declare class DSRLinkPure extends Component<any> {
     host: HTMLElement;
-    private linkTag;
-    private iconTag;
-    private labelTag;
-    private sublineTag;
     render(): JSX.Element;
 }

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

@@ -4,7 +4,6 @@ export declare class DSRSelectWrapperDropdown extends Component<any> {
     private isOpen;
     private optionMaps;
     private searchString;
-    private buttonElement;
     private inputElement;
     private listElement;
     private get selectedIndex();

package/ssr/lib/dsr-components/state-message.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from 'react';
-declare type StateMessageProps = {
+type StateMessageProps = {
     id?: string;
     state: any;
     message: string;

package/ssr/lib/dsr-components/switch.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-export declare type SwitchChangeEvent = {
+export type SwitchChangeEvent = {
     checked: boolean;
 };
 export declare class DSRSwitch extends Component<any> {

package/ssr/lib/dsr-components/text.d.ts

@@ -1,6 +1,5 @@
 import { Component } from 'react';
 export declare class DSRText extends Component<any> {
     host: HTMLElement;
-    private textTag;
     render(): JSX.Element;
 }

package/ssr/lib/types.d.ts

@@ -1,4 +1,4 @@
-export declare type IconName = "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-full" | "bell" | "bookmark" | "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-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "document" | "download" | "duration" | "edit" | "email" | "exclamation" | "external" | "filter" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "grid" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "key" | "leaf" | "leather" | "light" | "list" | "locate" | "lock" | "lock-open" | "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-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "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" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "route" | "rss" | "save" | "screen" | "search" | "send" | "share" | "shopping-bag" | "shopping-cart" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "sun" | "switch" | "tablet" | "tachometer" | "truck" | "upload" | "user" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out";
+export type IconName = "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-full" | "bell" | "bookmark" | "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-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "document" | "download" | "duration" | "edit" | "email" | "exclamation" | "external" | "filter" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "grid" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "key" | "leaf" | "leather" | "light" | "list" | "locate" | "lock" | "lock-open" | "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-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "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" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "route" | "rss" | "save" | "screen" | "search" | "send" | "share" | "shopping-bag" | "shopping-cart" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "sun" | "switch" | "tablet" | "tachometer" | "truck" | "upload" | "user" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out";
 declare const FORM_STATES: readonly [
     "none",
     "error",
@@ -333,10 +333,10 @@ export declare type AriaAttributes = {
     /** Defines the human readable text alternative of aria-valuenow for a range widget. */
     "aria-valuetext"?: string | undefined;
 };
-export declare type LinkButtonPureIconName = IconName | "none";
-export declare type ButtonVariant = LinkButtonVariant;
-export declare type LinkVariant = LinkButtonVariant;
-export declare type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T> | string;
+export type LinkButtonPureIconName = IconName | "none";
+export type ButtonVariant = LinkButtonVariant;
+export type LinkVariant = LinkButtonVariant;
+export type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T> | string;
 declare const ACCORDION_SIZES: readonly [
     "small",
     "medium"

package/ssr/provider.d.ts

@@ -2,7 +2,7 @@ import type { PropsWithChildren } from 'react';
 export declare const PorscheDesignSystemContext: import("react").Context<{
     prefix: any;
 }>;
-declare type Props = {
+type Props = {
     prefix?: string;
 };
 export declare const PorscheDesignSystemProvider: ({ prefix, ...props }: PropsWithChildren<Props>) => JSX.Element;

package/testing/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var dom = require('@testing-library/dom');
 
 const getHTMLElementsWithShadowRoot = (container) => {

package/testing.d.ts

@@ -1,5 +1,5 @@
 import type { GetByRole, GetByText } from '@testing-library/dom';
-declare type RemoveFirst<T extends any[]> = T['length'] extends 0 ? undefined : ((...b: T) => void) extends (a: any, ...b: infer I) => void ? I : [];
+type RemoveFirst<T extends any[]> = T['length'] extends 0 ? undefined : ((...b: T) => void) extends (a: any, ...b: infer I) => void ? I : [];
 export declare function getByRoleShadowed<T extends HTMLElement>(...args: Parameters<GetByRole<T>>): T;
 export declare function getByRoleShadowed<T extends HTMLElement>(...args: RemoveFirst<Parameters<GetByRole<T>>>): T;
 export declare function getByLabelTextShadowed<T extends HTMLElement>(...args: Parameters<GetByText<T>>): T;

package/utilities/js/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var js = require('@porsche-design-system/components-js/utilities/js');
 
 

package/utils.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 const splitToArray =  (str) => str.split(' ').filter((str) => str);
 const getMergedClassName =  (domClassName, oldClassName = '', newClassName = '') => {
     // classes previously set by component