@duetds/components 6.1.0 → 6.2.2

package/lib/types/components.d.ts

@@ -12,6 +12,7 @@ import { DuetAlertEvent } from "./components/duet-alert/duet-alert";
 import { DuetButtonIconSize, DuetButtonSize, DuetButtonTextCentering, DuetButtonVariation, DuetButtonWrapping } from "./components/duet-button/duet-button";
 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 { DuetChoiceEvent, DuetChoiceType } from "./components/duet-choice/duet-choice";
 import { DuetCollapsibleHeadingFontSize, DuetCollapsibleToggleEvent, DuetCollapsibleWeight } from "./components/duet-collapsible/duet-collapsible";
@@ -33,6 +34,9 @@ import { DuetLabelMargin, DuetLabelSize } from "./components/duet-label/duet-lab
 import { DuetLayoutStickyDistance } from "./components/duet-layout/duet-layout";
 import { DuetListBreakpoint, DuetListLabelWidth, DuetListMobileAlignment, DuetListVariation } from "./components/duet-list/duet-list";
 import { DuetLogoSize } from "./components/duet-logo/duet-logo";
+import { DuetMenuBarDropdownEventDetails } from "./components/duet-menu-bar-dropdown/duet-menu-bar-dropdown";
+import { DuetMenuBarMenuEventDetails } from "./components/duet-menu-bar-menu/duet-menu-bar-menu";
+import { DuetMenuBarMenuDropdownEventDetails } from "./components/duet-menu-bar-menu-dropdown/duet-menu-bar-menu-dropdown";
 import { DuetModalCloseEvent, DuetModalSize } from "./components/duet-modal/duet-modal";
 import { DuetMultiselectEvent, DuetMultiselectItem } from "./components/duet-multiselect/duet-multiselect";
 import { DuetNotificationDrawerDirection } from "./components/duet-notification-drawer/duet-notification-drawer";
@@ -51,6 +55,7 @@ import { DuetTabGroupEvent, DuetTabVariation } from "./components/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 { DuetToolbarDropdownEventDetails } from "./components/duet-toolbar-dropdown/duet-toolbar-dropdown";
 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";
