@duetds/components 6.10.3 → 6.11.0

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

@@ -10,9 +10,9 @@ export declare class DuetTooltip implements ThemeableComponent {
   private tooltipId;
   private scrollTimer;
   private buttonEl;
-  private tooltipEl;
-  private scrollableEl;
   private arrowEl;
+  private contentEl;
+  private popupElement;
   private focusTarget;
   private resizeTimer;
   /**
@@ -100,7 +100,7 @@ export declare class DuetTooltip implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
-  componentDidLoad(): void;
+  componentDidLoad(): Promise<void>;
   componentDidUpdate(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
@@ -110,6 +110,7 @@ export declare class DuetTooltip implements ThemeableComponent {
   onScroll(): void;
   handleWindowResize(): void;
   handleDocumentClick(e: MouseEvent): void;
+  handlePopupClose(): void;
   handleActiveChange(newActiveValue: boolean): Promise<void>;
   /**
    * Local methods
@@ -119,7 +120,6 @@ export declare class DuetTooltip implements ThemeableComponent {
   private toggleOpen;
   private handleFocusOut;
   private handleKeyDown;
-  private handleCloseClick;
   private updatePlacement;
   /**
    * render() function.

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

@@ -396,6 +396,7 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
   private metaData;
   private nativeInput?;
   private externalUploadButton?;
+  private itemRefs;
   /**
    * Properties
    */
@@ -444,6 +445,7 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
    * Convenience method for updating the value of a key:value inside an item in the files attribute
    */
   updateValue(item: string, key: string, value: any): Promise<void>;
+  focusActionButton(uid: string): Promise<void>;
   /**
    * render() function
    * Always the last one in the class.
@@ -493,7 +495,6 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
   private onFocus;
   private onReady;
   private onDone;
-  private onLinkClick;
   /**
    * @description This functions return sorted map items byg condition which are:
    */

package/lib/types/components/duet-upload-item/duet-upload-item.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { ThemeableComponent } from "../../common";
+import { DuetTheme } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
+import { DuetFileListItem, DuetUploadEvent } from "../duet-upload/duet-upload";
+import { DuetUploadErrorCode } from "../duet-upload/errorcodes.utils";
+export type ItemType = "pending" | "inprogress" | "failure" | "success";
+export declare class DuetUploadItem implements ThemeableComponent {
+  theme: DuetTheme;
+  data: DuetFileListItem;
+  type: ItemType;
+  showLinks: boolean;
+  actions: any;
+  label?: DuetLangObject;
+  categoryLabel?: DuetLangObject;
+  errorCodes?: DuetUploadErrorCode[];
+  showCategory?: boolean;
+  linkClickEvent?: EventEmitter<DuetUploadEvent>;
+  private actionButton?;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  focusActionButton(): Promise<void>;
+  private fileUploadingInfo;
+  private onLinkClick;
+  private getFileNameLine;
+  render(): any;
+}

package/lib/types/components.d.ts

@@ -41,6 +41,8 @@ import { DuetNotificationDrawerDirection } from "./components/duet-notification-
 import { DuetNumberInputEvent } from "./components/duet-number-input/duet-number-input";
 import { DuetPaginationPageEvent, DuetPaginationVariation } from "./components/duet-pagination/duet-pagination";
 import { DuetParagraphSize, DuetParagraphVariation, DuetParagraphWeight } from "./components/duet-paragraph/duet-paragraph";
+import { DuetPopupMenuEvent } from "./components/duet-popup-menu/duet-popup-menu";
+import { DuetPopupMenuItemEvent } from "./components/duet-popup-menu-item/duet-popup-menu-item";
 import { DuetRadioEvent } from "./components/duet-radio/duet-radio";
 import { DuetRangeChangeEvent } from "./components/duet-range-slider/duet-range-slider";
 import { DuetRangeStepperUpdateEvent } from "./components/duet-range-stepper/duet-range-stepper";
@@ -55,9 +57,13 @@ import { DuetTabGroupEvent, DuetTabVariation } from "./components/duet-tab-group
 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 { DuetTooltipPopupEvent } from "./components/duet-tooltip/duet-tooltip-popup";
 import { DuetUploadEvent, DuetUploadTableGroupName, StringMap, XHRInternalMiddleWare } from "./components/duet-upload/duet-upload";
 import { DuetEditableTableActions as DuetEditableTableActions1 } from "./components/duet-editable-table/duet-editable-table";
 import { DuetUploadErrorCode } from "./components/duet-upload/errorcodes.utils";
+import { DuetFileListItem, DuetUploadEvent as DuetUploadEvent1 } from "./components/duet-upload/duet-upload";
+import { ItemType } from "./components/duet-upload-item/duet-upload-item";
+import { EventEmitter } from "./stencil-public-runtime";
 export { DuetCardHeadingLevel, DuetChoiceGroupBreakpoint, DuetChoiceType, DuetColor, DuetDirection, DuetGridBreakpoint, DuetHeadingLevel, DuetIconName, DuetLanguage, DuetLinkVariation, DuetListBreakpoint, 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";
@@ -94,6 +100,8 @@ export { DuetNotificationDrawerDirection } from "./components/duet-notification-
 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 { DuetPopupMenuEvent } from "./components/duet-popup-menu/duet-popup-menu";
+export { DuetPopupMenuItemEvent } from "./components/duet-popup-menu-item/duet-popup-menu-item";
 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";
@@ -108,9 +116,13 @@ export { DuetTabGroupEvent, DuetTabVariation } from "./components/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 { DuetTooltipPopupEvent } from "./components/duet-tooltip/duet-tooltip-popup";
 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 { DuetFileListItem, DuetUploadEvent as DuetUploadEvent1 } from "./components/duet-upload/duet-upload";
+export { ItemType } from "./components/duet-upload-item/duet-upload-item";
+export { EventEmitter } from "./stencil-public-runtime";
 export namespace Components {
     interface DuetActionButton {
         /**
@@ -717,6 +729,10 @@ export namespace Components {
           * Name attribute of the html input (filter) or button.
          */
         "name": string;
+        /**
+          * Sets focus. Use this method instead of the global focus().
+         */
+        "setFocus": (options?: FocusOptions) => Promise<void>;
         /**
           * Theme of the button.
          */
@@ -1365,6 +1381,10 @@ export namespace Components {
           * Adjusts the horizontal distribution of the grid items.
          */
         "distribution": DuetGridDistribution;
+        /**
+          * CSS grid based templates that can be used to create pre-defined layouts.
+         */
+        "gridTemplate": "small" | "medium" | "large" | "sidebar-right" | "sidebar-left" | "two-columns" | "three-columns";
         /**
           * Adjusts the horizontal alignment of the grid items on mobile (575px and under).
          */
@@ -2714,7 +2734,7 @@ export namespace Components {
         /**
           * Element controlling the opening and closing of the popup menu.
          */
-        "controller": HTMLElement;
+        "controller": HTMLElement | (HTMLElement & { setFocus(): void });
         /**
           * Cross axis positioning offset of the popup menu relative to its controller. For "top" and "bottom" placements cross axis is horizontal, for "left" and "right" vertical.
          */
@@ -2746,6 +2766,7 @@ export namespace Components {
     | "bottom-end"
     | "left-start"
     | "left-end";
+        "position": "absolute" | "fixed";
         /**
           * Show.
          */
@@ -2772,10 +2793,15 @@ export namespace Components {
           * Forces URL to open in a new browser tab. Used together with URL prop.
          */
         "external": boolean;
+        "isFocused": () => Promise<boolean>;
         /**
           * Left icon.
          */
         "leadingIcon": DuetIconName;
+        /**
+          * Sets focus. Use this method instead of the global focus().
+         */
+        "setFocus": (options?: FocusOptions) => Promise<void>;
         /**
           * Theme.
          */
@@ -2792,6 +2818,10 @@ export namespace Components {
           * A destination to link to, rendered in the href attribute of a link.
          */
         "url": string;
+        /**
+          * Value
+         */
+        "value": string;
     }
     interface DuetProgress {
         /**
@@ -3300,6 +3330,38 @@ export namespace Components {
           * Is the component expanded or collapsed.
          */
         "open": boolean;
+        /**
+          * Show less accessible label. Defaults to what is in showLessAccessibleLabelDefaults prop.
+         */
+        "showLessAccessibleLabel": string;
+        /**
+          * Default translations for show less accessible label.
+         */
+        "showLessAccessibleLabelDefaults": DuetLangObject;
+        /**
+          * Show less label. Defaults to what is in showLessLabelDefaults prop.
+         */
+        "showLessLabel": string;
+        /**
+          * Default translations for show less label.
+         */
+        "showLessLabelDefaults": DuetLangObject;
+        /**
+          * Show more accessible label. Defaults to what is in showMoreAccessibleLabelDefaults prop.
+         */
+        "showMoreAccessibleLabel": string;
+        /**
+          * Default translations for show more accessible label.
+         */
+        "showMoreAccessibleLabelDefaults": DuetLangObject;
+        /**
+          * Show more label. Defaults to what is in showMoreLabelDefaults prop.
+         */
+        "showMoreLabel": string;
+        /**
+          * Default translations for show more label.
+         */
+        "showMoreLabelDefaults": DuetLangObject;
         /**
           * Theme.
          */
@@ -4054,6 +4116,20 @@ export namespace Components {
          */
         "theme": DuetTheme;
     }
+    interface DuetTooltipPopup {
+        "accessibleCloseLabel": string;
+        "active": boolean;
+        "arrowStyles": { top: string | undefined; left: string | undefined };
+        "getArrowElement": () => Promise<HTMLElement>;
+        "getContentElement": () => Promise<HTMLElement>;
+        "placement": string;
+        "setFocusOnContentElement": () => Promise<void>;
+        /**
+          * Theme of the tooltip.
+         */
+        "theme": DuetTheme;
+        "tooltipId": string;
+    }
     interface DuetTray {
         /**
           * Accessible label that is shown for screen reader users in the expandable close toggle. Not visible for normal users.
@@ -4207,6 +4283,7 @@ export namespace Components {
           * Map of string that contain list of uploaded files.
          */
         "files": StringMap;
+        "focusActionButton": (uid: string) => Promise<void>;
         /**
           * Get list of files, divided in errors and valid sections
          */
@@ -4364,6 +4441,22 @@ export namespace Components {
          */
         "valid": number;
     }
+    interface DuetUploadItem {
+        "actions": any;
+        "categoryLabel"?: DuetLangObject;
+        "data": DuetFileListItem;
+        "errorCodes"?: DuetUploadErrorCode[];
+        "focusActionButton": () => Promise<void>;
+        "label"?: DuetLangObject;
+        "linkClickEvent"?: EventEmitter<DuetUploadEvent1>;
+        "showCategory"?: boolean;
+        "showLinks": boolean;
+        /**
+          * Theme of the card. Can be one of: "default", "turva".
+         */
+        "theme": DuetTheme;
+        "type": ItemType;
+    }
     interface DuetVisuallyHidden {
     }
 }
@@ -4451,6 +4544,14 @@ export interface DuetPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetPaginationElement;
 }
+export interface DuetPopupMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDuetPopupMenuElement;
+}
+export interface DuetPopupMenuItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDuetPopupMenuItemElement;
+}
 export interface DuetRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetRadioElement;
@@ -4495,6 +4596,10 @@ export interface DuetToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetToggleElement;
 }
+export interface DuetTooltipPopupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDuetTooltipPopupElement;
+}
 export interface DuetUploadCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetUploadElement;
@@ -5028,6 +5133,12 @@ declare global {
         prototype: HTMLDuetTooltipElement;
         new (): HTMLDuetTooltipElement;
     };
+    interface HTMLDuetTooltipPopupElement extends Components.DuetTooltipPopup, HTMLStencilElement {
+    }
+    var HTMLDuetTooltipPopupElement: {
+        prototype: HTMLDuetTooltipPopupElement;
+        new (): HTMLDuetTooltipPopupElement;
+    };
     interface HTMLDuetTrayElement extends Components.DuetTray, HTMLStencilElement {
     }
     var HTMLDuetTrayElement: {
@@ -5046,6 +5157,12 @@ declare global {
         prototype: HTMLDuetUploadAriaStatusElement;
         new (): HTMLDuetUploadAriaStatusElement;
     };
+    interface HTMLDuetUploadItemElement extends Components.DuetUploadItem, HTMLStencilElement {
+    }
+    var HTMLDuetUploadItemElement: {
+        prototype: HTMLDuetUploadItemElement;
+        new (): HTMLDuetUploadItemElement;
+    };
     interface HTMLDuetVisuallyHiddenElement extends Components.DuetVisuallyHidden, HTMLStencilElement {
     }
     var HTMLDuetVisuallyHiddenElement: {
@@ -5141,9 +5258,11 @@ declare global {
         "duet-toolbar-dropdown-link": HTMLDuetToolbarDropdownLinkElement;
         "duet-toolbar-link": HTMLDuetToolbarLinkElement;
         "duet-tooltip": HTMLDuetTooltipElement;
+        "duet-tooltip-popup": HTMLDuetTooltipPopupElement;
         "duet-tray": HTMLDuetTrayElement;
         "duet-upload": HTMLDuetUploadElement;
         "duet-upload-aria-status": HTMLDuetUploadAriaStatusElement;
+        "duet-upload-item": HTMLDuetUploadItemElement;
         "duet-visually-hidden": HTMLDuetVisuallyHiddenElement;
     }
 }
@@ -6457,6 +6576,10 @@ declare namespace LocalJSX {
           * Adjusts the horizontal distribution of the grid items.
          */
         "distribution"?: DuetGridDistribution;
+        /**
+          * CSS grid based templates that can be used to create pre-defined layouts.
+         */
+        "gridTemplate"?: "small" | "medium" | "large" | "sidebar-right" | "sidebar-left" | "two-columns" | "three-columns";
         /**
           * Adjusts the horizontal alignment of the grid items on mobile (575px and under).
          */
@@ -7852,7 +7975,7 @@ declare namespace LocalJSX {
         /**
           * Element controlling the opening and closing of the popup menu.
          */
-        "controller"?: HTMLElement;
+        "controller"?: HTMLElement | (HTMLElement & { setFocus(): void });
         /**
           * Cross axis positioning offset of the popup menu relative to its controller. For "top" and "bottom" placements cross axis is horizontal, for "left" and "right" vertical.
          */
@@ -7861,6 +7984,10 @@ declare namespace LocalJSX {
           * Main axis positioning offset of the popup menu relative to its controller. For "top" and "bottom" placements main axis is vertical, for "left" and "right" horizontal.
          */
         "mainAxisOffset"?: number;
+        /**
+          * Emitted when the popup menu is opened or closed.
+         */
+        "onDuetToggle"?: (event: DuetPopupMenuCustomEvent<DuetPopupMenuEvent>) => void;
         /**
           * Placement of the popup menu relative to its controller. Possible values: "top", "bottom", "left" and "right", optionally combined with "-start" or "-end".
          */
@@ -7876,6 +8003,7 @@ declare namespace LocalJSX {
     | "bottom-end"
     | "left-start"
     | "left-end";
+        "position"?: "absolute" | "fixed";
         /**
           * Theme.
          */
@@ -7898,6 +8026,14 @@ declare namespace LocalJSX {
           * Left icon.
          */
         "leadingIcon"?: DuetIconName;
+        /**
+          * Emitted when the item loses focus.
+         */
+        "onDuetBlur"?: (event: DuetPopupMenuItemCustomEvent<DuetPopupMenuItemEvent>) => void;
+        /**
+          * Emitted when the item receives focus.
+         */
+        "onDuetFocus"?: (event: DuetPopupMenuItemCustomEvent<DuetPopupMenuItemEvent>) => void;
         /**
           * Theme.
          */
@@ -7914,6 +8050,10 @@ declare namespace LocalJSX {
           * A destination to link to, rendered in the href attribute of a link.
          */
         "url"?: string;
+        /**
+          * Value
+         */
+        "value"?: string;
     }
     interface DuetProgress {
         /**
@@ -8447,6 +8587,38 @@ declare namespace LocalJSX {
           * Is the component expanded or collapsed.
          */
         "open"?: boolean;
+        /**
+          * Show less accessible label. Defaults to what is in showLessAccessibleLabelDefaults prop.
+         */
+        "showLessAccessibleLabel"?: string;
+        /**
+          * Default translations for show less accessible label.
+         */
+        "showLessAccessibleLabelDefaults"?: DuetLangObject;
+        /**
+          * Show less label. Defaults to what is in showLessLabelDefaults prop.
+         */
+        "showLessLabel"?: string;
+        /**
+          * Default translations for show less label.
+         */
+        "showLessLabelDefaults"?: DuetLangObject;
+        /**
+          * Show more accessible label. Defaults to what is in showMoreAccessibleLabelDefaults prop.
+         */
+        "showMoreAccessibleLabel"?: string;
+        /**
+          * Default translations for show more accessible label.
+         */
+        "showMoreAccessibleLabelDefaults"?: DuetLangObject;
+        /**
+          * Show more label. Defaults to what is in showMoreLabelDefaults prop.
+         */
+        "showMoreLabel"?: string;
+        /**
+          * Default translations for show more label.
+         */
+        "showMoreLabelDefaults"?: DuetLangObject;
         /**
           * Theme.
          */
@@ -9190,6 +9362,21 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
     }
+    interface DuetTooltipPopup {
+        "accessibleCloseLabel"?: string;
+        "active"?: boolean;
+        "arrowStyles"?: { top: string | undefined; left: string | undefined };
+        /**
+          * Component event handling.
+         */
+        "onTooltipPopupClosed"?: (event: DuetTooltipPopupCustomEvent<DuetTooltipPopupEvent>) => void;
+        "placement"?: string;
+        /**
+          * Theme of the tooltip.
+         */
+        "theme"?: DuetTheme;
+        "tooltipId"?: string;
+    }
     interface DuetTray {
         /**
           * Accessible label that is shown for screen reader users in the expandable close toggle. Not visible for normal users.
@@ -9520,6 +9707,21 @@ declare namespace LocalJSX {
          */
         "valid"?: number;
     }
+    interface DuetUploadItem {
+        "actions"?: any;
+        "categoryLabel"?: DuetLangObject;
+        "data"?: DuetFileListItem;
+        "errorCodes"?: DuetUploadErrorCode[];
+        "label"?: DuetLangObject;
+        "linkClickEvent"?: EventEmitter<DuetUploadEvent1>;
+        "showCategory"?: boolean;
+        "showLinks"?: boolean;
+        /**
+          * Theme of the card. Can be one of: "default", "turva".
+         */
+        "theme"?: DuetTheme;
+        "type"?: ItemType;
+    }
     interface DuetVisuallyHidden {
     }
     interface IntrinsicElements {
@@ -9611,9 +9813,11 @@ declare namespace LocalJSX {
         "duet-toolbar-dropdown-link": DuetToolbarDropdownLink;
         "duet-toolbar-link": DuetToolbarLink;
         "duet-tooltip": DuetTooltip;
+        "duet-tooltip-popup": DuetTooltipPopup;
         "duet-tray": DuetTray;
         "duet-upload": DuetUpload;
         "duet-upload-aria-status": DuetUploadAriaStatus;
+        "duet-upload-item": DuetUploadItem;
         "duet-visually-hidden": DuetVisuallyHidden;
     }
 }
@@ -9709,9 +9913,11 @@ declare module "@stencil/core" {
             "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-tooltip-popup": LocalJSX.DuetTooltipPopup & JSXBase.HTMLAttributes<HTMLDuetTooltipPopupElement>;
             "duet-tray": LocalJSX.DuetTray & JSXBase.HTMLAttributes<HTMLDuetTrayElement>;
             "duet-upload": LocalJSX.DuetUpload & JSXBase.HTMLAttributes<HTMLDuetUploadElement>;
             "duet-upload-aria-status": LocalJSX.DuetUploadAriaStatus & JSXBase.HTMLAttributes<HTMLDuetUploadAriaStatusElement>;
+            "duet-upload-item": LocalJSX.DuetUploadItem & JSXBase.HTMLAttributes<HTMLDuetUploadItemElement>;
             "duet-visually-hidden": LocalJSX.DuetVisuallyHidden & JSXBase.HTMLAttributes<HTMLDuetVisuallyHiddenElement>;
         }
     }

package/lib/types/utils/teleport.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Teleport helps resolving z-index issues of overlapping popup elements.
+ * Initiate it in your component's willLoad or didLoad lifecycle hook.
+ * When you open the popup, call teleport.go() and move focus to the popup.
+ * When you close the popup, call teleport.resume() and move focus to the element that opened the popup.
+ * If your popup has closing animation, use the timeout parameter.
+ */
+export declare class Teleport {
+  element: HTMLElement;
+  target: HTMLElement;
+  stub: HTMLElement;
+  constructor(element: HTMLElement, target?: HTMLElement);
+  go(): void;
+  resume(timeout?: number): void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "6.10.3",
+  "version": "6.11.0",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -55,9 +55,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "2.0.61",
-    "@duetds/icons": "3.0.61",
-    "@duetds/tokens": "3.0.61",
+    "@duetds/fonts": "2.0.63",
+    "@duetds/icons": "3.0.63",
+    "@duetds/tokens": "3.0.63",
     "@percy/cli": "1.21.0",
     "@rollup/plugin-replace": "5.0.2",
     "@stencil/core": "3.1.0",
@@ -84,5 +84,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "361c2cf0c4e0df4cec4a582904a095f0b1cb33d2"
+  "gitHead": "eb6f0f8687d758e4a0e459001fbb300393a7af2b"
 }