@duetds/components 6.6.2 → 6.7.1

package/lib/types/common-types.d.ts

@@ -13,3 +13,23 @@ export type DuetStatus = "default" | "success" | "danger" | "warning"
 export type DuetAnalyticsEvent<T extends string> = { analyticsId: string; component: T }
 export type DuetGridBreakpoint = "small" | "medium" | "x-large"
 export type DuetLocale = "fi-FI" | "sv-SE" | "en-GB" | "en-US"
+export type DuetChoiceType = "radio" | "checkbox"
+export type DuetTableBreakpoint =
+  | "none"
+  | "none-scrollable"
+  | "small"
+  | "medium"
+  | "large"
+  | "x-large"
+  | "xx-large"
+  | "xxx-large"
+export type DuetTableVariant = "striped" | "plain" | "fixed"
+export type DuetTableStickyDistance = "with-links" | "without-links" | "none"
+export type StatusMessage = {
+  inProgress: string
+  inProgressWithErrors: string
+  done: string
+  doneWithErrors: string
+  file: string
+  files: string
+}

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

@@ -2,7 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, ThemeableComponent } from "../../common";
 import { DuetColor, DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetActionButtonEvent = {
+export type DuetActionButtonEvent = {
   originalEvent?: Event;
   component: "duet-action-button";
   action: string;
@@ -11,7 +11,7 @@ export declare type DuetActionButtonEvent = {
   index?: string | undefined;
   meta?: Record<any, any> | string | undefined;
 };
-export declare type DuetActionButtonIconSize = "xx-small" | "x-small" | "small";
+export type DuetActionButtonIconSize = "xx-small" | "x-small" | "small";
 /**
  * @slot default - slot inside an invisible element, this can be used to enhance accessibility
  * @part button - this part enables style overrides for the button

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

@@ -2,7 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetIconName, DuetMargin, DuetPadding, DuetStatus, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
-export declare type DuetAlertEvent = {
+export type DuetAlertEvent = {
   component: "duet-alert";
   originalEvent: MouseEvent;
 };
@@ -70,7 +70,17 @@ export declare class DuetAlert implements ThemeableComponent {
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
+  /**
+   * Show.
+   */
+  show(): Promise<void>;
+  /**
+   * Hide.
+   */
+  hide(): Promise<void>;
   private handleDismiss;
+  private handleShow;
+  private handleHide;
   /**
    * There is bug in NVDA screen reader
    * that is causing multiple alert readings

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-checkmark.d.ts

@@ -1,6 +1,5 @@
 import { ThemeableComponent } from "../../common";
-import { DuetTheme } from "../../common-types";
-import { DuetChoiceType } from "./duet-choice";
+import { DuetChoiceType, DuetTheme } from "../../common-types";
 export interface DuetComboboxSelectSingleProps {
   checked: boolean;
   type: string;

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

@@ -1,14 +1,13 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, InputComponent, ThemeableComponent } from "../../common";
-import { DuetDirection, DuetMargin, DuetPadding, DuetTheme } from "../../common-types";
+import { DuetChoiceType, 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";
 /**
  * @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-contact-card/duet-contact-card.d.ts

@@ -0,0 +1,64 @@
+import { ThemeableComponent } from "../../common";
+import { DuetIconName, DuetLanguage, DuetMargin, DuetTheme } from "../../common-types";
+export declare class DuetContactCard implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  private phoneLabel;
+  language: DuetLanguage;
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Controls the margin of the component.
+   */
+  margin: DuetMargin;
+  /**
+   * Image.
+   */
+  image: string;
+  /**
+   * Name.
+   */
+  name: string;
+  /**
+   * Description.
+   */
+  description: string;
+  /**
+   * Email.
+   */
+  email: string;
+  /**
+   * Phone.
+   */
+  phone: string;
+  /**
+   * Button text.
+   */
+  buttonText: string;
+  /**
+   * Button icon.
+   */
+  buttonIcon: DuetIconName;
+  /**
+   * Button url.
+   */
+  buttonUrl: string;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

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

@@ -1,15 +1,14 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { DuetMargin, DuetTheme } from "../../common-types";
+import { DuetMargin, DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant, DuetTheme } from "../../common-types";
 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 +16,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 +29,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 +42,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 +50,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;

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.