@@ -440,6 +445,10 @@ export namespace Components {
           * Sets focus on the specified `duet-card`. Use this method instead of the global `card.focus()`.
          */
         "setFocus": (options?: FocusOptions) => Promise<void>;
+        /**
+          * Breakpoint used to remove shadow around card. These match to similar media query tokens: $media-query-small and $media-query-medium.
+         */
+        "shadowBreakpoint"?: DuetBreakpoints;
         /**
           * Theme of the card.
          */
@@ -1594,6 +1603,10 @@ export namespace Components {
           * Align container vertically in the middle when the space allows it.
          */
         "middle": boolean;
+        /**
+          * Breakpoint used to remove padding. These match to similar media query tokens: $media-query-small and $media-query-medium.
+         */
+        "paddingBreakpoint"?: DuetBreakpoints;
         /**
           * Makes the sidebar stick to the top of the window when scrolling down.
          */
@@ -1713,6 +1726,122 @@ export namespace Components {
          */
         "theme": DuetTheme;
     }
+    interface DuetMenuBar {
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetMenuBarDropdown {
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Open
+         */
+        "open": boolean;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetMenuBarDropdownLink {
+        /**
+          * Href
+         */
+        "href": string;
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetMenuBarLink {
+        /**
+          * Href
+         */
+        "href": string;
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetMenuBarMenu {
+        /**
+          * Active
+         */
+        "active": boolean;
+        /**
+          * Open
+         */
+        "open": boolean;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetMenuBarMenuDropdown {
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Open
+         */
+        "open": boolean;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetMenuBarMenuDropdownLink {
+        /**
+          * Caret
+         */
+        "caret": boolean;
+        /**
+          * Highlight
+         */
+        "highlight": boolean;
+        /**
+          * Href
+         */
+        "href": string;
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetMenuBarMenuLink {
+        /**
+          * Active
+         */
+        "active": boolean;
+        /**
+          * Href
+         */
+        "href": string;
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
     interface DuetModal {
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface! Swedish translation for this property is “Stäng fönstret”.
@@ -1853,6 +1982,12 @@ export namespace Components {
          */
         "value": DuetMultiselectItem[];
     }
+    interface DuetNav {
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
     interface DuetNotification {
         /**
           * Adds accessible label for tooltip that is shown over unread counter
@@ -2505,6 +2640,16 @@ export namespace Components {
          */
         "theme": DuetTheme;
     }
+    interface DuetSectionLayout {
+        /**
+          * Controls the margin of the component.
+         */
+        "margin": DuetMargin;
+        /**
+          * Align container vertically in the middle when the space allows it.
+         */
+        "middle": boolean;
+    }
     interface DuetSelect {
         /**
           * Indicates the id of a related component’s visually focused element.
@@ -2988,6 +3133,66 @@ export namespace Components {
          */
         "value": string;
     }
+    interface DuetToolbar {
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetToolbarDropdown {
+        /**
+          * Active
+         */
+        "active": boolean;
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Open
+         */
+        "open": boolean;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetToolbarDropdownLink {
+        /**
+          * Active
+         */
+        "active": boolean;
+        /**
+          * Href
+         */
+        "href": string;
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetToolbarLink {
+        /**
+          * Active
+         */
+        "active": boolean;
+        /**
+          * Href
+         */
+        "href": string;
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
     interface DuetTooltip {
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface!
@@ -3393,6 +3598,18 @@ export interface DuetInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetInputElement;
 }
+export interface DuetMenuBarDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDuetMenuBarDropdownElement;
+}
+export interface DuetMenuBarMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDuetMenuBarMenuElement;
+}
+export interface DuetMenuBarMenuDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDuetMenuBarMenuDropdownElement;
+}
 export interface DuetModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetModalElement;
@@ -3445,6 +3662,10 @@ export interface DuetToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetToggleElement;
 }
+export interface DuetToolbarDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDuetToolbarDropdownElement;
+}
 export interface DuetUploadCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetUploadElement;
@@ -3648,6 +3869,54 @@ declare global {
         prototype: HTMLDuetLogoElement;
         new (): HTMLDuetLogoElement;
     };
+    interface HTMLDuetMenuBarElement extends Components.DuetMenuBar, HTMLStencilElement {
+    }
+    var HTMLDuetMenuBarElement: {
+        prototype: HTMLDuetMenuBarElement;
+        new (): HTMLDuetMenuBarElement;
+    };
+    interface HTMLDuetMenuBarDropdownElement extends Components.DuetMenuBarDropdown, HTMLStencilElement {
+    }
+    var HTMLDuetMenuBarDropdownElement: {
+        prototype: HTMLDuetMenuBarDropdownElement;
+        new (): HTMLDuetMenuBarDropdownElement;
+    };
+    interface HTMLDuetMenuBarDropdownLinkElement extends Components.DuetMenuBarDropdownLink, HTMLStencilElement {
+    }
+    var HTMLDuetMenuBarDropdownLinkElement: {
+        prototype: HTMLDuetMenuBarDropdownLinkElement;
+        new (): HTMLDuetMenuBarDropdownLinkElement;
+    };
+    interface HTMLDuetMenuBarLinkElement extends Components.DuetMenuBarLink, HTMLStencilElement {
+    }
+    var HTMLDuetMenuBarLinkElement: {
+        prototype: HTMLDuetMenuBarLinkElement;
+        new (): HTMLDuetMenuBarLinkElement;
+    };
+    interface HTMLDuetMenuBarMenuElement extends Components.DuetMenuBarMenu, HTMLStencilElement {
+    }
+    var HTMLDuetMenuBarMenuElement: {
+        prototype: HTMLDuetMenuBarMenuElement;
+        new (): HTMLDuetMenuBarMenuElement;
+    };
+    interface HTMLDuetMenuBarMenuDropdownElement extends Components.DuetMenuBarMenuDropdown, HTMLStencilElement {
+    }
+    var HTMLDuetMenuBarMenuDropdownElement: {
+        prototype: HTMLDuetMenuBarMenuDropdownElement;
+        new (): HTMLDuetMenuBarMenuDropdownElement;
+    };
+    interface HTMLDuetMenuBarMenuDropdownLinkElement extends Components.DuetMenuBarMenuDropdownLink, HTMLStencilElement {
+    }
+    var HTMLDuetMenuBarMenuDropdownLinkElement: {
+        prototype: HTMLDuetMenuBarMenuDropdownLinkElement;
+        new (): HTMLDuetMenuBarMenuDropdownLinkElement;
+    };
+    interface HTMLDuetMenuBarMenuLinkElement extends Components.DuetMenuBarMenuLink, HTMLStencilElement {
+    }
+    var HTMLDuetMenuBarMenuLinkElement: {
+        prototype: HTMLDuetMenuBarMenuLinkElement;
+        new (): HTMLDuetMenuBarMenuLinkElement;
+    };
     interface HTMLDuetModalElement extends Components.DuetModal, HTMLStencilElement {
     }
     var HTMLDuetModalElement: {
@@ -3660,6 +3929,12 @@ declare global {
         prototype: HTMLDuetMultiselectElement;
         new (): HTMLDuetMultiselectElement;
     };
+    interface HTMLDuetNavElement extends Components.DuetNav, HTMLStencilElement {
+    }
+    var HTMLDuetNavElement: {
+        prototype: HTMLDuetNavElement;
+        new (): HTMLDuetNavElement;
+    };
     interface HTMLDuetNotificationElement extends Components.DuetNotification, HTMLStencilElement {
     }
     var HTMLDuetNotificationElement: {
@@ -3726,6 +4001,12 @@ declare global {
         prototype: HTMLDuetScrollableElement;
         new (): HTMLDuetScrollableElement;
     };
+    interface HTMLDuetSectionLayoutElement extends Components.DuetSectionLayout, HTMLStencilElement {
+    }
+    var HTMLDuetSectionLayoutElement: {
+        prototype: HTMLDuetSectionLayoutElement;
+        new (): HTMLDuetSectionLayoutElement;
+    };
     interface HTMLDuetSelectElement extends Components.DuetSelect, HTMLStencilElement {
     }
     var HTMLDuetSelectElement: {
@@ -3786,6 +4067,30 @@ declare global {
         prototype: HTMLDuetToggleElement;
         new (): HTMLDuetToggleElement;
     };
+    interface HTMLDuetToolbarElement extends Components.DuetToolbar, HTMLStencilElement {
+    }
+    var HTMLDuetToolbarElement: {
+        prototype: HTMLDuetToolbarElement;
+        new (): HTMLDuetToolbarElement;
+    };
+    interface HTMLDuetToolbarDropdownElement extends Components.DuetToolbarDropdown, HTMLStencilElement {
+    }
+    var HTMLDuetToolbarDropdownElement: {
+        prototype: HTMLDuetToolbarDropdownElement;
+        new (): HTMLDuetToolbarDropdownElement;
+    };
+    interface HTMLDuetToolbarDropdownLinkElement extends Components.DuetToolbarDropdownLink, HTMLStencilElement {
+    }
+    var HTMLDuetToolbarDropdownLinkElement: {
+        prototype: HTMLDuetToolbarDropdownLinkElement;
+        new (): HTMLDuetToolbarDropdownLinkElement;
+    };
+    interface HTMLDuetToolbarLinkElement extends Components.DuetToolbarLink, HTMLStencilElement {
+    }
+    var HTMLDuetToolbarLinkElement: {
+        prototype: HTMLDuetToolbarLinkElement;
+        new (): HTMLDuetToolbarLinkElement;
+    };
     interface HTMLDuetTooltipElement extends Components.DuetTooltip, HTMLStencilElement {
     }
     var HTMLDuetTooltipElement: {
@@ -3850,8 +4155,17 @@ declare global {
         "duet-list": HTMLDuetListElement;
         "duet-list-item": HTMLDuetListItemElement;
         "duet-logo": HTMLDuetLogoElement;
+        "duet-menu-bar": HTMLDuetMenuBarElement;
+        "duet-menu-bar-dropdown": HTMLDuetMenuBarDropdownElement;
+        "duet-menu-bar-dropdown-link": HTMLDuetMenuBarDropdownLinkElement;
+        "duet-menu-bar-link": HTMLDuetMenuBarLinkElement;
+        "duet-menu-bar-menu": HTMLDuetMenuBarMenuElement;
+        "duet-menu-bar-menu-dropdown": HTMLDuetMenuBarMenuDropdownElement;
+        "duet-menu-bar-menu-dropdown-link": HTMLDuetMenuBarMenuDropdownLinkElement;
+        "duet-menu-bar-menu-link": HTMLDuetMenuBarMenuLinkElement;
         "duet-modal": HTMLDuetModalElement;
         "duet-multiselect": HTMLDuetMultiselectElement;
+        "duet-nav": HTMLDuetNavElement;
         "duet-notification": HTMLDuetNotificationElement;
         "duet-notification-drawer": HTMLDuetNotificationDrawerElement;
         "duet-number-input": HTMLDuetNumberInputElement;
@@ -3863,6 +4177,7 @@ declare global {
         "duet-range-slider": HTMLDuetRangeSliderElement;
         "duet-range-stepper": HTMLDuetRangeStepperElement;
         "duet-scrollable": HTMLDuetScrollableElement;
+        "duet-section-layout": HTMLDuetSectionLayoutElement;
         "duet-select": HTMLDuetSelectElement;
         "duet-spacer": HTMLDuetSpacerElement;
         "duet-spinner": HTMLDuetSpinnerElement;
@@ -3873,6 +4188,10 @@ declare global {
         "duet-table": HTMLDuetTableElement;
         "duet-textarea": HTMLDuetTextareaElement;
         "duet-toggle": HTMLDuetToggleElement;
+        "duet-toolbar": HTMLDuetToolbarElement;
+        "duet-toolbar-dropdown": HTMLDuetToolbarDropdownElement;
+        "duet-toolbar-dropdown-link": HTMLDuetToolbarDropdownLinkElement;
+        "duet-toolbar-link": HTMLDuetToolbarLinkElement;
         "duet-tooltip": HTMLDuetTooltipElement;
         "duet-tray": HTMLDuetTrayElement;
         "duet-upload": HTMLDuetUploadElement;
@@ -4275,6 +4594,10 @@ declare namespace LocalJSX {
           * Additional content for the card heading. If empty, both heading and collapse functionality will be hidden.
          */
         "secondaryHeading"?: string;
+        /**
+          * Breakpoint used to remove shadow around card. These match to similar media query tokens: $media-query-small and $media-query-medium.
+         */
+        "shadowBreakpoint"?: DuetBreakpoints;
         /**
           * Theme of the card.
          */
@@ -5535,6 +5858,10 @@ declare namespace LocalJSX {
           * Align container vertically in the middle when the space allows it.
          */
         "middle"?: boolean;
+        /**
+          * Breakpoint used to remove padding. These match to similar media query tokens: $media-query-small and $media-query-medium.
+         */
+        "paddingBreakpoint"?: DuetBreakpoints;
         /**
           * Makes the sidebar stick to the top of the window when scrolling down.
          */
@@ -5646,6 +5973,134 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
     }
+    interface DuetMenuBar {
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetMenuBarDropdown {
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Event raised when the dropdown 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**.
+         */
+        "onDuetMenuBarDropdownEvent"?: (event: DuetMenuBarDropdownCustomEvent<DuetMenuBarDropdownEventDetails>) => void;
+        /**
+          * Open
+         */
+        "open"?: boolean;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetMenuBarDropdownLink {
+        /**
+          * Href
+         */
+        "href"?: string;
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetMenuBarLink {
+        /**
+          * Href
+         */
+        "href"?: string;
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetMenuBarMenu {
+        /**
+          * Active
+         */
+        "active"?: boolean;
+        /**
+          * 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**.
+         */
+        "onDuetMenuBarMenuEvent"?: (event: DuetMenuBarMenuCustomEvent<DuetMenuBarMenuEventDetails>) => void;
+        /**
+          * Open
+         */
+        "open"?: boolean;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetMenuBarMenuDropdown {
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Event raised when the menu dropdown 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**.
+         */
+        "onDuetMenuBarMenuDropdownEvent"?: (event: DuetMenuBarMenuDropdownCustomEvent<DuetMenuBarMenuDropdownEventDetails>) => void;
+        /**
+          * Open
+         */
+        "open"?: boolean;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetMenuBarMenuDropdownLink {
+        /**
+          * Caret
+         */
+        "caret"?: boolean;
+        /**
+          * Highlight
+         */
+        "highlight"?: boolean;
+        /**
+          * Href
+         */
+        "href"?: string;
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetMenuBarMenuLink {
+        /**
+          * Active
+         */
+        "active"?: boolean;
+        /**
+          * Href
+         */
+        "href"?: string;
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetModal {
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface! Swedish translation for this property is “Stäng fönstret”.
@@ -5798,6 +6253,12 @@ declare namespace LocalJSX {
          */
         "value"?: DuetMultiselectItem[];
     }
+    interface DuetNav {
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetNotification {
         /**
           * Adds accessible label for tooltip that is shown over unread counter
@@ -6460,6 +6921,16 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
     }
+    interface DuetSectionLayout {
+        /**
+          * Controls the margin of the component.
+         */
+        "margin"?: DuetMargin;
+        /**
+          * Align container vertically in the middle when the space allows it.
+         */
+        "middle"?: boolean;
+    }
     interface DuetSelect {
         /**
           * Indicates the id of a related component’s visually focused element.
@@ -6962,6 +7433,70 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface DuetToolbar {
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetToolbarDropdown {
+        /**
+          * Active
+         */
+        "active"?: boolean;
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Event raised when the dropdown 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**.
+         */
+        "onDuetToolbarDropdownEvent"?: (event: DuetToolbarDropdownCustomEvent<DuetToolbarDropdownEventDetails>) => void;
+        /**
+          * Open
+         */
+        "open"?: boolean;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetToolbarDropdownLink {
+        /**
+          * Active
+         */
+        "active"?: boolean;
+        /**
+          * Href
+         */
+        "href"?: string;
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetToolbarLink {
+        /**
+          * Active
+         */
+        "active"?: boolean;
+        /**
+          * Href
+         */
+        "href"?: string;
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetTooltip {
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface!
@@ -7355,8 +7890,17 @@ declare namespace LocalJSX {
         "duet-list": DuetList;
         "duet-list-item": DuetListItem;
         "duet-logo": DuetLogo;
+        "duet-menu-bar": DuetMenuBar;
+        "duet-menu-bar-dropdown": DuetMenuBarDropdown;
+        "duet-menu-bar-dropdown-link": DuetMenuBarDropdownLink;
+        "duet-menu-bar-link": DuetMenuBarLink;
+        "duet-menu-bar-menu": DuetMenuBarMenu;
+        "duet-menu-bar-menu-dropdown": DuetMenuBarMenuDropdown;
+        "duet-menu-bar-menu-dropdown-link": DuetMenuBarMenuDropdownLink;
+        "duet-menu-bar-menu-link": DuetMenuBarMenuLink;
         "duet-modal": DuetModal;
         "duet-multiselect": DuetMultiselect;
+        "duet-nav": DuetNav;
         "duet-notification": DuetNotification;
         "duet-notification-drawer": DuetNotificationDrawer;
         "duet-number-input": DuetNumberInput;
@@ -7368,6 +7912,7 @@ declare namespace LocalJSX {
         "duet-range-slider": DuetRangeSlider;
         "duet-range-stepper": DuetRangeStepper;
         "duet-scrollable": DuetScrollable;
+        "duet-section-layout": DuetSectionLayout;
         "duet-select": DuetSelect;
         "duet-spacer": DuetSpacer;
         "duet-spinner": DuetSpinner;
@@ -7378,6 +7923,10 @@ declare namespace LocalJSX {
         "duet-table": DuetTable;
         "duet-textarea": DuetTextarea;
         "duet-toggle": DuetToggle;
+        "duet-toolbar": DuetToolbar;
+        "duet-toolbar-dropdown": DuetToolbarDropdown;
+        "duet-toolbar-dropdown-link": DuetToolbarDropdownLink;
+        "duet-toolbar-link": DuetToolbarLink;
         "duet-tooltip": DuetTooltip;
         "duet-tray": DuetTray;
         "duet-upload": DuetUpload;
@@ -7422,8 +7971,17 @@ declare module "@stencil/core" {
             "duet-list": LocalJSX.DuetList & JSXBase.HTMLAttributes<HTMLDuetListElement>;
             "duet-list-item": LocalJSX.DuetListItem & JSXBase.HTMLAttributes<HTMLDuetListItemElement>;
             "duet-logo": LocalJSX.DuetLogo & JSXBase.HTMLAttributes<HTMLDuetLogoElement>;
+            "duet-menu-bar": LocalJSX.DuetMenuBar & JSXBase.HTMLAttributes<HTMLDuetMenuBarElement>;
+            "duet-menu-bar-dropdown": LocalJSX.DuetMenuBarDropdown & JSXBase.HTMLAttributes<HTMLDuetMenuBarDropdownElement>;
+            "duet-menu-bar-dropdown-link": LocalJSX.DuetMenuBarDropdownLink & JSXBase.HTMLAttributes<HTMLDuetMenuBarDropdownLinkElement>;
+            "duet-menu-bar-link": LocalJSX.DuetMenuBarLink & JSXBase.HTMLAttributes<HTMLDuetMenuBarLinkElement>;
+            "duet-menu-bar-menu": LocalJSX.DuetMenuBarMenu & JSXBase.HTMLAttributes<HTMLDuetMenuBarMenuElement>;
+            "duet-menu-bar-menu-dropdown": LocalJSX.DuetMenuBarMenuDropdown & JSXBase.HTMLAttributes<HTMLDuetMenuBarMenuDropdownElement>;
+            "duet-menu-bar-menu-dropdown-link": LocalJSX.DuetMenuBarMenuDropdownLink & JSXBase.HTMLAttributes<HTMLDuetMenuBarMenuDropdownLinkElement>;
+            "duet-menu-bar-menu-link": LocalJSX.DuetMenuBarMenuLink & JSXBase.HTMLAttributes<HTMLDuetMenuBarMenuLinkElement>;
             "duet-modal": LocalJSX.DuetModal & JSXBase.HTMLAttributes<HTMLDuetModalElement>;
             "duet-multiselect": LocalJSX.DuetMultiselect & JSXBase.HTMLAttributes<HTMLDuetMultiselectElement>;
+            "duet-nav": LocalJSX.DuetNav & JSXBase.HTMLAttributes<HTMLDuetNavElement>;
             "duet-notification": LocalJSX.DuetNotification & JSXBase.HTMLAttributes<HTMLDuetNotificationElement>;
             "duet-notification-drawer": LocalJSX.DuetNotificationDrawer & JSXBase.HTMLAttributes<HTMLDuetNotificationDrawerElement>;
             "duet-number-input": LocalJSX.DuetNumberInput & JSXBase.HTMLAttributes<HTMLDuetNumberInputElement>;
@@ -7435,6 +7993,7 @@ declare module "@stencil/core" {
             "duet-range-slider": LocalJSX.DuetRangeSlider & JSXBase.HTMLAttributes<HTMLDuetRangeSliderElement>;
             "duet-range-stepper": LocalJSX.DuetRangeStepper & JSXBase.HTMLAttributes<HTMLDuetRangeStepperElement>;
             "duet-scrollable": LocalJSX.DuetScrollable & JSXBase.HTMLAttributes<HTMLDuetScrollableElement>;
+            "duet-section-layout": LocalJSX.DuetSectionLayout & JSXBase.HTMLAttributes<HTMLDuetSectionLayoutElement>;
             "duet-select": LocalJSX.DuetSelect & JSXBase.HTMLAttributes<HTMLDuetSelectElement>;
             "duet-spacer": LocalJSX.DuetSpacer & JSXBase.HTMLAttributes<HTMLDuetSpacerElement>;
             "duet-spinner": LocalJSX.DuetSpinner & JSXBase.HTMLAttributes<HTMLDuetSpinnerElement>;
@@ -7445,6 +8004,10 @@ declare module "@stencil/core" {
             "duet-table": LocalJSX.DuetTable & JSXBase.HTMLAttributes<HTMLDuetTableElement>;
             "duet-textarea": LocalJSX.DuetTextarea & JSXBase.HTMLAttributes<HTMLDuetTextareaElement>;
             "duet-toggle": LocalJSX.DuetToggle & JSXBase.HTMLAttributes<HTMLDuetToggleElement>;
+            "duet-toolbar": LocalJSX.DuetToolbar & JSXBase.HTMLAttributes<HTMLDuetToolbarElement>;
+            "duet-toolbar-dropdown": LocalJSX.DuetToolbarDropdown & JSXBase.HTMLAttributes<HTMLDuetToolbarDropdownElement>;
+            "duet-toolbar-dropdown-link": LocalJSX.DuetToolbarDropdownLink & JSXBase.HTMLAttributes<HTMLDuetToolbarDropdownLinkElement>;
+            "duet-toolbar-link": LocalJSX.DuetToolbarLink & JSXBase.HTMLAttributes<HTMLDuetToolbarLinkElement>;
             "duet-tooltip": LocalJSX.DuetTooltip & JSXBase.HTMLAttributes<HTMLDuetTooltipElement>;
             "duet-tray": LocalJSX.DuetTray & JSXBase.HTMLAttributes<HTMLDuetTrayElement>;
             "duet-upload": LocalJSX.DuetUpload & JSXBase.HTMLAttributes<HTMLDuetUploadElement>;