@proximus/lavender 2.0.0-alpha.197 → 2.0.0-alpha.198

package/dist/custom-elements.json

@@ -4074,12 +4074,20 @@
     },
     {
       "kind": "javascript-module",
-      "path": "../../components/Banner/src/Banner.ts",
+      "path": "../../components/Breadcrumb/src/Breadcrumb-item.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "BREADCRUMB_ITEM_CONNECTED_EVENT",
+          "type": {
+            "text": "string"
+          },
+          "default": "'px-breadcrumb-item-connected'"
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "Banner",
+          "name": "BreadcrumbItem",
           "members": [
             {
               "kind": "field",
@@ -4094,46 +4102,19 @@
                 "module": "../../components/common/src/common.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "observer",
-              "default": "new MutationObserver(() => { this.createGridTemplateAreas(); this.createGridding(); })"
-            },
             {
               "kind": "field",
               "name": "template",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "#applyReducedPadding",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "createGridTemplateAreas"
-            },
-            {
-              "kind": "method",
-              "name": "createGridding",
-              "parameters": [
-                {
-                  "name": "value",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
-              "name": "$grid",
+              "name": "$link",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "$container",
+              "name": "$icon",
               "readonly": true
             },
             {
@@ -4143,71 +4124,10 @@
             },
             {
               "kind": "field",
-              "name": "backgroundColor"
-            },
-            {
-              "kind": "field",
-              "name": "gradient"
-            },
-            {
-              "kind": "field",
-              "name": "backgroundImage"
-            },
-            {
-              "kind": "field",
-              "name": "backgroundImageMobile"
-            },
-            {
-              "kind": "field",
-              "name": "backgroundImageTablet"
-            },
-            {
-              "kind": "field",
-              "name": "backgroundImageLaptop"
-            },
-            {
-              "kind": "field",
-              "name": "backgroundSize"
-            },
-            {
-              "kind": "field",
-              "name": "backgroundPosition"
-            },
-            {
-              "kind": "field",
-              "name": "gradientContrastHelper"
-            },
-            {
-              "kind": "field",
-              "name": "overlayContrastHelper"
-            },
-            {
-              "kind": "field",
-              "name": "inverted"
-            },
-            {
-              "kind": "field",
-              "name": "reduced"
-            },
-            {
-              "kind": "field",
-              "name": "hasGridding"
-            },
-            {
-              "kind": "field",
-              "name": "hasGriddingMobile"
-            },
-            {
-              "kind": "field",
-              "name": "hasGriddingTablet"
-            },
-            {
-              "kind": "field",
-              "name": "hasGriddingLaptop"
-            },
-            {
-              "kind": "field",
-              "name": "innerHTML"
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
               "kind": "field",
@@ -4737,52 +4657,15 @@
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "background-color"
-            },
-            {
-              "name": "background-gradient"
-            },
-            {
-              "name": "background-image"
-            },
-            {
-              "name": "background-image--mobile"
-            },
-            {
-              "name": "background-image--tablet"
-            },
-            {
-              "name": "background-image--laptop"
-            },
-            {
-              "name": "background-size"
-            },
-            {
-              "name": "background-position"
-            },
-            {
-              "name": "contrast-helper-gradient"
-            },
-            {
-              "name": "contrast-helper-overlay"
-            },
-            {
-              "name": "has-gridding"
-            },
-            {
-              "name": "has-gridding--mobile"
-            },
-            {
-              "name": "has-gridding--tablet"
-            },
-            {
-              "name": "has-gridding--laptop"
-            },
+          "events": [
             {
-              "name": "reduced"
-            },
+              "name": "BREADCRUMB_ITEM_CONNECTED_EVENT",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
             {
               "name": "inverted"
             },
@@ -5152,210 +5035,87 @@
             }
           ],
           "superclass": {
-            "name": "VerticallyExtendedElement",
+            "name": "PxElement",
             "package": "@proximus/lavender-common"
           },
-          "tagName": "px-banner",
+          "tagName": "px-breadcrumb-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Banner",
+          "name": "BREADCRUMB_ITEM_CONNECTED_EVENT",
           "declaration": {
-            "name": "Banner",
-            "module": "../../components/Banner/src/Banner.ts"
+            "name": "BREADCRUMB_ITEM_CONNECTED_EVENT",
+            "module": "../../components/Breadcrumb/src/Breadcrumb-item.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "px-banner",
+          "kind": "js",
+          "name": "BreadcrumbItem",
           "declaration": {
-            "name": "Banner",
-            "module": "../../components/Banner/src/Banner.ts"
+            "name": "BreadcrumbItem",
+            "module": "../../components/Breadcrumb/src/Breadcrumb-item.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "../../components/Banner/src/banner.css",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "../../components/Banner/src/index.ts",
-      "declarations": [],
-      "exports": [
+        },
         {
-          "kind": "js",
-          "name": "*",
+          "kind": "custom-element-definition",
+          "name": "px-breadcrumb-item",
           "declaration": {
-            "name": "*",
-            "module": "components/Banner/src/Banner"
+            "name": "BreadcrumbItem",
+            "module": "../../components/Breadcrumb/src/Breadcrumb-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "../../components/Breadcrumb/src/Breadcrumb-item.ts",
+      "path": "../../components/Breadcrumb/src/Breadcrumb.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "BREADCRUMB_ITEM_CONNECTED_EVENT",
-          "type": {
-            "text": "string"
-          },
-          "default": "'px-breadcrumb-item-connected'"
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "BreadcrumbItem",
+          "name": "Breadcrumb",
           "members": [
             {
-              "kind": "field",
-              "name": "nativeName",
-              "type": {
-                "text": "string"
-              },
-              "static": true,
-              "default": "'div'",
-              "inheritedFrom": {
-                "name": "PxElement",
-                "module": "../../components/common/src/common.ts"
-              }
-            },
-            {
-              "kind": "field",
+              "kind": "method",
               "name": "template",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "$link",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "$icon",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "$children",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "inverted",
-              "type": {
-                "text": "boolean"
-              }
+              "kind": "method",
+              "name": "#applyInverted",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "supportedPropertyNames",
+              "name": "$el",
               "type": {
-                "text": "string[]"
+                "text": "Element"
               },
-              "static": true,
+              "readonly": true,
               "inheritedFrom": {
-                "name": "PxElement",
+                "name": "WithExtraAttributes",
                 "module": "../../components/common/src/common.ts"
               }
             },
             {
               "kind": "field",
-              "name": "accessorExclusions",
-              "type": {
-                "text": "string[]"
-              },
-              "static": true,
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "PxElement",
-                "module": "../../components/common/src/common.ts"
-              }
+              "name": "$children",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "ctor",
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "PxElement",
-                "module": "../../components/common/src/common.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "enhanceWithNativeProperties",
-              "inheritedFrom": {
-                "name": "PxElement",
-                "module": "../../components/common/src/common.ts"
-              }
+              "name": "inverted"
             },
             {
               "kind": "field",
-              "name": "$el",
-              "type": {
-                "text": "Element"
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "WithExtraAttributes",
-                "module": "../../components/common/src/common.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_updateAttribute",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string | null"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "PxElement",
-                "module": "../../components/common/src/common.ts"
-              }
+              "name": "ariaLabel"
             },
             {
-              "kind": "method",
-              "name": "_updateBooleanAttribute",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "boolean | string | null | undefined"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "PxElement",
-                "module": "../../components/common/src/common.ts"
-              }
+              "kind": "field",
+              "name": "innerHTML"
             },
             {
               "kind": "method",
@@ -5784,18 +5544,13 @@
               }
             }
           ],
-          "events": [
-            {
-              "name": "BREADCRUMB_ITEM_CONNECTED_EVENT",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
           "attributes": [
             {
               "name": "inverted"
             },
+            {
+              "name": "aria-label"
+            },
             {
               "name": "grow",
               "inheritedFrom": {
@@ -6162,88 +5917,305 @@
             }
           ],
           "superclass": {
-            "name": "PxElement",
+            "name": "WithExtraAttributes",
             "package": "@proximus/lavender-common"
           },
-          "tagName": "px-breadcrumb-item",
+          "tagName": "px-breadcrumb",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BREADCRUMB_ITEM_CONNECTED_EVENT",
+          "name": "Breadcrumb",
           "declaration": {
-            "name": "BREADCRUMB_ITEM_CONNECTED_EVENT",
-            "module": "../../components/Breadcrumb/src/Breadcrumb-item.ts"
+            "name": "Breadcrumb",
+            "module": "../../components/Breadcrumb/src/Breadcrumb.ts"
           }
         },
+        {
+          "kind": "custom-element-definition",
+          "name": "px-breadcrumb",
+          "declaration": {
+            "name": "Breadcrumb",
+            "module": "../../components/Breadcrumb/src/Breadcrumb.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "../../components/Breadcrumb/src/breadcrumb-item.css",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "../../components/Breadcrumb/src/breadcrumb.css",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "../../components/Breadcrumb/src/index.ts",
+      "declarations": [],
+      "exports": [
         {
           "kind": "js",
-          "name": "BreadcrumbItem",
+          "name": "*",
           "declaration": {
-            "name": "BreadcrumbItem",
-            "module": "../../components/Breadcrumb/src/Breadcrumb-item.ts"
+            "name": "*",
+            "module": "components/Breadcrumb/src/Breadcrumb"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "px-breadcrumb-item",
+          "kind": "js",
+          "name": "*",
           "declaration": {
-            "name": "BreadcrumbItem",
-            "module": "../../components/Breadcrumb/src/Breadcrumb-item.ts"
+            "name": "*",
+            "module": "components/Breadcrumb/src/Breadcrumb-item"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "../../components/Breadcrumb/src/Breadcrumb.ts",
+      "path": "../../components/Banner/src/Banner.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Breadcrumb",
+          "name": "Banner",
           "members": [
             {
-              "kind": "method",
+              "kind": "field",
+              "name": "nativeName",
+              "type": {
+                "text": "string"
+              },
+              "static": true,
+              "default": "'div'",
+              "inheritedFrom": {
+                "name": "PxElement",
+                "module": "../../components/common/src/common.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "observer",
+              "default": "new MutationObserver(() => { this.createGridTemplateAreas(); this.createGridding(); })"
+            },
+            {
+              "kind": "field",
               "name": "template",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#applyInverted",
+              "name": "#applyReducedPadding",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "createGridTemplateAreas"
+            },
+            {
+              "kind": "method",
+              "name": "createGridding",
+              "parameters": [
+                {
+                  "name": "value",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
-              "name": "$el",
-              "type": {
-                "text": "Element"
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "WithExtraAttributes",
-                "module": "../../components/common/src/common.ts"
-              }
+              "name": "$grid",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "$container",
+              "readonly": true
             },
             {
               "kind": "field",
               "name": "$children",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "backgroundColor"
+            },
+            {
+              "kind": "field",
+              "name": "gradient"
+            },
+            {
+              "kind": "field",
+              "name": "backgroundImage"
+            },
+            {
+              "kind": "field",
+              "name": "backgroundImageMobile"
+            },
+            {
+              "kind": "field",
+              "name": "backgroundImageTablet"
+            },
+            {
+              "kind": "field",
+              "name": "backgroundImageLaptop"
+            },
+            {
+              "kind": "field",
+              "name": "backgroundSize"
+            },
+            {
+              "kind": "field",
+              "name": "backgroundPosition"
+            },
+            {
+              "kind": "field",
+              "name": "gradientContrastHelper"
+            },
+            {
+              "kind": "field",
+              "name": "overlayContrastHelper"
+            },
             {
               "kind": "field",
               "name": "inverted"
             },
             {
               "kind": "field",
-              "name": "ariaLabel"
+              "name": "reduced"
+            },
+            {
+              "kind": "field",
+              "name": "hasGridding"
+            },
+            {
+              "kind": "field",
+              "name": "hasGriddingMobile"
+            },
+            {
+              "kind": "field",
+              "name": "hasGriddingTablet"
+            },
+            {
+              "kind": "field",
+              "name": "hasGriddingLaptop"
             },
             {
               "kind": "field",
               "name": "innerHTML"
             },
+            {
+              "kind": "field",
+              "name": "supportedPropertyNames",
+              "type": {
+                "text": "string[]"
+              },
+              "static": true,
+              "inheritedFrom": {
+                "name": "PxElement",
+                "module": "../../components/common/src/common.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accessorExclusions",
+              "type": {
+                "text": "string[]"
+              },
+              "static": true,
+              "default": "[]",
+              "inheritedFrom": {
+                "name": "PxElement",
+                "module": "../../components/common/src/common.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "ctor",
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "PxElement",
+                "module": "../../components/common/src/common.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "enhanceWithNativeProperties",
+              "inheritedFrom": {
+                "name": "PxElement",
+                "module": "../../components/common/src/common.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$el",
+              "type": {
+                "text": "Element"
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "WithExtraAttributes",
+                "module": "../../components/common/src/common.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updateAttribute",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string | null"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "PxElement",
+                "module": "../../components/common/src/common.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updateBooleanAttribute",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "boolean | string | null | undefined"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "PxElement",
+                "module": "../../components/common/src/common.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "updateProperties",
@@ -6673,10 +6645,52 @@
           ],
           "attributes": [
             {
-              "name": "inverted"
+              "name": "background-color"
             },
             {
-              "name": "aria-label"
+              "name": "background-gradient"
+            },
+            {
+              "name": "background-image"
+            },
+            {
+              "name": "background-image--mobile"
+            },
+            {
+              "name": "background-image--tablet"
+            },
+            {
+              "name": "background-image--laptop"
+            },
+            {
+              "name": "background-size"
+            },
+            {
+              "name": "background-position"
+            },
+            {
+              "name": "contrast-helper-gradient"
+            },
+            {
+              "name": "contrast-helper-overlay"
+            },
+            {
+              "name": "has-gridding"
+            },
+            {
+              "name": "has-gridding--mobile"
+            },
+            {
+              "name": "has-gridding--tablet"
+            },
+            {
+              "name": "has-gridding--laptop"
+            },
+            {
+              "name": "reduced"
+            },
+            {
+              "name": "inverted"
             },
             {
               "name": "grow",
@@ -7044,47 +7058,41 @@
             }
           ],
           "superclass": {
-            "name": "WithExtraAttributes",
+            "name": "VerticallyExtendedElement",
             "package": "@proximus/lavender-common"
           },
-          "tagName": "px-breadcrumb",
+          "tagName": "px-banner",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Breadcrumb",
+          "name": "Banner",
           "declaration": {
-            "name": "Breadcrumb",
-            "module": "../../components/Breadcrumb/src/Breadcrumb.ts"
+            "name": "Banner",
+            "module": "../../components/Banner/src/Banner.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "px-breadcrumb",
+          "name": "px-banner",
           "declaration": {
-            "name": "Breadcrumb",
-            "module": "../../components/Breadcrumb/src/Breadcrumb.ts"
+            "name": "Banner",
+            "module": "../../components/Banner/src/Banner.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "../../components/Breadcrumb/src/breadcrumb-item.css",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "../../components/Breadcrumb/src/breadcrumb.css",
+      "path": "../../components/Banner/src/banner.css",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "../../components/Breadcrumb/src/index.ts",
+      "path": "../../components/Banner/src/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -7092,15 +7100,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "components/Breadcrumb/src/Breadcrumb"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "components/Breadcrumb/src/Breadcrumb-item"
+            "module": "components/Banner/src/Banner"
           }
         }
       ]
@@ -96790,11 +96790,6 @@
       "kind": "javascript-module",
       "path": "../../component-sets/DeviceCard/src/DeviceCard.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "styleSheet",
-          "default": "new CSSStyleSheet()"
-        },
         {
           "kind": "class",
           "description": "",
@@ -97724,14 +97719,6 @@
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "styleSheet",
-          "declaration": {
-            "name": "styleSheet",
-            "module": "../../component-sets/DeviceCard/src/DeviceCard.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "DeviceCard",
@@ -102817,13 +102804,467 @@
     },
     {
       "kind": "javascript-module",
-      "path": "../../component-sets/HeaderMinimal/src/HeaderMinimal.ts",
+      "path": "../../component-sets/Mdd/src/MDDCloser.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "styleSheet",
-          "default": "new CSSStyleSheet()"
+          "kind": "class",
+          "description": "",
+          "name": "MDDCloser",
+          "members": [
+            {
+              "kind": "field",
+              "name": "innerHTML",
+              "default": "` <button aria-hidden=\"true\" style=\"width: 0; height: 0; padding: 0; border: 0; background-color: #00000000;\"></button> `"
+            }
+          ],
+          "events": [
+            {
+              "name": "close-panel",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "tagName": "px-mdd-closer",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MDDCloser",
+          "declaration": {
+            "name": "MDDCloser",
+            "module": "../../component-sets/Mdd/src/MDDCloser.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "px-mdd-closer",
+          "declaration": {
+            "name": "MDDCloser",
+            "module": "../../component-sets/Mdd/src/MDDCloser.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "../../component-sets/Mdd/src/MddSection.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "MddSection",
+          "members": [
+            {
+              "kind": "field",
+              "name": "template",
+              "default": "`<px-vstack gap=\"default\"> <px-p font-size=\"heading-l\" font-weight=\"title\"> <slot name=\"title\"></slot> </px-p> <nav id=\"section-wrapper\"> <px-vstack role=\"list\" gap=\"xs\" gap--mobile=\"none\"> <slot></slot> </px-vstack> </nav> <px-vstack gap=\"default\" gap--mobile=\"s\"> <slot name=\"footer\"></slot> </px-vstack> </px-vstack>`"
+            },
+            {
+              "kind": "method",
+              "name": "setupForId"
+            },
+            {
+              "kind": "field",
+              "name": "$slotTitle",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "$title",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "$sectionWrapper",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "$sectionItems",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "hiddenTitle"
+            },
+            {
+              "kind": "field",
+              "name": "innerHTML"
+            },
+            {
+              "kind": "field",
+              "name": "adoptedStyleSheets",
+              "type": {
+                "text": "array"
+              },
+              "default": "[stylesheet]"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title-hidden"
+            }
+          ],
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "tagName": "px-mdd-section",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MddSection",
+          "declaration": {
+            "name": "MddSection",
+            "module": "../../component-sets/Mdd/src/MddSection.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "px-mdd-section",
+          "declaration": {
+            "name": "MddSection",
+            "module": "../../component-sets/Mdd/src/MddSection.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "../../component-sets/Mdd/src/MddSectionItem.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "MddSectionItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "template",
+              "default": "` <px-hstack align-items=\"center\" gap=\"default\"> <span class=\"mdd-section-item-action-container\"> <slot></slot> <slot name=\"after\"></slot> </span> <px-spacer></px-spacer> <px-icon name=\"chevron_right\" from=\"lavender\" size=\"m\"></px-icon> </px-hstack>`"
+            },
+            {
+              "kind": "method",
+              "name": "updateView",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "configureAfterIcon",
+              "parameters": [
+                {
+                  "name": "icon",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "href"
+            },
+            {
+              "kind": "field",
+              "name": "$link",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "$button",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "$after",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "$arrowIcon",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "adoptedStyleSheets",
+              "type": {
+                "text": "array"
+              },
+              "default": "[stylesheet]"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "href"
+            },
+            {
+              "name": "for"
+            }
+          ],
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "tagName": "px-mdd-section-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MddSectionItem",
+          "declaration": {
+            "name": "MddSectionItem",
+            "module": "../../component-sets/Mdd/src/MddSectionItem.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "px-mdd-section-item",
+          "declaration": {
+            "name": "MddSectionItem",
+            "module": "../../component-sets/Mdd/src/MddSectionItem.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "../../component-sets/Mdd/src/MegaDropDown.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "MegaDropDown",
+          "members": [
+            {
+              "kind": "field",
+              "name": "template",
+              "default": "`<dialog> <px-section> <px-container padding-inline=\"none\" padding-block=\"l\" padding-block--mobile=\"m\" padding-block--tablet=\"m\" background-color=\"none\" > <px-vstack> <px-hstack id=\"mobile-header\" gap=\"default\" align-items=\"center\"> <!-- Back button is only visible if the name is __lavender_mobile_menu --> <px-button id=\"back-button\" variant=\"tertiary\"> <px-icon name=\"chevron_left\" from=\"lavender\"></px-icon> ${this.backToMenuLabel || 'Back to menu'} </px-button> <px-spacer></px-spacer> <px-button-icon size=\"small\" variant=\"secondary\" id=\"mobile-close-button\" > <px-icon name=\"cross\" from=\"lavender\" aria-label=\"${this.closeButtonAriaLabel || 'Close'}\" title=\"${this.closeButtonAriaLabel || 'Close'}\"></px-icon> </px-button-icon> </px-hstack> <px-p variant=\"title-2xl\" color=\"neutral\" > <slot name=\"title\"></slot> </px-p> <px-button-icon size=\"small\" variant=\"secondary\" > <px-icon name=\"cross\" from=\"lavender\" aria-label=\"${this.closeButtonAriaLabel || 'Close'}\" title=\"${this.closeButtonAriaLabel || 'Close'}\"></px-icon> </px-button-icon> <px-stack direction--mobile=\"column\" direction--tablet=\"column\" direction=\"row\" gap=\"default\" gap--mobile=\"page-layout-between-sections\" gap--tablet=\"page-layout-between-sections\" wrap=\"wrap\" wrap--mobile=\"nowrap\" wrap--tablet=\"nowrap\" grow=\"1\" id=\"sections-container\" > <slot></slot> </px-stack> <px-mdd-closer></px-mdd-closer> </px-vstack> </px-container> <px-hstack id=\"footer\" justify-content=\"space-between\" align-items=\"center\" gap=\"s\" > <slot name=\"mdd-footer\"></slot> </px-hstack> </px-section> </dialog>`"
+            },
+            {
+              "kind": "field",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#mutationObserver",
+              "privacy": "private",
+              "default": "new MutationObserver(() => { if (this.$slotMddFooter) { this.#$footer.style.display = 'block'; } })"
+            },
+            {
+              "kind": "field",
+              "name": "$dialog",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "hidden"
+            },
+            {
+              "kind": "field",
+              "name": "name"
+            },
+            {
+              "kind": "field",
+              "name": "closeButtonAriaLabel"
+            },
+            {
+              "kind": "field",
+              "name": "backToMenuLabel"
+            },
+            {
+              "kind": "field",
+              "name": "$slotMddFooter",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#$backButton",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#$title",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#$footer",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#$closeButtons",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "dialogOffsetTop"
+            },
+            {
+              "kind": "field",
+              "name": "innerHTML"
+            },
+            {
+              "kind": "field",
+              "name": "adoptedStyleSheets",
+              "type": {
+                "text": "array"
+              },
+              "default": "[stylesheet]"
+            }
+          ],
+          "events": [
+            {
+              "name": "close-panel",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "close-panel-from-dialog",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "hidden"
+            },
+            {
+              "name": "name"
+            },
+            {
+              "name": "close-button-aria-label"
+            },
+            {
+              "name": "back-to-menu-label"
+            }
+          ],
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "tagName": "px-mdd",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MegaDropDown",
+          "declaration": {
+            "name": "MegaDropDown",
+            "module": "../../component-sets/Mdd/src/MegaDropDown.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "px-mdd",
+          "declaration": {
+            "name": "MegaDropDown",
+            "module": "../../component-sets/Mdd/src/MegaDropDown.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "../../component-sets/Mdd/src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "component-sets/Mdd/src/MegaDropDown"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "component-sets/Mdd/src/MddSection"
+          }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "component-sets/Mdd/src/MddSectionItem"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "../../component-sets/Mdd/src/mdd-section-item.css",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "../../component-sets/Mdd/src/mdd-section.css",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "../../component-sets/Mdd/src/mega-drop-down.css",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "../../component-sets/HeaderMinimal/src/HeaderMinimal.ts",
+      "declarations": [
         {
           "kind": "class",
           "description": "",
@@ -103670,14 +104111,6 @@
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "styleSheet",
-          "declaration": {
-            "name": "styleSheet",
-            "module": "../../component-sets/HeaderMinimal/src/HeaderMinimal.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "HeaderMinimal",
@@ -103717,465 +104150,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "../../component-sets/Mdd/src/MDDCloser.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "MDDCloser",
-          "members": [
-            {
-              "kind": "field",
-              "name": "innerHTML",
-              "default": "` <button aria-hidden=\"true\" style=\"width: 0; height: 0; padding: 0; border: 0; background-color: #00000000;\"></button> `"
-            }
-          ],
-          "events": [
-            {
-              "name": "close-panel",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "tagName": "px-mdd-closer",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MDDCloser",
-          "declaration": {
-            "name": "MDDCloser",
-            "module": "../../component-sets/Mdd/src/MDDCloser.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "px-mdd-closer",
-          "declaration": {
-            "name": "MDDCloser",
-            "module": "../../component-sets/Mdd/src/MDDCloser.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "../../component-sets/Mdd/src/MddSection.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "MddSection",
-          "members": [
-            {
-              "kind": "field",
-              "name": "template",
-              "default": "`<px-vstack gap=\"default\"> <px-p font-size=\"heading-l\" font-weight=\"title\"> <slot name=\"title\"></slot> </px-p> <nav id=\"section-wrapper\"> <px-vstack role=\"list\" gap=\"xs\" gap--mobile=\"none\"> <slot></slot> </px-vstack> </nav> <px-vstack gap=\"default\" gap--mobile=\"s\"> <slot name=\"footer\"></slot> </px-vstack> </px-vstack>`"
-            },
-            {
-              "kind": "method",
-              "name": "setupForId"
-            },
-            {
-              "kind": "field",
-              "name": "$slotTitle",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "$title",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "$sectionWrapper",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "$sectionItems",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "hiddenTitle"
-            },
-            {
-              "kind": "field",
-              "name": "innerHTML"
-            },
-            {
-              "kind": "field",
-              "name": "adoptedStyleSheets",
-              "type": {
-                "text": "array"
-              },
-              "default": "[stylesheet]"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "title-hidden"
-            }
-          ],
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "tagName": "px-mdd-section",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MddSection",
-          "declaration": {
-            "name": "MddSection",
-            "module": "../../component-sets/Mdd/src/MddSection.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "px-mdd-section",
-          "declaration": {
-            "name": "MddSection",
-            "module": "../../component-sets/Mdd/src/MddSection.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "../../component-sets/Mdd/src/MddSectionItem.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "MddSectionItem",
-          "members": [
-            {
-              "kind": "field",
-              "name": "internals",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "template",
-              "default": "` <px-hstack align-items=\"center\" gap=\"default\"> <span class=\"mdd-section-item-action-container\"> <slot></slot> <slot name=\"after\"></slot> </span> <px-spacer></px-spacer> <px-icon name=\"chevron_right\" from=\"lavender\" size=\"m\"></px-icon> </px-hstack>`"
-            },
-            {
-              "kind": "method",
-              "name": "updateView",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "configureAfterIcon",
-              "parameters": [
-                {
-                  "name": "icon",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "href"
-            },
-            {
-              "kind": "field",
-              "name": "$link",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "$button",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "$after",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "$arrowIcon",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "adoptedStyleSheets",
-              "type": {
-                "text": "array"
-              },
-              "default": "[stylesheet]"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "href"
-            },
-            {
-              "name": "for"
-            }
-          ],
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "tagName": "px-mdd-section-item",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MddSectionItem",
-          "declaration": {
-            "name": "MddSectionItem",
-            "module": "../../component-sets/Mdd/src/MddSectionItem.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "px-mdd-section-item",
-          "declaration": {
-            "name": "MddSectionItem",
-            "module": "../../component-sets/Mdd/src/MddSectionItem.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "../../component-sets/Mdd/src/MegaDropDown.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "MegaDropDown",
-          "members": [
-            {
-              "kind": "field",
-              "name": "template",
-              "default": "`<dialog> <px-section> <px-container padding-inline=\"none\" padding-block=\"l\" padding-block--mobile=\"m\" padding-block--tablet=\"m\" background-color=\"none\" > <px-vstack> <px-hstack id=\"mobile-header\" gap=\"default\" align-items=\"center\"> <!-- Back button is only visible if the name is __lavender_mobile_menu --> <px-button id=\"back-button\" variant=\"tertiary\"> <px-icon name=\"chevron_left\" from=\"lavender\"></px-icon> ${this.backToMenuLabel || 'Back to menu'} </px-button> <px-spacer></px-spacer> <px-button-icon size=\"small\" variant=\"secondary\" id=\"mobile-close-button\" > <px-icon name=\"cross\" from=\"lavender\" aria-label=\"${this.closeButtonAriaLabel || 'Close'}\" title=\"${this.closeButtonAriaLabel || 'Close'}\"></px-icon> </px-button-icon> </px-hstack> <px-p variant=\"title-2xl\" color=\"neutral\" > <slot name=\"title\"></slot> </px-p> <px-button-icon size=\"small\" variant=\"secondary\" > <px-icon name=\"cross\" from=\"lavender\" aria-label=\"${this.closeButtonAriaLabel || 'Close'}\" title=\"${this.closeButtonAriaLabel || 'Close'}\"></px-icon> </px-button-icon> <px-stack direction--mobile=\"column\" direction--tablet=\"column\" direction=\"row\" gap=\"default\" gap--mobile=\"page-layout-between-sections\" gap--tablet=\"page-layout-between-sections\" wrap=\"wrap\" wrap--mobile=\"nowrap\" wrap--tablet=\"nowrap\" grow=\"1\" id=\"sections-container\" > <slot></slot> </px-stack> <px-mdd-closer></px-mdd-closer> </px-vstack> </px-container> <px-hstack id=\"footer\" justify-content=\"space-between\" align-items=\"center\" gap=\"s\" > <slot name=\"mdd-footer\"></slot> </px-hstack> </px-section> </dialog>`"
-            },
-            {
-              "kind": "field",
-              "name": "internals",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#mutationObserver",
-              "privacy": "private",
-              "default": "new MutationObserver(() => { if (this.$slotMddFooter) { this.#$footer.style.display = 'block'; } })"
-            },
-            {
-              "kind": "field",
-              "name": "$dialog",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "hidden"
-            },
-            {
-              "kind": "field",
-              "name": "name"
-            },
-            {
-              "kind": "field",
-              "name": "closeButtonAriaLabel"
-            },
-            {
-              "kind": "field",
-              "name": "backToMenuLabel"
-            },
-            {
-              "kind": "field",
-              "name": "$slotMddFooter",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#$backButton",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#$title",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#$footer",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#$closeButtons",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "dialogOffsetTop"
-            },
-            {
-              "kind": "field",
-              "name": "innerHTML"
-            },
-            {
-              "kind": "field",
-              "name": "adoptedStyleSheets",
-              "type": {
-                "text": "array"
-              },
-              "default": "[stylesheet]"
-            }
-          ],
-          "events": [
-            {
-              "name": "close-panel",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "close-panel-from-dialog",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "hidden"
-            },
-            {
-              "name": "name"
-            },
-            {
-              "name": "close-button-aria-label"
-            },
-            {
-              "name": "back-to-menu-label"
-            }
-          ],
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "tagName": "px-mdd",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MegaDropDown",
-          "declaration": {
-            "name": "MegaDropDown",
-            "module": "../../component-sets/Mdd/src/MegaDropDown.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "px-mdd",
-          "declaration": {
-            "name": "MegaDropDown",
-            "module": "../../component-sets/Mdd/src/MegaDropDown.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "../../component-sets/Mdd/src/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "component-sets/Mdd/src/MegaDropDown"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "component-sets/Mdd/src/MddSection"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "component-sets/Mdd/src/MddSectionItem"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "../../component-sets/Mdd/src/mdd-section-item.css",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "../../component-sets/Mdd/src/mdd-section.css",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "../../component-sets/Mdd/src/mega-drop-down.css",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "../../component-sets/PhoneNumber/src/PhoneNumber.ts",