@duetds/components 8.7.5 → 8.7.6

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

@@ -436,7 +436,7 @@ export class DuetPagination {
                     "references": {
                         "DuetPaginationVariation": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-pagination/duet-pagination.tsx",
                             "id": "src/components/duet-pagination/duet-pagination.tsx::DuetPaginationVariation"
                         }
                     }
@@ -725,7 +725,7 @@ export class DuetPagination {
                     "references": {
                         "DuetPaginationPageEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-pagination/duet-pagination.tsx",
                             "id": "src/components/duet-pagination/duet-pagination.tsx::DuetPaginationPageEvent"
                         }
                     }

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

@@ -113,7 +113,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphSize": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphSize"
                         }
                     }
@@ -137,7 +137,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphWeight": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphWeight"
                         }
                     }
@@ -161,7 +161,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphVariation": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphVariation"
                         }
                     }

package/lib/collection/components/duet-popup-menu/duet-popup-menu.js

@@ -473,7 +473,7 @@ export class DuetPopupMenu {
                     "references": {
                         "DuetPopupMenuEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
                             "id": "src/components/duet-popup-menu/duet-popup-menu.tsx::DuetPopupMenuEvent"
                         }
                     }

package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js

@@ -341,7 +341,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
                             "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
                         }
                     }
@@ -362,7 +362,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
                             "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
                         }
                     }

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

@@ -546,7 +546,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -567,7 +567,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -588,7 +588,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }

package/lib/collection/components/duet-range-slider/duet-range-slider.js

@@ -567,7 +567,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }
@@ -588,7 +588,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }

package/lib/collection/components/duet-range-stepper/duet-range-stepper.js

@@ -379,7 +379,7 @@ export class DuetRangeStepper {
                     "references": {
                         "DuetRangeStepperUpdateEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx",
                             "id": "src/components/duet-range-stepper/duet-range-stepper.tsx::DuetRangeStepperUpdateEvent"
                         }
                     }

package/lib/collection/components/duet-section-layout/duet-section-layout.css

@@ -55,6 +55,51 @@
   padding: 0 16px;
   margin: 48px auto 36px;
 }
