@duetds/components 6.6.1 → 6.7.0

package/lib/types/components/duet-button/duet-button.d.ts

@@ -2,12 +2,12 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, FormComponent, ThemeableComponent } from "../../common";
 import { DuetColor, DuetIconName, DuetMargin, DuetPadding, DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetButtonVariation = "default" | "primary" | "secondary" | "negative" | "destructive" | "destructive-primary" | "destructive-secondary" | "plain" | "input-button-primary" | "input-button-secondary" | "input-button-embedded";
-export declare type DuetButtonNegative = true | false | undefined;
-export declare type DuetButtonWrapping = "auto" | "none";
-export declare type DuetButtonTextCentering = true | false | undefined;
-export declare type DuetButtonIconSize = "small" | "medium-small" | "medium" | "large";
-export declare type DuetButtonSize = "small" | "medium";
+export type DuetButtonVariation = "default" | "primary" | "secondary" | "negative" | "destructive" | "destructive-primary" | "destructive-secondary" | "plain" | "input-button-primary" | "input-button-secondary" | "input-button-embedded";
+export type DuetButtonNegative = true | false | undefined;
+export type DuetButtonWrapping = "auto" | "none";
+export type DuetButtonTextCentering = true | false | undefined;
+export type DuetButtonIconSize = "small" | "medium-small" | "medium" | "large";
+export type DuetButtonSize = "small" | "medium";
 export declare class DuetButton implements ThemeableComponent, FormComponent, A11yComponent {
   /**
    * Own Properties

package/lib/types/components/duet-caption/duet-caption.d.ts

@@ -1,6 +1,6 @@
 import { DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetCaptionSize = "small" | "medium";
+export type DuetCaptionSize = "small" | "medium";
 export declare class DuetCaption implements ThemeableComponent {
   /**
    * Theme of the caption.

package/lib/types/components/duet-card/duet-card.d.ts

@@ -2,9 +2,9 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { ThemeableComponent } from "../../common";
 import { DuetColor, DuetHeadingLevel, DuetIconName, DuetMargin, DuetTheme } from "../../common-types";
 import { DuetBreakpoints } from "../../utils/token-utils";
-export declare type DuetCardVariation = "default" | "info" | "plain";
-export declare type DuetCardPadding = "x-large" | "large" | "medium" | "small" | "x-small" | "xx-small" | "none";
-export declare type DuetCardToggleEvent = {
+export type DuetCardVariation = "default" | "info" | "plain";
+export type DuetCardPadding = "x-large" | "large" | "medium" | "small" | "x-small" | "xx-small" | "none";
+export type DuetCardToggleEvent = {
   component: "duet-card";
   originalEvent: KeyboardEvent | MouseEvent;
 };

package/lib/types/components/duet-checkbox/duet-checkbox.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, InputComponent, ThemeableComponent } from "../../common";
 import { DuetMargin, DuetTheme } from "../../common-types";
-export declare type DuetCheckboxEvent = {
+export type DuetCheckboxEvent = {
   originalEvent?: Event;
   checked: boolean;
   value: string;

package/lib/types/components/duet-choice/duet-choice.d.ts

@@ -2,13 +2,13 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, InputComponent, ThemeableComponent } from "../../common";
 import { DuetDirection, DuetMargin, DuetPadding, DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetChoiceEvent = {
+export type DuetChoiceEvent = {
   originalEvent?: Event;
   checked: boolean;
   value: string;
   component: "duet-choice";
 };
-export declare type DuetChoiceType = "radio" | "checkbox";
+export type DuetChoiceType = "radio" | "checkbox";
 /**
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
  * @slot label - Label content.

package/lib/types/components/duet-collapsible/duet-collapsible.d.ts

@@ -1,9 +1,9 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetHeadingLevel, DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetCollapsibleWeight = "semibold" | "normal";
-export declare type DuetCollapsibleHeadingFontSize = "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large" | "xxxx-large" | undefined;
-export declare type DuetCollapsibleToggleEvent = {
+export type DuetCollapsibleWeight = "semibold" | "normal";
+export type DuetCollapsibleHeadingFontSize = "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large" | "xxxx-large" | undefined;
+export type DuetCollapsibleToggleEvent = {
   component: "duet-collapsible";
   originalEvent: KeyboardEvent | MouseEvent;
 };

package/lib/types/components/duet-combobox/duet-combobox.d.ts

@@ -2,13 +2,13 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { ThemeableComponent } from "../../common";
 import { DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetComboboxEvent = {
+export type DuetComboboxEvent = {
   originalEvent?: Event;
   component: "duet-combobox";
   value: any;
   item: DuetComboboxItem;
 };
-export declare type DuetComboboxItem = {
+export type DuetComboboxItem = {
   id?: number;
   value: any;
   name: string;

package/lib/types/components/duet-cookie-consent/duet-cookie-consent.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetCookieConsentVariation = "default" | "secondary";
-export declare type DuetCookieConsentEvent = {
+export type DuetCookieConsentVariation = "default" | "secondary";
+export type DuetCookieConsentEvent = {
   component: "duet-cookie-consent";
 };
 export declare class DuetCookieConsent implements ThemeableComponent {

package/lib/types/components/duet-date-picker/date-i18n.d.ts

@@ -1,7 +1,7 @@
 import { DuetLanguage } from "../../common-types";
-declare type MonthsLabels = [string, string, string, string, string, string, string, string, string, string, string, string];
-declare type DayLabels = [string, string, string, string, string, string, string];
-declare type I18nText = {
+type MonthsLabels = [string, string, string, string, string, string, string, string, string, string, string, string];
+type DayLabels = [string, string, string, string, string, string, string];
+type I18nText = {
   buttonLabel: string;
   nextMonthLabel: string;
   prevMonthLabel: string;

package/lib/types/components/duet-date-picker/date-picker-day.d.ts

@@ -1,6 +1,6 @@
 import { FunctionalComponent } from "../../stencil-public-runtime";
 import { DuetLanguage } from "../../common-types";
-export declare type DatePickerDayProps = {
+export type DatePickerDayProps = {
   focusedDay: Date;
   today: Date;
   language: DuetLanguage;

package/lib/types/components/duet-date-picker/date-picker-input.d.ts

@@ -1,7 +1,7 @@
 import { FunctionalComponent } from "../../stencil-public-runtime";
 import { DuetLanguage, DuetTheme, DuetTooltipDirection } from "../../common-types";
 import { DuetInputEvent } from "../duet-input/duet-input";
-declare type DatePickerInputProps = {
+type DatePickerInputProps = {
   value: string;
   valueAsDate: Date;
   formattedValue: string;

package/lib/types/components/duet-date-picker/date-picker-month.d.ts

@@ -1,7 +1,7 @@
 import { FunctionalComponent } from "../../stencil-public-runtime";
 import { DuetLanguage, DuetTheme } from "../../common-types";
 import { DatePickerDayProps } from "./date-picker-day";
-declare type DatePickerMonthProps = {
+type DatePickerMonthProps = {
   selectedDate: Date;
   focusedDate: Date;
   labelledById: string;

package/lib/types/components/duet-date-picker/duet-date-picker.d.ts

@@ -3,15 +3,15 @@ import { DuetLanguage, DuetMargin, DuetTheme, DuetTooltipDirection } from "../..
 import { InputComponent } from "../../common/form-components";
 import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetDatePickerChangeEvent = {
+export type DuetDatePickerChangeEvent = {
   component: "duet-date-picker";
   valueAsDate: Date;
   value: string;
 };
-export declare type DuetDatePickerFocusEvent = {
+export type DuetDatePickerFocusEvent = {
   component: "duet-date-picker";
 };
-export declare type DuetDatePickerDirection = "left" | "right";
+export type DuetDatePickerDirection = "left" | "right";
 export declare class DuetDatePicker implements ThemeableComponent, InputComponent {
   private monthSelectId;
   private yearSelectId;

package/lib/types/components/duet-divider/duet-divider.d.ts

@@ -1,6 +1,6 @@
 import { DuetColor, DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetDividerMargin = DuetMargin | "small";
+export type DuetDividerMargin = DuetMargin | "small";
 export declare class DuetDivider implements ThemeableComponent {
   /**
    * Reference to host HTML element.

package/lib/types/components/duet-editable-table/duet-editable-table.d.ts

@@ -4,12 +4,12 @@ import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
 import { DuetActionButtonIconSize } from "../duet-action-button/duet-action-button";
 import { DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant } from "../duet-table/duet-table";
-export declare type DuetEditableTableGroupNames = {
+export type DuetEditableTableGroupNames = {
   id: string;
   label: DuetLangObject;
   actionLabel?: DuetLangObject;
 }[];
-export declare type DuetTableToggleEvent = {
+export type DuetTableToggleEvent = {
   component: "duet-editable-table";
   sort_order?: number;
   direction: 1 | -1;
@@ -17,11 +17,11 @@ export declare type DuetTableToggleEvent = {
   key: string;
   originalEvent: KeyboardEvent | MouseEvent;
 };
-export declare type DuetTableMenuEvent = {
+export type DuetTableMenuEvent = {
   component: "duet-editable-table";
   originalEvent: KeyboardEvent | MouseEvent;
 };
-export declare type DuetEditableTableActions = {
+export type DuetEditableTableActions = {
   icon: string;
   color: string;
   background: string;
@@ -30,12 +30,12 @@ export declare type DuetEditableTableActions = {
   map?: string[];
   label?: DuetLangObject;
 }[];
-export declare type DuetEditableTableItemData = {
+export type DuetEditableTableItemData = {
   uid: string;
   item: any;
   group: string;
 };
-export declare type DuetEditableTableColumn = {
+export type DuetEditableTableColumn = {
   direction: 1 | -1;
   key: string;
   index: number;
@@ -43,7 +43,7 @@ export declare type DuetEditableTableColumn = {
   sort_order?: number;
   label: DuetLangObject;
 };
-export declare type DuetEditableTableColumns = DuetEditableTableColumn[];
+export type DuetEditableTableColumns = DuetEditableTableColumn[];
 /**
 
  * @slot caption: Inject things into the caption area of the table using this slot
@@ -51,7 +51,7 @@ export declare type DuetEditableTableColumns = DuetEditableTableColumn[];
  * @slot thead_last: Inject things into the thead area of the table after column names using this slot
  * @slot tfoot: Inject things into the tfoot area of the table using this slot
  */
-export declare type DuetEditableTableRows = Record<string, any>[];
+export type DuetEditableTableRows = Record<string, any>[];
 export declare class DuetEditableTable implements ThemeableComponent {
   /**
    * Reference to host HTML element.

package/lib/types/components/duet-empty-state/duet-empty-state.d.ts

@@ -1,6 +1,6 @@
 import { DuetIconName, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetEmptyStateSize = "medium" | "small";
+export type DuetEmptyStateSize = "medium" | "small";
 export declare class DuetEmptyState implements ThemeableComponent {
   /**
    * Theme of the empty state component.

package/lib/types/components/duet-footer/duet-footer.d.ts

@@ -2,23 +2,23 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetAnalyticsEvent, DuetLanguage, DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetFooterVariation = "default" | "simple" | "multilevel";
-export declare type DuetFooterItem = {
+export type DuetFooterVariation = "default" | "simple" | "multilevel";
+export type DuetFooterItem = {
   label: string;
   href: string;
   id?: string;
   analyticsId?: string;
   external?: boolean;
 };
-export declare type DuetFooterIconItem = DuetFooterItem & {
+export type DuetFooterIconItem = DuetFooterItem & {
   icon: string;
 };
-export declare type DuetFooterChangeEvent = {
+export type DuetFooterChangeEvent = {
   component: "duet-footer";
   data: DuetFooterItem | DuetFooterIconItem;
   originalEvent: Event;
 };
-export declare type DuetFooterAnalyticsEvent = DuetAnalyticsEvent<"duet-footer">;
+export type DuetFooterAnalyticsEvent = DuetAnalyticsEvent<"duet-footer">;
 /**
  * @slot extra - A slot for extra links.
  * @part top - piercing selector for styling the top part of the footer

package/lib/types/components/duet-grid/duet-grid.d.ts

@@ -1,8 +1,8 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 import { DuetDirection, DuetGridBreakpoint } from "../../common-types";
-export declare type DuetGridAlignment = "top" | "bottom" | "center" | "stretch" | "baseline" | "form_distribute";
-export declare type DuetGridDistribution = "default" | "left" | "right" | "center" | "space-between" | "space-around" | "space-evenly";
-export declare type DuetGridMobileAlignment = "" | "auto" | "left" | "right" | "center";
+export type DuetGridAlignment = "top" | "bottom" | "center" | "stretch" | "baseline" | "form_distribute";
+export type DuetGridDistribution = "default" | "left" | "right" | "center" | "space-between" | "space-around" | "space-evenly";
+export type DuetGridMobileAlignment = "" | "auto" | "left" | "right" | "center";
 export declare class DuetGrid implements ComponentInterface {
   /**
    * Own Properties.

package/lib/types/components/duet-header/duet-header.d.ts

@@ -2,40 +2,40 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetAnalyticsEvent, DuetLanguage, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetHeaderItem = {
+export type DuetHeaderItem = {
   id?: string;
   href: string;
   label: string;
   analyticsId?: string;
 };
-export declare type DuetHeaderContactItem = DuetHeaderItem & {
+export type DuetHeaderContactItem = DuetHeaderItem & {
   external: boolean;
 };
-export declare type DuetHeaderMainItem = DuetHeaderItem & {
+export type DuetHeaderMainItem = DuetHeaderItem & {
   badge?: boolean;
   active?: boolean;
   external: boolean;
   icon?: string;
   items?: DuetHeaderMainItem[];
 };
-export declare type DuetHeaderLanguageItem = DuetHeaderItem & {
+export type DuetHeaderLanguageItem = DuetHeaderItem & {
   country: DuetLanguage;
 };
-export declare type DuetHeaderSession = DuetHeaderItem & {
+export type DuetHeaderSession = DuetHeaderItem & {
   type: "login" | "logout";
   sessionItems?: [{
     label: string | undefined;
     items: DuetHeaderItem[];
   }];
 };
-export declare type DuetHeaderSearch = DuetHeaderItem;
-export declare type DuetHeaderChangeEvent = {
+export type DuetHeaderSearch = DuetHeaderItem;
+export type DuetHeaderChangeEvent = {
   originalEvent: Event;
   data: DuetHeaderItem | DuetHeaderLanguageItem | DuetHeaderSession;
   component: "duet-header";
 };
-export declare type DuetHeaderAnalyticsEvent = DuetAnalyticsEvent<"duet-header">;
-export declare type DuetHeaderMobileNavToggleEvent = {
+export type DuetHeaderAnalyticsEvent = DuetAnalyticsEvent<"duet-header">;
+export type DuetHeaderMobileNavToggleEvent = {
   originalEvent: Event;
   open: boolean;
 };

package/lib/types/components/duet-heading/duet-heading.d.ts

@@ -1,6 +1,6 @@
 import { DuetColor, DuetHeadingLevel, DuetMargin, DuetTheme, DuetVisualHeadingLevel } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetHeadingWeight = "auto" | "normal" | "semibold";
+export type DuetHeadingWeight = "auto" | "normal" | "semibold";
 export declare class DuetHeading implements ThemeableComponent {
   /**
    * Reference to host HTML element.

package/lib/types/components/duet-hero/duet-hero.d.ts

@@ -2,29 +2,29 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetAnalyticsEvent, DuetColor, DuetHeadingLevel, DuetIconName, DuetLanguage, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetHeroIconSize = "medium" | "large";
-export declare type DuetHeroVariation = "default" | "light" | "gray" | "image" | "minimal" | "campaign" | "section" | "product" | "content";
-export declare type DuetHeroBackData = {
+export type DuetHeroIconSize = "medium" | "large";
+export type DuetHeroVariation = "default" | "light" | "gray" | "image" | "minimal" | "campaign" | "section" | "product" | "content";
+export type DuetHeroBackData = {
   analyticsId?: string;
   id?: string;
   href: string;
   label: string;
 };
-export declare type DuetHeroClickEvent = {
+export type DuetHeroClickEvent = {
   originalEvent: Event;
   component: "duet-hero";
   data: any;
 };
-export declare type DuetHeroAnalyticsEvent = DuetAnalyticsEvent<"duet-hero">;
-export declare type DuetHeroButtonData = {
+export type DuetHeroAnalyticsEvent = DuetAnalyticsEvent<"duet-hero">;
+export type DuetHeroButtonData = {
   analyticsId?: string;
   [key: string]: any;
 };
-export declare type DuetHeroListItem = {
+export type DuetHeroListItem = {
   label: string;
   value: string;
 };
-export declare type DuetHeroActionItem = {
+export type DuetHeroActionItem = {
   label: string;
   href: string;
   icon: string;
@@ -178,6 +178,10 @@ export declare class DuetHero implements ThemeableComponent {
    * that is added as an HTML identifier for the anchor tag.
    */
   actions: any;
+  /**
+   * Layout.
+   */
+  layout: "narrow" | "fluid";
   /**
    * Callback for when an user clicks the hero area's action button. You can prevent
    * the default browser functionality by calling **event.detail.originalEvent.preventDefault()**

package/lib/types/components/duet-icon/duet-icon.d.ts

@@ -1,6 +1,6 @@
 import { DuetColor, DuetIconName, DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetIconSize = "xxx-small" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large" | "auto";
+export type DuetIconSize = "xxx-small" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large" | "auto";
 export declare class DuetIcon implements ThemeableComponent {
   svgContent: string;
   /**

package/lib/types/components/duet-input/duet-input.d.ts

@@ -1,14 +1,14 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, InputComponent, ThemeableComponent } from "../../common";
-import { DuetIconName, DuetMargin, DuetTheme, DuetTooltipDirection } from "../../common-types";
-export declare type DuetInputEvent = {
+import { DuetIconName, DuetLanguage, DuetMargin, DuetTheme, DuetTooltipDirection } from "../../common-types";
+export type DuetInputEvent = {
   originalEvent?: Event;
   value: string;
   component: "duet-input";
 };
-export declare type DuetInputType = "text" | "email" | "password" | "search" | "tel" | "time";
-export declare type DuetInputComponentType = "input" | "number" | "date";
-export declare type DuetVariationType = "default" | "button" | "revealable";
+export type DuetInputType = "text" | "email" | "password" | "search" | "tel" | "time";
+export type DuetInputComponentType = "input" | "number" | "date";
+export type DuetVariationType = "default" | "button" | "revealable";
 export declare class DuetInput implements ThemeableComponent, InputComponent, A11yComponent {
   /**
    * Own Properties
@@ -37,6 +37,7 @@ export declare class DuetInput implements ThemeableComponent, InputComponent, A1
   /**
    * State() variables
    */
+  language: DuetLanguage;
   /**
    * Indicates whether the password is revealed.
    */
@@ -241,6 +242,8 @@ export declare class DuetInput implements ThemeableComponent, InputComponent, A1
    */
   componentWillLoad(): void;
   componentDidLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /**
    * Component event handling.
    */

package/lib/types/components/duet-label/duet-label.d.ts

@@ -1,7 +1,7 @@
 import { DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetLabelSize = "small" | "medium";
-export declare type DuetLabelMargin = DuetMargin | "small";
+export type DuetLabelSize = "small" | "medium";
+export type DuetLabelMargin = DuetMargin | "small";
 export declare class DuetLabel implements ThemeableComponent {
   /**
    * Theme of the label.

package/lib/types/components/duet-layout/duet-layout.d.ts

@@ -1,7 +1,7 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 import { DuetMargin } from "../../common-types";
 import { DuetBreakpoints } from "../../utils/token-utils";
-export declare type DuetLayoutStickyDistance = "with-links" | "without-links";
+export type DuetLayoutStickyDistance = "with-links" | "without-links";
 /**
  * @slot main - The layout component’s primary content. Use this for the main content on the page.
  * @slot sidebar - The layout component’s sidebar content. Use this for content that is related to the content in the main slot.

package/lib/types/components/duet-list/duet-list.d.ts

@@ -1,9 +1,9 @@
 import { DuetMargin, DuetPadding, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetListVariation = "default" | "striped";
-export declare type DuetListMobileAlignment = "left" | "center";
-export declare type DuetListLabelWidth = "30" | "50" | "70";
-export declare type DuetListBreakpoint = "small" | "large";
+export type DuetListVariation = "default" | "striped";
+export type DuetListMobileAlignment = "left" | "center";
+export type DuetListLabelWidth = "30" | "50" | "70";
+export type DuetListBreakpoint = "small" | "large";
 export declare class DuetList implements ThemeableComponent {
   /**
    * Own Properties.

package/lib/types/components/duet-logo/duet-logo.d.ts

@@ -1,6 +1,6 @@
 import { DuetLanguage, DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetLogoSize = "medium" | "large";
+export type DuetLogoSize = "medium" | "large";
 export declare class DuetLogo implements ThemeableComponent {
   /**
    * Own Properties.
@@ -41,6 +41,8 @@ export declare class DuetLogo implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /**
    * Sets focus on the specified `duet-logo`. Use this method instead of the global
    * `logo.focus()`.

package/lib/types/components/duet-menu-bar/duet-menu-bar.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLogoSize } from "../duet-logo/duet-logo";
-export declare type DuetMenuBarChangeEvent = {
+export type DuetMenuBarChangeEvent = {
   originalEvent: Event;
   name: "logoClick";
   data: {

package/lib/types/components/duet-modal/duet-modal.d.ts

@@ -2,8 +2,8 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, ThemeableComponent } from "../../common";
 import { DuetColor, DuetHeadingLevel, DuetIconName, DuetLanguage, DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetModalSize = "small" | "medium" | "large";
-export declare type DuetModalCloseEvent = {
+export type DuetModalSize = "small" | "medium" | "large";
+export type DuetModalCloseEvent = {
   originalEvent: Event;
   component: "duet-modal";
 };

package/lib/types/components/duet-multiselect/duet-multiselect.d.ts

@@ -1,12 +1,12 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetMargin, DuetTheme, DuetTooltipDirection } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetMultiselectItem = {
+export type DuetMultiselectItem = {
   label: string;
   value: string;
   disabled?: boolean;
 };
-export declare type DuetMultiselectEvent = {
+export type DuetMultiselectEvent = {
   originalEvent?: Event;
   component: "duet-multiselect";
   value: DuetMultiselectItem[];

package/lib/types/components/duet-nav/duet-nav.d.ts

@@ -5,7 +5,7 @@ import { ThemeableComponent } from "../../common/themeable-component";
  * @slot mobile - Slot for navigation in small viewports (less than 992px wide).
  * @slot desktop - Slot for navigation in large viewports (992px wide or more).
  */
-export declare class DuetMenuBar implements ThemeableComponent {
+export declare class DuetNav implements ThemeableComponent {
   /**
    * Own Properties.
    */

package/lib/types/components/duet-notification-drawer/duet-notification-drawer.d.ts

@@ -1,7 +1,7 @@
 import { DuetIconName, DuetLanguage, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetNotificationDrawerDirection = "left" | "right";
+export type DuetNotificationDrawerDirection = "left" | "right";
 export declare class DuetNotificationDrawer implements ThemeableComponent {
   /**
    * Own Properties

package/lib/types/components/duet-number-input/duet-number-input.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, DuetNumericInput, ThemeableComponent } from "../../common";
 import { DuetLanguage, DuetLocale, DuetMargin, DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetNumberInputEvent = {
+export type DuetNumberInputEvent = {
   originalEvent?: Event;
   component: "duet-number-input";
   value: string;

package/lib/types/components/duet-pagination/duet-pagination.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, ThemeableComponent } from "../../common";
 import { DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetPaginationPageEvent = {
+export type DuetPaginationPageEvent = {
   originalEvent?: Event;
   component: "duet-pagination";
   current: number;
@@ -11,7 +11,7 @@ export declare type DuetPaginationPageEvent = {
   to: number;
   type: "page" | "jump";
 };
-export declare type DuetPaginationVariation = "default" | "compact";
+export type DuetPaginationVariation = "default" | "compact";
 /**
  * @part navigation-arrow - this part enables style overrides for the navigation-arrow
  * @part navigation-jump - this part enables style overrides for the navigation-jump

package/lib/types/components/duet-paragraph/duet-paragraph.d.ts

@@ -1,8 +1,8 @@
 import { DuetColor, DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetParagraphSize = "small" | "medium";
-export declare type DuetParagraphWeight = "semi-bold" | "bold" | undefined;
-export declare type DuetParagraphVariation = "default" | "intro";
+export type DuetParagraphSize = "small" | "medium";
+export type DuetParagraphWeight = "semi-bold" | "bold" | undefined;
+export type DuetParagraphVariation = "default" | "intro";
 /**
  * @part duet-paragraph - piercing selector for styling the paragraph
  */

package/lib/types/components/duet-progress/duet-progress.d.ts

@@ -1,7 +1,7 @@
 import { A11yComponent, ThemeableComponent } from "../../common";
 import { DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetUploadEvent = {
+export type DuetUploadEvent = {
   originalEvent?: Event;
   data?: Record<string, any>;
   component: "duet-progress";