@duetds/components 6.6.2 → 6.7.1

package/lib/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { DuetColor, DuetDirection, DuetGridBreakpoint, DuetHeadingLevel, DuetIconName, DuetLanguage, DuetLocale, DuetMargin, DuetPadding, DuetStatus, DuetTheme, DuetTooltipDirection, DuetVisualHeadingLevel } from "./common-types";
+import { DuetChoiceType, DuetColor, DuetDirection, DuetGridBreakpoint, DuetHeadingLevel, DuetIconName, DuetLanguage, DuetLocale, DuetMargin, DuetPadding, DuetStatus, DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant, DuetTheme, DuetTooltipDirection, DuetVisualHeadingLevel, StatusMessage } from "./common-types";
 import { DuetActionButtonEvent, DuetActionButtonIconSize } from "./components/duet-action-button/duet-action-button";
 import { DuetLangObject } from "./utils/language-utils";
 import { DuetAlertEvent } from "./components/duet-alert/duet-alert";
@@ -14,14 +14,12 @@ import { DuetCaptionSize } from "./components/duet-caption/duet-caption";
 import { DuetCardPadding, DuetCardToggleEvent, DuetCardVariation } from "./components/duet-card/duet-card";
 import { DuetBreakpoints } from "./utils/token-utils";
 import { DuetCheckboxEvent } from "./components/duet-checkbox/duet-checkbox";
-import { DuetChoiceType } from "./components/duet-choice/duet-choice";
-import { DuetChoiceEvent, DuetChoiceType as DuetChoiceType1 } from "./components/duet-choice/duet-choice";
+import { DuetChoiceEvent } from "./components/duet-choice/duet-choice";
 import { DuetCollapsibleHeadingFontSize, DuetCollapsibleToggleEvent, DuetCollapsibleWeight } from "./components/duet-collapsible/duet-collapsible";
 import { DuetComboboxEvent, DuetComboboxItem } from "./components/duet-combobox/duet-combobox";
 import { DuetCookieConsentEvent } from "./components/duet-cookie-consent/duet-cookie-consent";
 import { DuetDatePickerChangeEvent, DuetDatePickerDirection, DuetDatePickerFocusEvent } from "./components/duet-date-picker/duet-date-picker";
 import { DuetDividerMargin } from "./components/duet-divider/duet-divider";
-import { DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant } from "./components/duet-table/duet-table";
 import { DuetEditableTableActions, DuetEditableTableColumns, DuetEditableTableRows, DuetTableMenuEvent, DuetTableToggleEvent } from "./components/duet-editable-table/duet-editable-table";
 import { DuetEmptyStateSize } from "./components/duet-empty-state/duet-empty-state";
 import { DuetFooterAnalyticsEvent, DuetFooterChangeEvent, DuetFooterVariation } from "./components/duet-footer/duet-footer";
@@ -52,15 +50,63 @@ import { DuetSpinnerSize } from "./components/duet-spinner/duet-spinner";
 import { DuetStepClickEvent, DuetStepState } from "./components/duet-step/duet-step";
 import { DuetStepChangeEvent } from "./components/duet-stepper/duet-stepper";
 import { DuetTabGroupEvent, DuetTabVariation } from "./components/duet-tab-group/duet-tab-group";
-import { DuetTableBreakpoint as DuetTableBreakpoint1, DuetTableStickyDistance as DuetTableStickyDistance1, DuetTableVariant as DuetTableVariant1 } from "./components/duet-table/duet-table";
 import { DuetTextareaEvent } from "./components/duet-textarea/duet-textarea";
 import { DuetToggleChangeEvent } from "./components/duet-toggle/duet-toggle";
 import { DuetTooltipBreakpoint } from "./components/duet-tooltip/duet-tooltip";
 import { DuetUploadEvent, DuetUploadTableGroupName, StringMap, XHRInternalMiddleWare } from "./components/duet-upload/duet-upload";
 import { DuetEditableTableActions as DuetEditableTableActions1 } from "./components/duet-editable-table/duet-editable-table";
-import { StatusMessage } from "./components/duet-upload-aria-status/duet-upload-aria-status";
 import { DuetUploadErrorCode } from "./components/duet-upload/errorcodes.utils";
