@duetds/components 9.1.2 → 9.2.0

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

@@ -175,7 +175,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterVariation"
                         }
                     }
@@ -390,7 +390,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -411,7 +411,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -432,7 +432,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -453,7 +453,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -474,7 +474,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterAnalyticsEvent"
                         }
                     }
@@ -495,7 +495,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }

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

@@ -258,7 +258,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridAlignment": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridAlignment"
                         }
                     }
@@ -282,7 +282,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridDistribution": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridDistribution"
                         }
                     }
@@ -306,7 +306,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridMobileAlignment"
                         }
                     }

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

@@ -612,7 +612,7 @@ export class DuetHeader {
                         },
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -639,7 +639,7 @@ export class DuetHeader {
                     "references": {
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -998,7 +998,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1019,7 +1019,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1040,7 +1040,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1061,7 +1061,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1082,7 +1082,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1103,7 +1103,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1124,7 +1124,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1145,7 +1145,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1166,7 +1166,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1187,7 +1187,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1208,7 +1208,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderAnalyticsEvent"
                         }
                     }
@@ -1229,7 +1229,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderMobileNavToggleEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderMobileNavToggleEvent"
                         }
                     }
@@ -1250,7 +1250,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }

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

@@ -158,7 +158,7 @@ export class DuetHeading {
                     "references": {
                         "DuetHeadingWeight": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-heading/duet-heading.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-heading/duet-heading.tsx",
                             "id": "src/components/duet-heading/duet-heading.tsx::DuetHeadingWeight"
                         }
                     }

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

@@ -364,7 +364,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroIconSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroIconSize"
                         }
                     }
@@ -586,7 +586,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroButtonData": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroButtonData"
                         }
                     }
@@ -697,7 +697,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroVariation"
                         }
                     }
@@ -807,7 +807,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroClickEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroClickEvent"
                         }
                     }
@@ -828,7 +828,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroAnalyticsEvent"
                         }
                     }

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

