@duetds/components 8.0.0 → 8.0.2

package/lib/cjs/duet-toggle.cjs.entry.js

@@ -5,10 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const createId = require('./create-id-167cd350.js');
-const nudge = require('./nudge-84818dad.js');
 
 const duetToggleCss = "*.sc-duet-toggle,*.sc-duet-toggle::after,*.sc-duet-toggle::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-toggle-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-toggle-h:last-child,.sc-duet-toggle-h:last-of-type{margin-right:0 !important}.duet-m-0.sc-duet-toggle-h{margin:0 !important}duet-label.sc-duet-toggle{display:block !important;width:100% !important}.duet-side-label.sc-duet-toggle{display:flex;gap:12px;align-items:center}.duet-side-label.sc-duet-toggle duet-label.sc-duet-toggle{width:auto !important}.duet-reverse-label.sc-duet-toggle{flex-direction:row-reverse}.duet-switch.sc-duet-toggle{position:relative;display:block;width:48px;height:28px}.duet-switch.sc-duet-toggle input.sc-duet-toggle{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(198, 12, 48)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle{cursor:default}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#c8cacc}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#bababa}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#80bbd9}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#e38698}.user-is-tabbing.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-toggle-h .duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-slider.sc-duet-toggle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(144, 149, 153);border-radius:24px;transition:background-color 300ms ease}.duet-slider.sc-duet-toggle::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:\"\";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle{background-color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}";
 
@@ -63,9 +62,6 @@ const DuetToggle = class {
       this.value = this.identifier;
     }
   }
