chore(masthead-v2-alpha): merge alpha dev changes into alpha main

packages/web-components/src/components/masthead/masthead-l1.ts

@@ -453,6 +453,7 @@ class DDSMastheadL1 extends StableSelectorMixin(LitElement) {
           ${title}${ChevronDown16()}
         </button>
         <div
+          data-dropdown-target
           class="${prefix}--masthead__l1-dropdown ${prefix}--masthead__l1-dropdown__${columns}-col">
           ${announcement
             ? html`<div class="${prefix}--masthead__l1-dropdown-announcement">
@@ -557,7 +558,7 @@ class DDSMastheadL1 extends StableSelectorMixin(LitElement) {
       <button class="${prefix}--masthead__l1-title" @click=${toggleSubsection}>
         ${title}${ChevronDown16()}
       </button>
-      <ul class="${prefix}--masthead__l1-dropdown">
+      <ul data-dropdown-target class="${prefix}--masthead__l1-dropdown">
         ${url
           ? html` <li>
               <a class="${prefix}--masthead__l1-dropdown-item" href="${url}">
@@ -623,7 +624,9 @@ class DDSMastheadL1 extends StableSelectorMixin(LitElement) {
           @click=${toggleSubsection}>
           ${title}${ChevronDown16()}
         </button>
-        <div class="${prefix}--masthead__l1-dropdown-subsection">
+        <div
+          data-dropdown-target
+          class="${prefix}--masthead__l1-dropdown-subsection">
           ${announcement
             ? html`<div class="${prefix}--masthead__l1-dropdown-announcement">
                 ${unsafeHTML(announcement)}
@@ -680,7 +683,7 @@ class DDSMastheadL1 extends StableSelectorMixin(LitElement) {
     const { currentTarget } = event;
     const button = currentTarget as HTMLElement;
     const dropdown = button.parentNode?.querySelector(
-      `.${prefix}--masthead__l1-dropdown`
+      '[data-dropdown-target]'
     ) as HTMLElement;
     const isOpen = dropdown?.classList.contains('is-open');
 

packages/web-components/src/components/notice-choice/notice-choice.ts

@@ -382,6 +382,7 @@ class NoticeChoice extends StableSelectorMixin(LitElement) {
           </div>
           <div part='${prefix}--nc__post-text' class="${prefix}--nc__post-text"
           >${this.postTextTemplate()}</div>
+
         </div>
         ${this.getBpidLegalText()}
     </section>`;