-import { StatusMessage as StatusMessage1 } from "./components/duet-upload-aria-status/duet-upload-aria-status";
+export { DuetChoiceType, DuetColor, DuetDirection, DuetGridBreakpoint, DuetHeadingLevel, DuetIconName, DuetLanguage, DuetLocale, DuetMargin, DuetPadding, DuetStatus, DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant, DuetTheme, DuetTooltipDirection, DuetVisualHeadingLevel, StatusMessage } from "./common-types";
+export { DuetActionButtonEvent, DuetActionButtonIconSize } from "./components/duet-action-button/duet-action-button";
+export { DuetLangObject } from "./utils/language-utils";
+export { DuetAlertEvent } from "./components/duet-alert/duet-alert";
+export { DuetButtonIconSize, DuetButtonSize, DuetButtonTextCentering, DuetButtonVariation, DuetButtonWrapping } from "./components/duet-button/duet-button";
+export { DuetCaptionSize } from "./components/duet-caption/duet-caption";
+export { DuetCardPadding, DuetCardToggleEvent, DuetCardVariation } from "./components/duet-card/duet-card";
+export { DuetBreakpoints } from "./utils/token-utils";
+export { DuetCheckboxEvent } from "./components/duet-checkbox/duet-checkbox";
+export { DuetChoiceEvent } from "./components/duet-choice/duet-choice";
+export { DuetCollapsibleHeadingFontSize, DuetCollapsibleToggleEvent, DuetCollapsibleWeight } from "./components/duet-collapsible/duet-collapsible";
+export { DuetComboboxEvent, DuetComboboxItem } from "./components/duet-combobox/duet-combobox";
+export { DuetCookieConsentEvent } from "./components/duet-cookie-consent/duet-cookie-consent";
+export { DuetDatePickerChangeEvent, DuetDatePickerDirection, DuetDatePickerFocusEvent } from "./components/duet-date-picker/duet-date-picker";
+export { DuetDividerMargin } from "./components/duet-divider/duet-divider";
+export { DuetEditableTableActions, DuetEditableTableColumns, DuetEditableTableRows, DuetTableMenuEvent, DuetTableToggleEvent } from "./components/duet-editable-table/duet-editable-table";
+export { DuetEmptyStateSize } from "./components/duet-empty-state/duet-empty-state";
+export { DuetFooterAnalyticsEvent, DuetFooterChangeEvent, DuetFooterVariation } from "./components/duet-footer/duet-footer";
+export { DuetGridAlignment, DuetGridDistribution, DuetGridMobileAlignment } from "./components/duet-grid/duet-grid";
+export { DuetHeaderAnalyticsEvent, DuetHeaderChangeEvent, DuetHeaderMobileNavToggleEvent, I18nText } from "./components/duet-header/duet-header";
+export { DuetHeadingWeight } from "./components/duet-heading/duet-heading";
+export { DuetHeroAnalyticsEvent, DuetHeroButtonData, DuetHeroClickEvent, DuetHeroIconSize, DuetHeroVariation } from "./components/duet-hero/duet-hero";
+export { DuetIconSize } from "./components/duet-icon/duet-icon";
+export { DuetInputComponentType, DuetInputEvent, DuetInputType, DuetVariationType } from "./components/duet-input/duet-input";
+export { DuetLabelMargin, DuetLabelSize } from "./components/duet-label/duet-label";
+export { DuetLayoutStickyDistance } from "./components/duet-layout/duet-layout";
+export { DuetListBreakpoint, DuetListLabelWidth, DuetListMobileAlignment, DuetListVariation } from "./components/duet-list/duet-list";
+export { DuetLogoSize } from "./components/duet-logo/duet-logo";
+export { DuetMenuBarChangeEvent } from "./components/duet-menu-bar/duet-menu-bar";
+export { DuetModalCloseEvent, DuetModalSize } from "./components/duet-modal/duet-modal";
+export { DuetMultiselectEvent, DuetMultiselectItem } from "./components/duet-multiselect/duet-multiselect";
+export { DuetNotificationDrawerDirection } from "./components/duet-notification-drawer/duet-notification-drawer";
+export { DuetNumberInputEvent } from "./components/duet-number-input/duet-number-input";
+export { DuetPaginationPageEvent, DuetPaginationVariation } from "./components/duet-pagination/duet-pagination";
+export { DuetParagraphSize, DuetParagraphVariation, DuetParagraphWeight } from "./components/duet-paragraph/duet-paragraph";
+export { DuetRadioEvent } from "./components/duet-radio/duet-radio";
+export { DuetRangeChangeEvent } from "./components/duet-range-slider/duet-range-slider";
+export { DuetRangeStepperUpdateEvent } from "./components/duet-range-stepper/duet-range-stepper";
+export { DuetSelectEvent, DuetSelectItems, DuetSelectVariation } from "./components/duet-select/duet-select";
+export { DuetSlideoutEventDetails } from "./components/duet-slideout/duet-slideout";
+export { DuetSpacerBreakpoint, DuetSpacerSize } from "./components/duet-spacer/duet-spacer";
+export { DuetSpinnerSize } from "./components/duet-spinner/duet-spinner";
+export { DuetStepClickEvent, DuetStepState } from "./components/duet-step/duet-step";
+export { DuetStepChangeEvent } from "./components/duet-stepper/duet-stepper";
+export { DuetTabGroupEvent, DuetTabVariation } from "./components/duet-tab-group/duet-tab-group";
+export { DuetTextareaEvent } from "./components/duet-textarea/duet-textarea";
+export { DuetToggleChangeEvent } from "./components/duet-toggle/duet-toggle";
+export { DuetTooltipBreakpoint } from "./components/duet-tooltip/duet-tooltip";
+export { DuetUploadEvent, DuetUploadTableGroupName, StringMap, XHRInternalMiddleWare } from "./components/duet-upload/duet-upload";
+export { DuetEditableTableActions as DuetEditableTableActions1 } from "./components/duet-editable-table/duet-editable-table";
+export { DuetUploadErrorCode } from "./components/duet-upload/errorcodes.utils";
 export namespace Components {
     interface DuetActionButton {
         /**
@@ -159,6 +205,10 @@ export namespace Components {
           * Should a button be rendered to dismiss the alert?
          */
         "dismissible": boolean;
+        /**
+          * Hide.
+         */
+        "hide": () => Promise<void>;
         /**
           * Icon to display to the left of the content.
          */
@@ -171,6 +221,10 @@ export namespace Components {
           * Controls the padding of the component.
          */
         "padding": DuetPadding;
+        /**
+          * Show.
+         */
+        "show": () => Promise<void>;
         /**
           * Theme of the card.
          */
@@ -820,6 +874,48 @@ export namespace Components {
          */
         "value": string;
     }
+    interface DuetContactCard {
+        /**
+          * Button icon.
+         */
+        "buttonIcon": DuetIconName;
+        /**
+          * Button text.
+         */
+        "buttonText": string;
+        /**
+          * Button url.
+         */
+        "buttonUrl": string;
+        /**
+          * Description.
+         */
+        "description": string;
+        /**
+          * Email.
+         */
+        "email": string;
+        /**
+          * Image.
+         */
+        "image": string;
+        /**
+          * Controls the margin of the component.
+         */
+        "margin": DuetMargin;
+        /**
+          * Name.
+         */
+        "name": string;
+        /**
+          * Phone.
+         */
+        "phone": string;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
     interface DuetCookieConsent {
         /**
           * Adds accessible label for the cookie consent ok button.
@@ -1948,6 +2044,10 @@ export namespace Components {
           * Accessible heading size
          */
         "headingLevel": DuetHeadingLevel;
+        /**
+          * Makes the visual style mimic a specific heading level. This option allows you to make e.g. h1 visually look like h3, but still keep it h1 in the markup.
+         */
+        "headingVisualLevel": DuetVisualHeadingLevel | undefined;
         /**
           * Hides the modal dialog and puts focus back to the original element that triggered the modal (if we’re still in the same view).
          */
@@ -2819,9 +2919,9 @@ export namespace Components {
     }
     interface DuetSlideout {
         /**
-          * Custom color to be used for a circular background, as a design token entered in camelCase or kebab-case..
+          * Background color. Use one of the color tokens.
          */
-        "background": DuetColor;
+        "backgroundColor": DuetColor;
         /**
           * Open
          */
@@ -3999,6 +4099,12 @@ declare global {
         prototype: HTMLDuetComboboxElement;
         new (): HTMLDuetComboboxElement;
     };
+    interface HTMLDuetContactCardElement extends Components.DuetContactCard, HTMLStencilElement {
+    }
+    var HTMLDuetContactCardElement: {
+        prototype: HTMLDuetContactCardElement;
+        new (): HTMLDuetContactCardElement;
+    };
     interface HTMLDuetCookieConsentElement extends Components.DuetCookieConsent, HTMLStencilElement {
     }
     var HTMLDuetCookieConsentElement: {
@@ -4428,6 +4534,7 @@ declare global {
         "duet-choice-group": HTMLDuetChoiceGroupElement;
         "duet-collapsible": HTMLDuetCollapsibleElement;
         "duet-combobox": HTMLDuetComboboxElement;
+        "duet-contact-card": HTMLDuetContactCardElement;
         "duet-cookie-consent": HTMLDuetCookieConsentElement;
         "duet-date-picker": HTMLDuetDatePickerElement;
         "duet-divider": HTMLDuetDividerElement;
@@ -5278,6 +5385,48 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface DuetContactCard {
+        /**
+          * Button icon.
+         */
+        "buttonIcon"?: DuetIconName;
+        /**
+          * Button text.
+         */
+        "buttonText"?: string;
+        /**
+          * Button url.
+         */
+        "buttonUrl"?: string;
+        /**
+          * Description.
+         */
+        "description"?: string;
+        /**
+          * Email.
+         */
+        "email"?: string;
+        /**
+          * Image.
+         */
+        "image"?: string;
+        /**
+          * Controls the margin of the component.
+         */
+        "margin"?: DuetMargin;
+        /**
+          * Name.
+         */
+        "name"?: string;
+        /**
+          * Phone.
+         */
+        "phone"?: string;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetCookieConsent {
         /**
           * Adds accessible label for the cookie consent ok button.
@@ -6492,6 +6641,10 @@ declare namespace LocalJSX {
           * Accessible heading size
          */
         "headingLevel"?: DuetHeadingLevel;
+        /**
+          * Makes the visual style mimic a specific heading level. This option allows you to make e.g. h1 visually look like h3, but still keep it h1 in the markup.
+         */
+        "headingVisualLevel"?: DuetVisualHeadingLevel | undefined;
         /**
           * Icon to display above the heading (from Duet’s icons). Example: "form-location"
          */
@@ -7393,9 +7546,9 @@ declare namespace LocalJSX {
     }
     interface DuetSlideout {
         /**
-          * Custom color to be used for a circular background, as a design token entered in camelCase or kebab-case..
+          * Background color. Use one of the color tokens.
          */
-        "background"?: DuetColor;
+        "backgroundColor"?: DuetColor;
         /**
           * Event raised when the menu has been opened. You can prevent the default browser functionality by calling **event.detail.originalEvent.preventDefault()** inside your listener. Additionally, the passed data is available via **event.detail.data**.
          */
@@ -8403,6 +8556,7 @@ declare namespace LocalJSX {
         "duet-choice-group": DuetChoiceGroup;
         "duet-collapsible": DuetCollapsible;
         "duet-combobox": DuetCombobox;
+        "duet-contact-card": DuetContactCard;
         "duet-cookie-consent": DuetCookieConsent;
         "duet-date-picker": DuetDatePicker;
         "duet-divider": DuetDivider;
@@ -8492,6 +8646,7 @@ declare module "@stencil/core" {
             "duet-choice-group": LocalJSX.DuetChoiceGroup & JSXBase.HTMLAttributes<HTMLDuetChoiceGroupElement>;
             "duet-collapsible": LocalJSX.DuetCollapsible & JSXBase.HTMLAttributes<HTMLDuetCollapsibleElement>;
             "duet-combobox": LocalJSX.DuetCombobox & JSXBase.HTMLAttributes<HTMLDuetComboboxElement>;
+            "duet-contact-card": LocalJSX.DuetContactCard & JSXBase.HTMLAttributes<HTMLDuetContactCardElement>;
             "duet-cookie-consent": LocalJSX.DuetCookieConsent & JSXBase.HTMLAttributes<HTMLDuetCookieConsentElement>;
             "duet-date-picker": LocalJSX.DuetDatePicker & JSXBase.HTMLAttributes<HTMLDuetDatePickerElement>;
             "duet-divider": LocalJSX.DuetDivider & JSXBase.HTMLAttributes<HTMLDuetDividerElement>;

package/lib/types/stencil-public-runtime.d.ts

@@ -133,7 +133,7 @@ export interface ListenOptions {
      */
     passive?: boolean;
 }
-export declare type ListenTargetOptions = 'body' | 'document' | 'window';
+export type ListenTargetOptions = 'body' | 'document' | 'window';
 export interface StateDecorator {
     (): PropertyDecorator;
 }
@@ -214,8 +214,8 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
  */
@@ -257,6 +257,15 @@ export declare function getAssetPath(path: string): string;
  * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
+/**
+ * Used to specify a nonce value that corresponds with an application's
+ * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
+ * @param nonce The value to be used for the nonce attribute.
+ */
+export declare function setNonce(nonce: string): void;
 /**
  * Retrieve a Stencil element for a given reference
  * @param ref the ref to get the Stencil element for
@@ -433,13 +442,57 @@ interface HostAttributes {
     ref?: (el: HTMLElement | null) => void;
     [prop: string]: any;
 }
+/**
+ * Utilities for working with functional Stencil components. An object
+ * conforming to this interface is passed by the Stencil runtime as the third
+ * argument to a functional component, allowing component authors to work with
+ * features like children.
+ *
+ * The children of a functional component will be passed as the second
+ * argument, so a functional component which uses these utils to transform its
+ * children might look like the following:
+ *
+ * ```ts
+ * export const AddClass: FunctionalComponent = (_, children, utils) => (
+ *  utils.map(children, child => ({
+ *    ...child,
+ *    vattrs: {
+ *      ...child.vattrs,
+ *      class: `${child.vattrs.class} add-class`
+ *    }
+ *  }))
+ * );
+ * ```
+ *
+ * For more see the Stencil documentation, here:
+ * https://stenciljs.com/docs/functional-components
+ */
 export interface FunctionalUtilities {
+    /**
+     * Utility for reading the children of a functional component at runtime.
+     * Since the Stencil runtime uses a different interface for children it is
+     * not recommendeded to read the children directly, and is preferable to use
+     * this utility to, for instance, perform a side effect for each child.
+     */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
+    /**
+     * Utility for transforming the children of a functional component. Given an
+     * array of children and a callback this will return a list of the results of
+     * passing each child to the supplied callback.
+     */
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -486,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;
@@ -836,8 +892,8 @@ export declare namespace JSXBase {
         accept?: string;
         allowdirs?: boolean;
         alt?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
         autoFocus?: boolean;
@@ -1161,8 +1217,8 @@ export declare namespace JSXBase {
         resource?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoCorrect?: string;
         autocorrect?: string;
         autoSave?: string;
@@ -1453,12 +1509,12 @@ export declare namespace JSXBase {
         onCutCapture?: (event: ClipboardEvent) => void;
         onPaste?: (event: ClipboardEvent) => void;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionEnd?: (event: CompositionEvent) => void;
-        onCompositionEndCapture?: (event: CompositionEvent) => void;
-        onCompositionStart?: (event: CompositionEvent) => void;
-        onCompositionStartCapture?: (event: CompositionEvent) => void;
-        onCompositionUpdate?: (event: CompositionEvent) => void;
-        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
+        onCompositionend?: (event: CompositionEvent) => void;
+        onCompositionendCapture?: (event: CompositionEvent) => void;
+        onCompositionstart?: (event: CompositionEvent) => void;
+        onCompositionstartCapture?: (event: CompositionEvent) => void;
+        onCompositionupdate?: (event: CompositionEvent) => void;
+        onCompositionupdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1469,8 +1525,8 @@ export declare namespace JSXBase {
         onBlurCapture?: (event: FocusEvent) => void;
         onChange?: (event: Event) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: Event) => void;
-        onInputCapture?: (event: Event) => void;
+        onInput?: (event: InputEvent) => void;
+        onInputCapture?: (event: InputEvent) => void;
         onReset?: (event: Event) => void;
         onResetCapture?: (event: Event) => void;
         onSubmit?: (event: Event) => void;

package/lib/types/utils/fixture-utils.d.ts

@@ -1,4 +1,4 @@
-declare type ComponentFixtures = {
+type ComponentFixtures = {
   component: string;
   fixtures: Record<string, string>;
 };

package/lib/types/utils/focus-utils.d.ts

@@ -1,5 +1,5 @@
 import { FunctionalComponent } from "../stencil-public-runtime";
-export declare type Focusable = HTMLElement | {
+export type Focusable = HTMLElement | {
   setFocus(): void;
 };
 export declare const focusElement: (element: Focusable) => void;

package/lib/types/utils/language-utils.d.ts

@@ -1,3 +1,4 @@
+import { ComponentInterface } from "../stencil-public-runtime";
 import { DuetLanguage, DuetLanguageWithUs, DuetLocale } from "../common-types";
 /**
  * These utilities are helpfull in getting languages and returning default strings accordingly
@@ -17,7 +18,7 @@ export interface DuetLangObject {
   us?: any;
   sv: any;
 }
-export declare type DuetMonetaryDefaults = "$" | "€" | "£";
+export type DuetMonetaryDefaults = "$" | "€" | "£";
 export declare const getCurrentLanguage: () => string;
 export declare const isOfTypeLanguage: (keyInput: string) => keyInput is DuetLanguage;
 /**
@@ -52,3 +53,5 @@ export declare const sanitizeString: (string: any) => Record<string, any> | stri
  * @returns {(string|Object)} given example contains {fi:"something"} and language===fi this will return "something"
  */
 export declare const getLocaleString: (langObject: DuetLangObject | string, languageOverride?: string) => any;
+export declare const connectLanguageChangeObserver: (component: ComponentInterface) => void;
+export declare const disconnectLanguageChangeObserver: (component: ComponentInterface) => void;

package/lib/types/utils/test-utils.d.ts

@@ -1,7 +1,7 @@
 import { E2EElement, E2EPage } from "@stencil/core/testing";
 import { Page as PuppeteerPage } from "puppeteer";
-export declare type DuetE2EPage = E2EPage & Pick<PuppeteerPage, "screenshot" | "viewport">;
-declare type DuetE2EPageOptions = {
+export type DuetE2EPage = E2EPage & Pick<PuppeteerPage, "screenshot" | "viewport">;
+type DuetE2EPageOptions = {
   html: string;
   viewportWidth: number;
 };

package/lib/types/utils/token-utils.d.ts

@@ -21,4 +21,4 @@ export declare const breakpointToToken: {
   "xx-large": string;
   "xxx-large": string;
 };
-export declare type DuetBreakpoints = keyof typeof breakpointToToken;
+export type DuetBreakpoints = keyof typeof breakpointToToken;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "6.6.2",
+  "version": "6.7.1",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -30,7 +30,7 @@
     "test:stencil:ci": "stencil test --spec --passWithNoTests",
     "test:fixtures:watch": "run-p koa:ci test:stencil:fixtures:watch",
     "test:fixtures:ci": "cross-env-shell CI=true run-p koa:ci test:stencil:fixtures:ci",
-    "test:stencil:fixtures": "cross-env-shell VIZDIF=true stencil test --maxWorkers=50% --e2e -t vizdif",
+    "test:stencil:fixtures": "cross-env-shell VIZDIF=true stencil test --ci --e2e -t vizdif",
     "test:stencil:fixtures:watch": "cross-env-shell VIZDIF=true stencil test --maxWorkers=25% --e2e --watch -t vizdif",
     "test:stencil:fixtures:ci": "cross-env-shell VIZDIF=true stencil test --ci --e2e -t vizdif",
     "version": "npm run build",
@@ -50,29 +50,24 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "2.0.34",
-    "@duetds/icons": "3.0.34",
-    "@duetds/tokens": "3.0.34",
-    "@koa/cors": "3.3.0",
-    "@rollup/plugin-replace": "3.1.0",
-    "@stencil/core": "2.19.3",
-    "@stencil/sass": "1.5.2",
-    "@types/jest": "26.0.24",
-    "chalk": "4.1.2",
-    "copyfiles": "2.4.1",
+    "@duetds/fonts": "2.0.36",
+    "@duetds/icons": "3.0.36",
+    "@duetds/tokens": "3.0.36",
+    "@rollup/plugin-replace": "5.0.2",
+    "@stencil/core": "3.1.0",
+    "@stencil/sass": "3.0.0",
+    "@types/jest": "27.0.3",
     "cross-env": "7.0.3",
-    "dotenv": "16.0.0",
-    "find-up": "4.1.0",
-    "jest": "26.6.3",
-    "jest-cli": "26.6.3",
-    "jest-environment-node": "26.6.2",
-    "jest-junit": "12.3.0",
+    "dotenv": "16.0.3",
+    "jest": "27.0.3",
+    "jest-cli": "27.0.3",
+    "jest-environment-node": "27.0.3",
+    "jest-junit": "15.0.0",
     "kill-process-by-name": "1.0.5",
     "npm-run-all": "4.1.5",
-    "onchange": "7.1.0",
-    "prettier": "2.6.1",
+    "prettier": "2.8.4",
     "puppeteer": "19.3.0",
-    "sass": "1.49.10",
+    "sass": "1.59.2",
     "stylelint": "14.6.1",
     "stylelint-config-recess-order": "3.0.0",
     "stylelint-config-sass-guidelines": "9.0.1"
@@ -83,5 +78,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "f05216ef1a1a119d41847cedbf77bec568ec03b6"
+  "gitHead": "473da676ecdde00ca544c4317a4afb043d40b915"
 }