-  componentDidLoad() {
-    nudge.nudge();
-  }
   /**
    * Sets focus on the specified `duet-toggle`. Use this method instead of the global
    * `input.focus()`.

package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js

@@ -5,10 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const keyboardUtils = require('./keyboard-utils-02441bc5.js');
-const nudge = require('./nudge-84818dad.js');
 
 const duetToolbarDropdownLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77);text-align:center;text-decoration:none}.duet-toolbar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-toolbar-dropdown-link.active,.duet-toolbar-dropdown-link.active:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-toolbar-dropdown-link.active.duet-theme-turva,.duet-toolbar-dropdown-link.active:hover.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-toolbar-dropdown-link:hover{background:rgb(230, 242, 248)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(228, 228, 230)}";
 
@@ -28,9 +27,6 @@ const DuetToolbarDropdownLink = class {
   componentWillLoad() {
     themeableComponent.inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge.nudge();
-  }
   handleEscape(e) {
     if (keyboardUtils.isEscapeKey(e)) {
       const dropdown = this.element.closest("duet-toolbar-dropdown");

package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js

@@ -5,10 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const keyboardUtils = require('./keyboard-utils-02441bc5.js');
-const nudge = require('./nudge-84818dad.js');
 
 const duetToolbarDropdownCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-toolbar-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128);text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(0, 41, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-dropdown .items{position:absolute;top:102%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:1rem 0;color:rgb(0, 41, 77);background:rgb(243, 249, 252);border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(245, 245, 247)}";
 
@@ -36,9 +35,6 @@ const DuetToolbarDropdown = class {
   componentWillLoad() {
     themeableComponent.inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge.nudge();
-  }
   handleEscape(e) {
     if (keyboardUtils.isEscapeKey(e)) {
       this.open = false;

package/lib/cjs/duet-toolbar-link.cjs.entry.js

@@ -5,9 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
-const nudge = require('./nudge-84818dad.js');
 
 const duetToolbarLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128);text-align:center;text-decoration:none;white-space:nowrap}.duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-toolbar-link:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-link.active{color:rgb(0, 41, 77)}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}";
 
@@ -26,9 +25,6 @@ const DuetToolbarLink = class {
   componentWillLoad() {
     themeableComponent.inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge.nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.

package/lib/cjs/duet-toolbar.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 
 const duetToolbarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}.duet-toolbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(225, 227, 230)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(228, 228, 230)}";

package/lib/cjs/duet-tooltip-button_2.cjs.entry.js

@@ -5,10 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
-const nudge = require('./nudge-84818dad.js');
-const focusUtils = require('./focus-utils-cc0e6f8e.js');
+const focusUtils = require('./focus-utils-b3f9c253.js');
 const teleport = require('./teleport-af825e04.js');
 
 const duetTooltipButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button:hover{color:rgb(0, 77, 128)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(148, 9, 37)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}";
@@ -28,9 +27,6 @@ const DuetTooltipButton = class {
   componentWillLoad() {
     themeableComponent.inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge.nudge();
-  }
   async setFocus(options) {
     if (this.buttonElement) {
       this.buttonElement.focus(options);
@@ -82,9 +78,6 @@ const DuetTooltipPopup = class {
     themeableComponent.inheritGlobalTheme(this);
     this.teleport = new teleport.Teleport(this.element);
   }
-  componentDidLoad() {
-    nudge.nudge();
-  }
   async getArrowElement() {
     return this.arrowEl;
   }

package/lib/cjs/duet-tooltip.cjs.entry.js

@@ -5,14 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 const tokens = require('./tokens-cecc0f2f.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a7d59d53.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const createId = require('./create-id-167cd350.js');
 const keyboardUtils = require('./keyboard-utils-02441bc5.js');
 const languageUtils = require('./language-utils-dc19e8b6.js');
-const nudge = require('./nudge-84818dad.js');
 require('./string-utils-51a2f59f.js');
 
 const duetTooltipCss = "*.sc-duet-tooltip,*.sc-duet-tooltip::after,*.sc-duet-tooltip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-tooltip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button.sc-duet-tooltip{position:relative}duet-tooltip-popup.sc-duet-tooltip{position:absolute}";
@@ -117,7 +116,6 @@ const DuetTooltip = class {
     }
     this.intersectionObserver = new IntersectionObserver(this.updatePlacement, { root: document.body });
     this.intersectionObserver.observe(this.element);
-    nudge.nudge();
   }
   componentDidUpdate() {
     switch (this.focusTarget) {

package/lib/cjs/duet-tray.cjs.entry.js

@@ -5,12 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 const tokens_module = require('./tokens.module-10f42b21.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const createId = require('./create-id-167cd350.js');
 const languageUtils = require('./language-utils-dc19e8b6.js');
-const nudge = require('./nudge-84818dad.js');
 require('./string-utils-51a2f59f.js');
 
 const duetTrayCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);visibility:hidden;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(228, 228, 230)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(0, 41, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}";
@@ -62,9 +61,6 @@ const DuetTray = class {
     themeableComponent.inheritGlobalTheme(this);
     this.hasAdditionalContent = !!this.element.querySelector("[slot='additional']");
   }
-  componentDidLoad() {
-    nudge.nudge();
-  }
   connectedCallback() {
     languageUtils.connectLanguageChangeObserver(this, [
       { prop: "accessibleOpenLabel", defaults: "accessibleOpenLabelDefaults" },

package/lib/cjs/duet-upload-aria-status.cjs.entry.js

@@ -5,8 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
-const nudge = require('./nudge-84818dad.js');
+const index = require('./index-6daa7c8e.js');
 
 const DuetUploadAriaStatus = class {
   constructor(hostRef) {
@@ -62,12 +61,6 @@ const DuetUploadAriaStatus = class {
       this.getStatusMessage();
     }
   }
-  /**
-   * Component lifecycle events.
-   */
-  componentDidLoad() {
-    nudge.nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.

package/lib/cjs/duet-upload-item.cjs.entry.js

@@ -5,10 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const languageUtils = require('./language-utils-dc19e8b6.js');
-const nudge = require('./nudge-84818dad.js');
 const errorcodes_utils = require('./errorcodes.utils-8e928de5.js');
 require('./string-utils-51a2f59f.js');
 
@@ -60,9 +59,6 @@ const DuetUploadItem = class {
   componentWillLoad() {
     themeableComponent.inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge.nudge();
-  }
   /**
    * focusActionButton.
    */

package/lib/cjs/duet-visually-hidden.cjs.entry.js

@@ -5,8 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
-const nudge = require('./nudge-84818dad.js');
+const index = require('./index-6daa7c8e.js');
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
 
@@ -14,9 +13,6 @@ const DuetVisuallyHidden = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
-  componentDidLoad() {
-    nudge.nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.

package/lib/cjs/duet.cjs.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 const appGlobals = require('./app-globals-4ab83f59.js');
 
 /*

package/lib/cjs/{focus-utils-cc0e6f8e.js → focus-utils-b3f9c253.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 
 const focusElement = (element) => {
   if ("setFocus" in element) {

package/lib/cjs/{index-83a4e16a.js → index-6daa7c8e.js}

@@ -25,7 +25,7 @@ function _interopNamespace(e) {
 
 const NAMESPACE = 'duet';
 const BUILD = /* duet */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: true, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: true, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: true, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
-const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"4.0.18"};
+const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"4.0.20"};
 
 /**
  * Virtual DOM patching algorithm based on Snabbdom by

package/lib/cjs/loader.cjs.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-83a4e16a.js');
+const index = require('./index-6daa7c8e.js');
 const appGlobals = require('./app-globals-4ab83f59.js');
 
 const defineCustomElements = (win, options) => {

package/lib/collection/components/duet-action-button/duet-action-button.js

@@ -7,7 +7,6 @@ import { createID } from "../../utils/create-id";
 import { debounce } from "../../utils/js-utils";
 import { isKeyboardClick } from "../../utils/keyboard-utils";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLocaleString, } from "../../utils/language-utils";
-import { nudge } from "../../utils/nudge";
 import { capitalizeFirstLetter, getColorByName, shadeRGBColor } from "../../utils/token-utils";
 /**
  * @slot default - slot inside an invisible element, this can be used to enhance accessibility
@@ -89,9 +88,6 @@ export class DuetActionButton {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge(this);
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelsDefaults" });
   }
@@ -237,7 +233,7 @@ export class DuetActionButton {
           "references": {
             "DuetActionButtonIconSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-action-button/duet-action-button.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-action-button/duet-action-button.tsx",
               "id": "src/components/duet-action-button/duet-action-button.tsx::DuetActionButtonIconSize"
             }
           }
@@ -566,7 +562,7 @@ export class DuetActionButton {
           "references": {
             "DuetActionButtonEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-action-button/duet-action-button.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-action-button/duet-action-button.tsx",
               "id": "src/components/duet-action-button/duet-action-button.tsx::DuetActionButtonEvent"
             }
           }

package/lib/collection/components/duet-alert/duet-alert.js

@@ -5,7 +5,6 @@ import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { createID } from "../../utils/create-id";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLocaleString, } from "../../utils/language-utils";
-import { nudge } from "../../utils/nudge";
 export class DuetAlert {
   constructor() {
     this.descriptiveId = createID("DuetAlert");
@@ -50,7 +49,6 @@ export class DuetAlert {
     if (this.autoDismiss) {
       this.timeoutID = setTimeout(() => this.handleDismiss(), this.autoDismiss);
     }
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelDefaults" });
@@ -93,11 +91,10 @@ export class DuetAlert {
    */
   render() {
     const closeColor = this.theme === "turva" ? "secondary-turva" : "secondary";
-    const role = this.variation === "danger" || this.variation === "warning" ? "alert" : "status";
     return (h(Host, { class: {
         "duet-theme-turva": this.theme === "turva",
         "duet-alert-is-dismissed": this.isDismissed,
-      }, role: this.announcements ? role : undefined }, h("div", { class: {
+      }, role: this.announcements ? "alert" : undefined }, h("div", { class: {
         "duet-alert": true,
         "duet-alert-has-icon": !!this.icon,
         "duet-alert-is-dismissible": this.dismissible,
@@ -387,7 +384,7 @@ export class DuetAlert {
           "references": {
             "DuetAlertEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-alert/duet-alert.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-alert/duet-alert.tsx",
               "id": "src/components/duet-alert/duet-alert.tsx::DuetAlertEvent"
             }
           }

package/lib/collection/components/duet-badge/duet-badge.js

@@ -3,7 +3,6 @@
  */
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
-import { nudge } from "../../utils/nudge";
 export class DuetBadge {
   constructor() {
     this.theme = "";
@@ -17,9 +16,6 @@ export class DuetBadge {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge(this);
-  }
   /**
    * render() function
    * Always the last one of the class.

package/lib/collection/components/duet-banner/duet-banner.js

@@ -3,7 +3,6 @@
  */
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
-import { nudge } from "../../utils/nudge";
 import { getColorByName } from "../../utils/token-utils";
 export class DuetBanner {
   constructor() {
@@ -27,9 +26,6 @@ export class DuetBanner {
     this.hasDescriptionSlot = !!this.element.querySelector('[slot="description"]');
     this.hasActionSlot = !!this.element.querySelector('[slot="action"]');
   }
-  componentDidLoad() {
-    nudge(this);
-  }
   /**
    * render() function
    * Always the last one of the class.

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js

@@ -5,7 +5,6 @@ import arrowRightSmallIcon from "@duetds/icons/lib/assets/action-arrow-right-sma
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
-import { nudge } from "../../utils/nudge";
 export class DuetBreadcrumb {
   constructor() {
     this.currentCrumb = {
@@ -25,9 +24,6 @@ export class DuetBreadcrumb {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge(this);
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this);
   }

package/lib/collection/components/duet-button/duet-button.js

@@ -5,7 +5,6 @@ import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common";
 import { DuetStringsExternalDefaults } from "../../common-strings";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
-import { nudge } from "../../utils/nudge";
 import { getColorByName } from "../../utils/token-utils";
 export class DuetButton {
   constructor() {
@@ -75,9 +74,6 @@ export class DuetButton {
       console.warn("[DUET]: Button used as an external link will override any icon that is set");
     }
   }
-  componentDidLoad() {
-    nudge(this);
-  }
   connectedCallback() {
     this.proxyButton = document.createElement("button");
     this.proxyButton.style.display = "none";
@@ -416,7 +412,7 @@ export class DuetButton {
           "references": {
             "DuetButtonVariation": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx",
               "id": "src/components/duet-button/duet-button.tsx::DuetButtonVariation"
             }
           }
@@ -536,7 +532,7 @@ export class DuetButton {
           "references": {
             "DuetButtonTextCentering": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx",
               "id": "src/components/duet-button/duet-button.tsx::DuetButtonTextCentering"
             }
           }
@@ -560,7 +556,7 @@ export class DuetButton {
           "references": {
             "DuetButtonWrapping": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx",
               "id": "src/components/duet-button/duet-button.tsx::DuetButtonWrapping"
             }
           }
@@ -869,7 +865,7 @@ export class DuetButton {
           "references": {
             "DuetButtonIconSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx",
               "id": "src/components/duet-button/duet-button.tsx::DuetButtonIconSize"
             }
           }
@@ -893,7 +889,7 @@ export class DuetButton {
           "references": {
             "DuetButtonSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx",
               "id": "src/components/duet-button/duet-button.tsx::DuetButtonSize"
             }
           }

package/lib/collection/components/duet-callout/duet-callout.js

@@ -3,7 +3,6 @@
  */
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
-import { nudge } from "../../utils/nudge";
 /**
  * @slot default - Slot for text.
  * @slot author - Slot for author information.
@@ -21,9 +20,6 @@ export class DuetCallout {
     inheritGlobalTheme(this);
     this.hasAuthorSlot = !!this.element.querySelector('[slot="author"]');
   }
-  componentDidLoad() {
-    nudge(this);
-  }
   /**
    * render() function
    * Always the last one in the class.

package/lib/collection/components/duet-caption/duet-caption.js

@@ -3,7 +3,6 @@
  */
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
-import { nudge } from "../../utils/nudge";
 export class DuetCaption {
   constructor() {
     this.theme = "";
@@ -17,9 +16,6 @@ export class DuetCaption {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge(this);
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -122,7 +118,7 @@ export class DuetCaption {
           "references": {
             "DuetCaptionSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-caption/duet-caption.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-caption/duet-caption.tsx",
               "id": "src/components/duet-caption/duet-caption.tsx::DuetCaptionSize"
             }
           }

package/lib/collection/components/duet-card/duet-card.js

@@ -6,7 +6,6 @@ import { Build, Fragment, h, Host } from "@stencil/core";
 import { duetBlock, duetHeadingLevels, inheritGlobalTheme } from "../../common";
 import { createID } from "../../utils/create-id";
 import { isKeyboardClick } from "../../utils/keyboard-utils";
-import { nudge } from "../../utils/nudge";
 import { sanitizeString } from "../../utils/string-utils";
 import { getColorByName } from "../../utils/token-utils";
 /**
@@ -61,9 +60,6 @@ export class DuetCard {
       : !!this.element.querySelector(":scope > [slot='heading']");
     this.hasFooter = !!this.element.querySelector("[slot='footer']");
   }
-  componentDidLoad() {
-    nudge(this);
-  }
   renderHeading() {
     const safeHeadingLevel = sanitizeString(this.headingLevel);
     const HeadingTag = [...duetHeadingLevels, duetBlock].some(tag => tag === safeHeadingLevel) ? safeHeadingLevel : "h2";
@@ -187,7 +183,7 @@ export class DuetCard {
           "references": {
             "DuetCardVariation": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx",
               "id": "src/components/duet-card/duet-card.tsx::DuetCardVariation"
             }
           }
@@ -358,7 +354,7 @@ export class DuetCard {
           "references": {
             "DuetCardPadding": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx",
               "id": "src/components/duet-card/duet-card.tsx::DuetCardPadding"
             }
           }
@@ -481,7 +477,7 @@ export class DuetCard {
           "references": {
             "DuetCardToggleEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx",
               "id": "src/components/duet-card/duet-card.tsx::DuetCardToggleEvent"
             }
           }