+@media (max-width: 20.5em) {
+  .duet-layout.padding-xxx-small {
+    padding: 0;
+  }
+}
+@media (max-width: 22.5em) {
+  .duet-layout.padding-xx-small {
+    padding: 0;
+  }
+}
+@media (max-width: 35.9375em) {
+  .duet-layout.padding-x-small {
+    padding: 0;
+  }
+}
+@media (min-width: 36em) {
+  .duet-layout.padding-small {
+    padding: 0;
+  }
+}
+@media (min-width: 48em) {
+  .duet-layout.padding-medium {
+    padding: 0;
+  }
+}
+@media (min-width: 62em) {
+  .duet-layout.padding-large {
+    padding: 0;
+  }
+}
+@media (min-width: 64.0625em) {
+  .duet-layout.padding-x-large {
+    padding: 0;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-layout.padding-xx-large {
+    padding: 0;
+  }
+}
+@media (min-width: 106.25em) {
+  .duet-layout.padding-xxx-large {
+    padding: 0;
+  }
+}
 @media (min-width: 36em) {
   .duet-layout {
     margin-top: 72px;

package/lib/collection/components/duet-section-layout/duet-section-layout.js

@@ -7,19 +7,21 @@ export class DuetSectionLayout {
     constructor() {
         this.margin = "auto";
         this.middle = false;
+        this.paddingBreakpoint = undefined;
     }
     /**
      * render() function.
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '84860259acf32befb4dc83a1b84e58c49dffaaa9', class: {
+        return (h(Host, { key: '3eae73081b51390b86a3a85e507afe1f88da9d3c', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '8a91d29eb630fa72ac779644ff2c2df3c1e7b173', class: {
+            } }, h("div", { key: '2a40eedc09186d064eea410ea5235ba9ae257468', class: {
                 "duet-layout": true,
                 "duet-m-0": this.margin === "none",
-            } }, h("section", { key: '68c01ac54249408439dfab1d053533a01e868be1', class: "duet-main" }, h("slot", { key: '6b7df39ead8e612c0fcc1d67945e4f4b3b195536' })))));
+                [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
+            } }, h("section", { key: '1ad05f9fb04d37b682658463384fbb787990a432', class: "duet-main" }, h("slot", { key: '54c91da8da32c38aaae149c9279216d7e4c83820' })))));
     }
     static get is() { return "duet-section-layout"; }
     static get encapsulation() { return "shadow"; }
@@ -76,6 +78,30 @@ export class DuetSectionLayout {
                 "attribute": "middle",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "paddingBreakpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DuetBreakpoints",
+                    "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxx-small\"",
+                    "references": {
+                        "DuetBreakpoints": {
+                            "location": "import",
+                            "path": "../../utils/token-utils",
+                            "id": "src/utils/token-utils.ts::DuetBreakpoints"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Breakpoint used to remove padding. These match to\nsimilar media query tokens: $media-query-small and $media-query-medium."
+                },
+                "attribute": "padding-breakpoint",
+                "reflect": false,
+                "defaultValue": "undefined"
             }
         };
     }

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

@@ -194,7 +194,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectVariation": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectVariation"
                         }
                     }
@@ -510,7 +510,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectItems": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectItems"
                         }
                     }
@@ -701,7 +701,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }
@@ -722,7 +722,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }
@@ -743,7 +743,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }

package/lib/collection/components/duet-show-more/duet-show-more.js

@@ -439,7 +439,7 @@ export class DuetShowMore {
                     "references": {
                         "DuetShowMoreToggleEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-show-more/duet-show-more.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-show-more/duet-show-more.tsx",
                             "id": "src/components/duet-show-more/duet-show-more.tsx::DuetShowMoreToggleEvent"
                         }
                     }

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

@@ -362,7 +362,7 @@ export class DuetSlideout {
                     "references": {
                         "DuetSlideoutEventDetails": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-slideout/duet-slideout.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-slideout/duet-slideout.tsx",
                             "id": "src/components/duet-slideout/duet-slideout.tsx::DuetSlideoutEventDetails"
                         }
                     }

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

@@ -49,7 +49,7 @@ export class DuetSpacer {
                     "references": {
                         "DuetSpacerSize": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-spacer/duet-spacer.tsx",
                             "id": "src/components/duet-spacer/duet-spacer.tsx::DuetSpacerSize"
                         }
                     }
@@ -97,7 +97,7 @@ export class DuetSpacer {
                     "references": {
                         "DuetSpacerBreakpoint": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-spacer/duet-spacer.tsx",
                             "id": "src/components/duet-spacer/duet-spacer.tsx::DuetSpacerBreakpoint"
                         }
                     }

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

@@ -96,7 +96,7 @@ export class DuetSpinner {
                     "references": {
                         "DuetSpinnerSize": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-spinner/duet-spinner.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-spinner/duet-spinner.tsx",
                             "id": "src/components/duet-spinner/duet-spinner.tsx::DuetSpinnerSize"
                         }
                     }

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

@@ -202,7 +202,7 @@ export class DuetStep {
                     "references": {
                         "DuetStepState": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-step/duet-step.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-step/duet-step.tsx",
                             "id": "src/components/duet-step/duet-step.tsx::DuetStepState"
                         }
                     }
@@ -280,7 +280,7 @@ export class DuetStep {
                     "references": {
                         "DuetStepClickEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-step/duet-step.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-step/duet-step.tsx",
                             "id": "src/components/duet-step/duet-step.tsx::DuetStepClickEvent"
                         }
                     }

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

@@ -225,7 +225,7 @@ export class DuetStepper {
                     "references": {
                         "DuetStepChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-stepper/duet-stepper.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-stepper/duet-stepper.tsx",
                             "id": "src/components/duet-stepper/duet-stepper.tsx::DuetStepChangeEvent"
                         }
                     }

package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css

@@ -34,8 +34,13 @@
 
 .duet-submenu-bar {
   position: relative;
+  top: 0;
   z-index: 1;
   background: rgb(243, 249, 252);
+  transition: top 0.4s;
+}
+.duet-submenu-bar.hidden {
+  top: -200px;
 }
 @media (min-width: 62em) {
   .duet-submenu-bar {

package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js

@@ -4,11 +4,12 @@
 import { media_query_large } from "@duetds/tokens/lib/tokens.json";
 import { h, Host } from "@stencil/core";
 import { disableBodyScroll, enableBodyScroll } from "body-scroll-lock/lib/bodyScrollLock.es6.js";
-import { inheritGlobalTheme } from "../../common/themeable-component";
+import { inheritGlobalTheme } from "../../common";
 export class DuetSubmenuBar {
     constructor() {
         this.mql = [window.matchMedia(media_query_large.replace(/'/g, ""))];
         this.boundMqlFunctions = [];
+        this.previousYScroll = 0;
         this.handleMobileView = () => {
             if (this.mql[0].matches) {
                 this.mobile = false;
@@ -46,9 +47,11 @@ export class DuetSubmenuBar {
             const hasItems = !!this.element.querySelector("duet-submenu-bar-item");
             return hasDropdownLinks || hasLinks || hasItems;
         };
+        this.hidden = false;
         this.mobile = true;
         this.bodyScroll = true;
         this.theme = "";
+        this.hideOnScroll = false;
         this.open = false;
         this.accessibleLabel = undefined;
     }
@@ -98,20 +101,40 @@ export class DuetSubmenuBar {
     async setFocus(options) {
         this.button.focus(options);
     }
+    checkScroll() {
+        if (!this.hideOnScroll) {
+            return;
+        }
+        if (window.scrollY > this.previousYScroll) {
+            if (window.scrollY > 100) {
+                this.hidden = true;
+            }
+        }
+        else {
+            if (window.scrollY < 150) {
+                this.hidden = false;
+            }
+        }
+        this.previousYScroll = window.scrollY;
+    }
     /**
      * render() function
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '993291b7d514d441a2877ba1b1d91bca382b47e8' }, h("nav", { key: '310d933ae6697e4d63fb144e3fa6e422065d0581', class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '151ed9a1623c2236e5bcd54f3e3867e6af389172', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+        return (h(Host, { key: '5e92e1ecd485d3d9fcccc551830ab0048f4da4a5' }, h("nav", { key: '643b7b42e0a205886aabcc787e8f0c9b67b069f6', class: {
+                "duet-submenu-bar": true,
+                "duet-theme-turva": this.theme === "turva",
+                hidden: this.hidden,
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: 'd42069edb21dd9ffb3c5047dde1731c51ff1f703', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick }, h("span", { key: 'a2c08baef8703ed21db5144947c6e49d526fe5a5', class: "label" }, h("slot", { key: 'a9ed7880eb13671d773e05be1fe0687a43b0084d', name: "label" }), h("duet-icon", { key: '2ca5f860e1a18749afc203ad5a1af41ad8b9f15a', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'b7bbe3dff583f47338066cb04f21ce9284f30f3a', class: {
+            }, onClick: this.onClick }, h("span", { key: '7a92ee474b86be9117955083e72ca1a1e5645f62', class: "label" }, h("slot", { key: '606947cb035e7735c67747c43aae35ccc7841f5c', name: "label" }), h("duet-icon", { key: '2315dc51a812eb5b24d68876465dba0cc7d446cd', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '2b8d170c424e1fc3f540e2bcbfde7ba36d05a196', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: 'd6f65370ba46b6670031520fea6c2bafa73c9314', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
+            }, role: "presentation" }, h("div", { key: 'bef9521e8a2a8797fda836db3c6098f0ac5a669c', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
                 items: true,
                 hidden: !this.open,
-            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '3756cf919ec1acaf5ede5db401f177f2e79ed140', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '594cfb2081aa5c0a9511bbdca95898dc488077e9' }), h("div", { key: '01ef003bef8fa1549957dfc4815036f480474b12', class: "list-padding" }))), h("duet-overlay", { key: '9aad33941c7c06e071c2d2033e43297d3f1e7b1a', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '6760e457a9210522418dd07ff7275a6d8decec4b', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '2540ec6e2801b5bc8ee84df0e7a06792aeed2930' }), h("div", { key: '03993868de8dd80f325aa082c4838dfec1c65237', class: "list-padding" }))), h("duet-overlay", { key: 'e14ba08dd0ac6de076e8d74bf4adb4464fc9f315', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     static get is() { return "duet-submenu-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -151,6 +174,24 @@ export class DuetSubmenuBar {
                 "reflect": false,
                 "defaultValue": "\"\""
             },
+            "hideOnScroll": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Makes the submenu bar hide on top of the window when page is scrolled down\nShould be used only with sticky navigation."
+                },
+                "attribute": "hide-on-scroll",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "open": {
                 "type": "boolean",
                 "mutable": true,
@@ -190,6 +231,7 @@ export class DuetSubmenuBar {
     }
     static get states() {
         return {
+            "hidden": {},
             "mobile": {},
             "bodyScroll": {}
         };
@@ -230,4 +272,13 @@ export class DuetSubmenuBar {
                 "methodName": "watchOpenStateHandler"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "scroll",
+                "method": "checkScroll",
+                "target": "window",
+                "capture": false,
+                "passive": true
+            }];
+    }
 }

package/lib/collection/components/duet-tab-group/duet-tab-group.js

@@ -326,7 +326,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabVariation": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabVariation"
                         }
                     }
@@ -570,7 +570,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -591,7 +591,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -612,7 +612,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -636,7 +636,7 @@ export class DuetTabGroup {
                         },
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     },

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

@@ -807,7 +807,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -828,7 +828,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -849,7 +849,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -870,7 +870,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }

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

@@ -486,7 +486,7 @@ export class DuetToggle {
                     "references": {
                         "DuetToggleChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-toggle/duet-toggle.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-toggle/duet-toggle.tsx",
                             "id": "src/components/duet-toggle/duet-toggle.tsx::DuetToggleChangeEvent"
                         }
                     }

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

@@ -2,7 +2,7 @@
  * Built with Duet Design System
  */
 import { h, Host } from "@stencil/core";
-import { inheritGlobalTheme } from "../../common/themeable-component";
+import { inheritGlobalTheme } from "../../common";
 /**
  * @slot left - Slot for content in left side.
  * @slot right - Slot for content in right side.
@@ -25,7 +25,11 @@ export class DuetToolbar {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "default";
-        return (h(Host, { key: 'c5df9ceff6286d32e3a36f6c1a15da1bc72134d9' }, h("nav", { key: '14b077c64faf7ab00df4ef30be2238e47fa11237', class: { "duet-toolbar": true, "duet-theme-turva": this.theme === "turva", [variation]: true }, "aria-label": this.accessibleLabel }, h("div", { key: '198dab0024637a43dc25b0b262f69dbb5c7211c1', class: "container" }, h("div", { key: '6dd0c0844a50a82e79fd501778200f0a25bc147c', class: "list", role: "list" }, h("slot", { key: '66bd5d880189f5ce04f5396be8800ed3a6abdcec', name: "left" })), h("div", { key: '1d2880011584339889133310cca592ce02099b73', class: "list", role: "list" }, h("slot", { key: '572d0e97a6c358302e80fb424f6d60e6a8c4d8f3', name: "right" }))))));
+        return (h(Host, { key: '4facdd60bf2770ac4d23b3a197abd0922439a81e' }, h("nav", { key: 'a06f660682e41dfb2ab07f9035312d1ac69a37a7', class: {
+                "duet-toolbar": true,
+                "duet-theme-turva": this.theme === "turva",
+                [variation]: true,
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'eb4ad22e5e60557d5352b613e8f0997f410b8d6b', class: "container" }, h("div", { key: '6f61b75507ec89330908509fe11a74c0ee2828ad', class: "list", role: "list" }, h("slot", { key: '0e5058eec8df0653a688a21eada26a54e68c4cc8', name: "left" })), h("div", { key: '52218682d3a0daee51db5a199d905ed19e3f5904', class: "list", role: "list" }, h("slot", { key: 'ace123ab65ae117b0025a415bbdc35626e2d4233', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }