@db-ux/wc-core-components 4.4.2 → 4.5.0

package/dist/types/components/notification/notification.d.ts

@@ -10,6 +10,7 @@ export declare class DBNotification {
     private _ref;
     close: EventEmitter<Parameters<Required<DBNotificationProps>["onClose"]>[number]> | void;
     id: DBNotificationProps["id"];
+    propOverrides: DBNotificationProps["propOverrides"];
     className: DBNotificationProps["className"];
     semantic: DBNotificationProps["semantic"];
     role: DBNotificationProps["role"];

package/dist/types/components/page/page.d.ts

@@ -10,6 +10,7 @@ export declare class DBPage {
     documentOverflow: DBPageProps["documentOverflow"];
     variant: DBPageProps["variant"];
     id: DBPageProps["id"];
+    propOverrides: DBPageProps["propOverrides"];
     className: DBPageProps["className"];
     mainClass: DBPageProps["mainClass"];
     fontsLoaded: boolean;

package/dist/types/components/popover/popover.d.ts

@@ -7,6 +7,7 @@ export declare class DBPopover {
     private _ref;
     placement: DBPopoverProps["placement"];
     id: DBPopoverProps["id"];
+    propOverrides: DBPopoverProps["propOverrides"];
     className: DBPopoverProps["className"];
     spacing: DBPopoverProps["spacing"];
     gap: DBPopoverProps["gap"];

package/dist/types/components/radio/radio.d.ts

@@ -8,6 +8,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 export declare class DBRadio {
     private _ref;
     id: DBRadioProps["id"];
+    propOverrides: DBRadioProps["propOverrides"];
     checked: DBRadioProps["checked"];
     input: EventEmitter<Parameters<Required<DBRadioProps>["onInput"]>[number]> | void;
     change: EventEmitter<Parameters<Required<DBRadioProps>["onChange"]>[number]> | void;
@@ -30,6 +31,7 @@ export declare class DBRadio {
     handleChange(event: ChangeEvent<HTMLInputElement> | any, reset?: boolean): void;
     handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
     handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
+    resetIds(): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -40,6 +42,8 @@ export declare class DBRadio {
     watch0(): void;
     watch1Fn(): void;
     watch1(): void;
+    watch2Fn(): void;
+    watch2(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     render(): any;

package/dist/types/components/section/section.d.ts

@@ -6,6 +6,7 @@ import { DBSectionProps } from "./model";
 export declare class DBSection {
     private _ref;
     id: DBSectionProps["id"];
+    propOverrides: DBSectionProps["propOverrides"];
     className: DBSectionProps["className"];
     spacing: DBSectionProps["spacing"];
     width: DBSectionProps["width"];

package/dist/types/components/select/select.d.ts

@@ -7,8 +7,9 @@ import { EventEmitter } from "../../stencil-public-runtime";
  */
 export declare class DBSelect {
     private _ref;
-    id: DBSelectProps["id"];
     invalidMessage: DBSelectProps["invalidMessage"];
+    id: DBSelectProps["id"];
+    propOverrides: DBSelectProps["propOverrides"];
     message: DBSelectProps["message"];
     showMessage: DBSelectProps["showMessage"];
     placeholder: DBSelectProps["placeholder"];
@@ -57,6 +58,7 @@ export declare class DBSelect {
     handleFocus(event: InteractionEvent<HTMLSelectElement> | any): void;
     getOptionLabel(option: DBSelectOptionType): string;
     shouldShowEmptyOption(): boolean;
+    resetIds(): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -71,6 +73,8 @@ export declare class DBSelect {
     watch2(): void;
     watch3Fn(): void;
     watch3(): void;
+    watch4Fn(): void;
+    watch4(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     render(): any;

package/dist/types/components/stack/stack.d.ts

@@ -6,6 +6,7 @@ import { DBStackProps } from "./model";
 export declare class DBStack {
     private _ref;
     id: DBStackProps["id"];
+    propOverrides: DBStackProps["propOverrides"];
     className: DBStackProps["className"];
     gap: DBStackProps["gap"];
     variant: DBStackProps["variant"];

package/dist/types/components/switch/model.d.ts

@@ -9,7 +9,7 @@ export type DBSwitchDefaultProps = {
      */
     variant?: LabelVariantHorizontalType;
 };
-export type DBSwitchProps = GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & FormMessageProps & SizeProps & IconProps & IconTrailingProps & IconLeadingProps & DBSwitchDefaultProps;
+export type DBSwitchProps = GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & Omit<FormMessageProps, 'variant'> & SizeProps & IconProps & IconTrailingProps & IconLeadingProps & DBSwitchDefaultProps;
 export type DBSwitchDefaultState = {
     handleKeyDown: (event: GeneralKeyboardEvent<HTMLInputElement>) => void;
 };

package/dist/types/components/switch/switch.d.ts

@@ -7,13 +7,14 @@ import { EventEmitter } from "../../stencil-public-runtime";
  */
 export declare class DBSwitch {
     private _ref;
+    invalidMessage: DBSwitchProps["invalidMessage"];
     id: DBSwitchProps["id"];
+    propOverrides: DBSwitchProps["propOverrides"];
     validation: DBSwitchProps["validation"];
     required: DBSwitchProps["required"];
     message: DBSwitchProps["message"];
     showMessage: DBSwitchProps["showMessage"];
     validMessage: DBSwitchProps["validMessage"];
-    invalidMessage: DBSwitchProps["invalidMessage"];
     checked: DBSwitchProps["checked"];
     change: EventEmitter<Parameters<Required<DBSwitchProps>["onChange"]>[number]> | void;
     blur: EventEmitter<Parameters<Required<DBSwitchProps>["onBlur"]>[number]> | void;
@@ -46,6 +47,7 @@ export declare class DBSwitch {
     handleBlur(event: InteractionEvent<HTMLInputElement>): void;
     handleFocus(event: InteractionEvent<HTMLInputElement>): void;
     handleKeyDown(event: GeneralKeyboardEvent<HTMLInputElement>): void;
+    resetIds(): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -56,6 +58,10 @@ export declare class DBSwitch {
     watch0(): void;
     watch1Fn(): void;
     watch1(): void;
+    watch2Fn(): void;
+    watch2(): void;
+    watch3Fn(): void;
+    watch3(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     render(): any;

package/dist/types/components/tab-item/tab-item.d.ts

@@ -11,6 +11,7 @@ export declare class DBTabItem {
     change: EventEmitter<Parameters<Required<DBTabItemProps>["onChange"]>[number]> | void;
     className: DBTabItemProps["className"];
     id: DBTabItemProps["id"];
+    propOverrides: DBTabItemProps["propOverrides"];
     iconLeading: DBTabItemProps["iconLeading"];
     icon: DBTabItemProps["icon"];
     iconTrailing: DBTabItemProps["iconTrailing"];

package/dist/types/components/tab-list/tab-list.d.ts

@@ -6,6 +6,7 @@ import { DBTabListProps } from "./model";
 export declare class DBTabList {
     private _ref;
     id: DBTabListProps["id"];
+    propOverrides: DBTabListProps["propOverrides"];
     className: DBTabListProps["className"];
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.

package/dist/types/components/tab-panel/tab-panel.d.ts

@@ -7,6 +7,7 @@ export declare class DBTabPanel {
     private _ref;
     className: DBTabPanelProps["className"];
     id: DBTabPanelProps["id"];
+    propOverrides: DBTabPanelProps["propOverrides"];
     content: DBTabPanelProps["content"];
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.

package/dist/types/components/tabs/tabs.d.ts

@@ -17,6 +17,7 @@ export declare class DBTabs {
     indexChange: EventEmitter<Parameters<Required<DBTabsProps>["onIndexChange"]>[number]> | void;
     tabSelect: EventEmitter<Parameters<Required<DBTabsProps>["onTabSelect"]>[number]> | void;
     id: DBTabsProps["id"];
+    propOverrides: DBTabsProps["propOverrides"];
     className: DBTabsProps["className"];
     alignment: DBTabsProps["alignment"];
     width: DBTabsProps["width"];

package/dist/types/components/tag/model.d.ts

@@ -1,4 +1,4 @@
-import { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model';
+import { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, NoTextProps, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model';
 export declare const TagBehaviorList: readonly ["static", "removable"];
 export type TagBehaviorType = (typeof TagBehaviorList)[number];
 export type DBTagEventsProps = {
@@ -18,10 +18,6 @@ export type DBTagDefaultProps = {
      *  - removable: add a remove button at the end of the tag
      */
     behavior?: TagBehaviorType | string;
-    /**
-     * Define the text next to the icon specified via the icon Property to get hidden.
-     */
-    noText?: boolean | string;
     /**
      * The removeButton attribute shows the cancel button.
      */
@@ -39,7 +35,7 @@ export type DBTagDefaultProps = {
      */
     value?: string;
 };
-export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & EmphasisProps & ShowIconProps & ContentSlotProps & DBTagEventsProps;
+export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & EmphasisProps & ShowIconProps & ContentSlotProps & DBTagEventsProps & NoTextProps;
 export type DBTagDefaultState = {
     getRemoveButtonText: () => string;
     handleRemove: (event?: ClickEvent<HTMLButtonElement> | void) => void;

package/dist/types/components/tag/tag.d.ts

@@ -10,6 +10,7 @@ export declare class DBTag {
     remove: EventEmitter<Parameters<Required<DBTagProps>["remove"]>[number]> | void;
     removeButton: DBTagProps["removeButton"];
     id: DBTagProps["id"];
+    propOverrides: DBTagProps["propOverrides"];
     className: DBTagProps["className"];
     semantic: DBTagProps["semantic"];
     emphasis: DBTagProps["emphasis"];

package/dist/types/components/textarea/textarea.d.ts

@@ -7,8 +7,9 @@ import { EventEmitter } from "../../stencil-public-runtime";
  */
 export declare class DBTextarea {
     private _ref;
-    id: DBTextareaProps["id"];
     invalidMessage: DBTextareaProps["invalidMessage"];
+    id: DBTextareaProps["id"];
+    propOverrides: DBTextareaProps["propOverrides"];
     message: DBTextareaProps["message"];
     showMessage: DBTextareaProps["showMessage"];
     value: DBTextareaProps["value"];
@@ -59,6 +60,7 @@ export declare class DBTextarea {
     handleChange(event: ChangeEvent<HTMLTextAreaElement>, reset?: boolean): void;
     handleBlur(event: InteractionEvent<HTMLTextAreaElement> | any): void;
     handleFocus(event: InteractionEvent<HTMLTextAreaElement> | any): void;
+    resetIds(): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -73,6 +75,8 @@ export declare class DBTextarea {
     watch2(): void;
     watch3Fn(): void;
     watch3(): void;
+    watch4Fn(): void;
+    watch4(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     render(): any;

package/dist/types/components/tooltip/model.d.ts

@@ -1,4 +1,4 @@
-import { ClickEventState, DocumentScrollState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState } from '../../shared/model';
+import { ClickEventState, DocumentScrollState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, ResetIdState, WrapProps } from '../../shared/model';
 export declare const TooltipVariantList: readonly ["description", "label"];
 export type TooltipVariantType = (typeof TooltipVariantList)[number];
 export type DBTooltipDefaultProps = {
@@ -13,8 +13,8 @@ export type DBTooltipDefaultProps = {
      */
     variant?: TooltipVariantType;
 };
-export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps;
+export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps & WrapProps;
 export type DBTooltipDefaultState = {
     getParent: () => HTMLElement;
 };
-export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState & DocumentScrollState;
+export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState & DocumentScrollState & ResetIdState;

package/dist/types/components/tooltip/tooltip.d.ts

@@ -7,10 +7,12 @@ import { DBTooltipProps } from "./model";
 export declare class DBTooltip {
     private _ref;
     id: DBTooltipProps["id"];
+    propOverrides: DBTooltipProps["propOverrides"];
     variant: DBTooltipProps["variant"];
     placement: DBTooltipProps["placement"];
     className: DBTooltipProps["className"];
     emphasis: DBTooltipProps["emphasis"];
+    wrap: DBTooltipProps["wrap"];
     animation: DBTooltipProps["animation"];
     delay: DBTooltipProps["delay"];
     width: DBTooltipProps["width"];
@@ -26,6 +28,7 @@ export declare class DBTooltip {
     handleDocumentScroll(event: any, parent?: HTMLElement): void;
     handleLeave(): void;
     handleEnter(parent?: HTMLElement): void;
+    resetIds(): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component