@@ -97,11 +97,11 @@ export class DuetIcon {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (h(Host, { key: '31c5135f5c8950e7289e947331edfc1f27086274', class: {
+        return (h(Host, { key: 'e2a6207edfe7af905325a3fe412f97a529c93ed8', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, h("span", { key: '5cf6bd4d1d466181ee1e7277a043b1c0bb0d46ef', "aria-hidden": "true", style: styles, class: {
+            } }, h("span", { key: '0bd4b9de6c7c4fb0a2663fc16d742e9e0223aa5d', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -110,7 +110,7 @@ export class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, h("span", { key: '3742ad60c14b0f10d67cc2ca1c22b1446ffc6725', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, h("span", { key: 'dca93a95c7f578585dcd6030f7d2bbdf50766ed5', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
     }
     static get is() { return "duet-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -823,7 +823,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputType": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputType"
                         }
                     }
@@ -847,7 +847,7 @@ export class DuetInput {
                     "references": {
                         "DuetVariationType": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetVariationType"
                         }
                     }
@@ -1089,7 +1089,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputComponentType": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputComponentType"
                         }
                     }
@@ -1268,7 +1268,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1289,7 +1289,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1310,7 +1310,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1331,7 +1331,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1352,7 +1352,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }

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

@@ -101,7 +101,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelMargin": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelMargin"
                         }
                     }
@@ -125,7 +125,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelSize"
                         }
                     }

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

@@ -87,10 +87,33 @@
   height: auto;
 }
 
+.duet-layout-wrapper {
+  display: block;
+  margin: 48px 0 36px;
+  overflow-x: clip;
+}
+@media (min-width: 36em) {
+  .duet-layout-wrapper {
+    margin-top: 72px;
+  }
+}
+@media (min-width: 62em) {
+  .duet-layout-wrapper {
+    margin-bottom: 48px;
+  }
+}
+.duet-layout-wrapper.duet-m-0 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+.duet-layout-wrapper > * {
+  width: 100%;
+}
+
 .duet-layout {
   position: relative;
   padding: 0 16px;
-  margin: 48px auto 36px;
+  margin: 0 auto;
 }
 @media (max-width: 20.5em) {
   .duet-layout.padding-xxx-small {
@@ -137,18 +160,6 @@
     padding: 0;
   }
 }
-@media (min-width: 36em) {
-  .duet-layout {
-    margin-top: 72px;
-  }
-}
-.duet-layout.duet-layout-has-top {
-  margin-top: 0;
-}
-.duet-layout.duet-m-0 {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-}
 .duet-layout.duet-center {
   display: flex;
   align-items: center;
@@ -181,7 +192,6 @@
     display: flex;
     flex-direction: row;
     padding: 0 56px;
-    margin-bottom: 48px;
   }
 }
 @media (min-width: 76.25em) {
@@ -203,11 +213,6 @@
   position: relative;
   display: block;
   width: 100%;
-  margin: 72px auto 0;
-}
-.duet-layout-top.duet-m-0 {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
 }
 .duet-layout-top .duet-layout-top-wrapper {
   padding: 0 20px;

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

@@ -47,23 +47,20 @@ export class DuetLayout {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, this.hasTop && (h("div", { key: '97f256b275cea1d8303d3c2b2fafcbc83ab17227', class: {
+            } }, h("div", { key: '0db8d45f16f7bec516c0b831393cb05f962bfdb8', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (h("div", { key: 'b65a92ce153b41318cb757b3457dfc470c11c4c6', class: {
                 "duet-layout-top": true,
-                "duet-m-0": this.margin === "none",
                 "duet-center": this.center,
-            } }, h("div", { key: 'e08dfb887503e2db0e2d315bce69c4243ca0a368', class: "duet-layout-top-wrapper" }, h("slot", { key: 'a0a214dab158a6228b6d8e69a4ae77b51dc3da68', name: "top" })))), h("div", { key: '37a6738ab3a9695408026c8d83bbc1dbeb17490e', class: {
+            } }, h("div", { key: '777fc5b75ff85428b7234d94739f7471f5dc8011', class: "duet-layout-top-wrapper" }, h("slot", { key: '513fa6d80b00980efc02c454889726f24b3af6a9', name: "top" })))), h("div", { key: '8d24cdd9f0a38cadf71cf74df0f44c547a9fb4f3', class: {
                 "duet-layout": true,
-                "duet-layout-has-top": this.hasTop,
                 "has-sidebar": this.hasSidebar,
-                "duet-m-0": this.margin === "none",
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("main", { key: '9250e251d618850e3ca2a16c7e15f0d921b1cc0f', class: "duet-main" }, this.hasPageHeading && h("slot", { key: '6bd2301fc4f57c18bab92ce7278ec037f38971d4', name: "page-heading" }), h("slot", { key: 'd37514f4cc602e46ecbc78e87647076c9e550c94', name: "main" })), this.hasSidebar && (h("aside", { key: '6ad7bd59e98bfe3123a1cccce343fb0f158387e0', class: "duet-sidebar" }, h("div", { key: '6476ae186902b93bac02f5512c33ca2419202d8a', class: {
+            } }, h("main", { key: 'e98b4d6704819e6a07f5ccc7b29227d6623e2bc2', class: "duet-main" }, this.hasPageHeading && h("slot", { key: '642f458827bfce2732c708d5cff00b382180a202', name: "page-heading" }), h("slot", { key: '929847b72cf01ed5be66b9fdc6e0e204281d0eab', name: "main" })), this.hasSidebar && (h("aside", { key: '9cf127c89c37b47642d7d3234476c16d5c38fd11', class: "duet-sidebar" }, h("div", { key: '043863761695cf57b596ab6759e99ae32e09f432', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, h("slot", { key: '4406fe27dbd20dd18448aa76800be82b3333c306', name: "sidebar" })))))));
+            } }, h("slot", { key: '772f164951137306ec8289a095a829fd2fc0a87b', name: "sidebar" }))))))));
     }
     static get is() { return "duet-layout"; }
     static get encapsulation() { return "shadow"; }
@@ -130,7 +127,7 @@ export class DuetLayout {
                     "references": {
                         "DuetLayoutStickyDistance": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-layout/duet-layout.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-layout/duet-layout.tsx",
                             "id": "src/components/duet-layout/duet-layout.tsx::DuetLayoutStickyDistance"
                         }
                     }

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

@@ -144,10 +144,10 @@ export class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: '75eb01922ce99815e41ce9ad2debcd3a7adf0289', class: {
+        return (h(Host, { key: 'd41fb8c7164bbecec224e9e2fa972eb7b1a293d6', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: '939df1d20c0a1e9beca877828c2e5aea3b6d6279', href: this.url, class: {
+            } }, h(Tag, { key: 'e6918074f43470311a133ff2141b23ec25e927a0', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,

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

@@ -72,7 +72,7 @@ export class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (h("dl", { key: '1fe1ac541aeae071f5684e90937cee1a4be689d6', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: '166ca55ff1ca8e804357bf991b84ede3eac45d13' })));
+        return (h("dl", { key: 'be789bab546df8b0ac070d09a5f5c47f5f428afe', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: '645ee0c7c623eeed042e25ac2ea7aab51ef1a2bc' })));
     }
     static get is() { return "duet-list"; }
     static get encapsulation() { return "shadow"; }
@@ -169,7 +169,7 @@ export class DuetList {
                     "references": {
                         "DuetListMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListMobileAlignment"
                         }
                     }
@@ -217,7 +217,7 @@ export class DuetList {
                     "references": {
                         "DuetListVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListVariation"
                         }
                     }
@@ -241,7 +241,7 @@ export class DuetList {
                     "references": {
                         "DuetListLabelWidth": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListLabelWidth"
                         }
                     }

package/lib/collection/components/duet-list-item/duet-list-item.js

@@ -16,14 +16,14 @@ export class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '51727fd3a93ff7c60c621ac1d7e7cc81f968c64c', class: {
+        return (h(Host, { key: '8d0b6c3347c4a27c4860fab966fe6bc260b67a86', class: {
                 "duet-no-stacking": !this.responsive,
                 "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
                 "duet-list-item-breakpoint-small": this.breakpoint === "small",
                 "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
                 "duet-list-item-breakpoint-large": this.breakpoint === "large",
                 "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
-            } }, h("dt", { key: 'efa1422d25f7b0b30977b274edd33c65ffbb098a' }, h("slot", { key: '985fb259b41d4167c1b30101a8774672b3f04366', name: "label" })), h("dd", { key: 'b2708677ba4d4b9695f44dea7249243db286552d' }, h("slot", { key: 'fe82ff7e6aa8ba8862700260087dcc1e4cd9a5ed', name: "value" }))));
+            } }, h("dt", { key: '2240e7c58ae5f995ae07f4ef72d1196e2098a01c' }, h("slot", { key: '0bd7d924731a9f4cbe0583160ea8c36ef97cc810', name: "label" })), h("dd", { key: 'c4c449fcf008b4d2b068fd36f0d3a982b43a3aac' }, h("slot", { key: 'a655dde8debcffe6b0569772902072ede9790cab', name: "value" }))));
     }
     static get is() { return "duet-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -79,7 +79,7 @@ export class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (h(Host, { key: '5d084305a0696301d4a6821758e0689a4c7cb24b', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: 'bd7ff8798ac2294e92714074abc3a40ac09f84a3', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (h(Host, { key: 'cd53d85f163bc76250be1e5514b00bf6769e7f54', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: '8ec59c6823257e298b0e298a7d6eda2c40725d83', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
                 "duet-logo": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",
@@ -176,7 +176,7 @@ export class DuetLogo {
                     "references": {
                         "DuetLogoSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-logo/duet-logo.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-logo/duet-logo.tsx",
                             "id": "src/components/duet-logo/duet-logo.tsx::DuetLogoSize"
                         }
                     }

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

@@ -80,6 +80,7 @@
   z-index: 1;
   width: 56px;
   height: 49px;
+  pointer-events: none;
   background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
 }
 @media (min-width: 62em) {
@@ -94,6 +95,7 @@
   z-index: 1;
   width: 56px;
   height: 49px;
+  pointer-events: none;
   background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
 }
 @media (min-width: 62em) {