@kyndryl-design-system/shidoka-applications 2.68.0 → 2.68.2

package/common/scss/form-input.scss

@@ -220,7 +220,7 @@ textarea {
   }
 
   &.dropdown-clear {
-    right: 55px;
+    right: 48px;
     width: 24px;
   }
 

package/components/global/header/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/components/global/header/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAclD;;;;;;;;GAQG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,0BAAyB;IAE/C,6EAA6E;IAE7E,QAAQ,CAAC,OAAO,SAAO;IAEvB,+DAA+D;IAE/D,QAAQ,CAAC,QAAQ,SAAM;IAEvB;;OAEG;IAEH,QAAQ,CAAC,MAAM,EAAG,GAAG,CAAC;IAEtB;;OAEG;IAEH,QAAQ,CAAC,gBAAgB,EAAG,GAAG,CAAC;IAEhC;;OAEG;IAEH,QAAQ,CAAC,OAAO,EAAG,GAAG,CAAC;IAEvB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B,gBAAgB;IAEhB,QAAQ,CAAC,SAAS,EAAG,WAAW,CAAC;IAExB,MAAM;IAmCf,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,oBAAoB;IAI5B;mBACe;IACf,OAAO,CAAC,aAAa;IAQrB,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAEpB;IAEM,YAAY;IAQZ,iBAAiB;IAajB,oBAAoB;CAY9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAC;KACtB;CACF"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/components/global/header/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAclD;;;;;;;;GAQG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,0BAAyB;IAE/C,6EAA6E;IAE7E,QAAQ,CAAC,OAAO,SAAO;IAEvB,+DAA+D;IAE/D,QAAQ,CAAC,QAAQ,SAAM;IAEvB;;OAEG;IAEH,QAAQ,CAAC,MAAM,EAAG,GAAG,CAAC;IAEtB;;OAEG;IAEH,QAAQ,CAAC,gBAAgB,EAAG,GAAG,CAAC;IAEhC;;OAEG;IAEH,QAAQ,CAAC,OAAO,EAAG,GAAG,CAAC;IAEvB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B,gBAAgB;IAEhB,QAAQ,CAAC,SAAS,EAAG,WAAW,CAAC;IAExB,MAAM;IAqCf,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,oBAAoB;IAI5B;mBACe;IACf,OAAO,CAAC,aAAa;IAQrB,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAEpB;IAEM,YAAY;IAIZ,iBAAiB;IAajB,oBAAoB;CAY9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAC;KACtB;CACF"}

package/components/global/header/header.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t,b as i,c as a,d as o}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as n,a as r,r as l,t as s,n as d,o as c,e as h}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as m,a as g,x as p}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as u}from"../../../vendor/lit-element-DxLLCKb1.js";import{debounce as v}from"../../../common/helpers/helpers.js";import{l as k}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";var f=n`*,
+import{_ as e,a as t,b as i,c as a,d as o}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as n,a as r,r as l,t as s,n as d,o as c,e as h}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as m,a as g,x as u}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as p}from"../../../vendor/lit-element-DxLLCKb1.js";import{debounce as v}from"../../../common/helpers/helpers.js";import{l as k}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";var f=n`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -94,14 +94,13 @@ import{_ as e,a as t,b as i,c as a,d as o}from"../../../vendor/tslib-Ac8XvvSX.js
 }
 .menu__content {
   position: fixed;
-  top: calc(var(--kd-header-height));
+  top: var(--kd-header-height);
   right: 0;
   left: 0;
   bottom: 0;
   overflow-y: auto;
   overflow-x: hidden;
   background: var(--kd-color-background-container-default);
-  border-bottom: 4px solid var(--kd-color-border-accent-secondary);
   transition: visibility 300ms, opacity 300ms ease-in-out, transform 300ms ease-in-out;
   transform: translateY(-20px);
   visibility: hidden;
@@ -117,11 +116,12 @@ import{_ as e,a as t,b as i,c as a,d as o}from"../../../vendor/tslib-Ac8XvvSX.js
 @media (min-width: 42rem) {
   .menu__content {
     position: absolute;
-    top: calc(100% + 12px);
-    right: -12px;
+    top: calc(100% + 12px + 8px);
+    right: -20px;
     bottom: auto;
     left: auto;
     border-top: none;
+    border-radius: 8px;
     background: var(--kd-color-background-container-default);
     max-height: calc(100vh - var(--kd-header-height));
     box-shadow: var(--kd-elevation-level-1);
@@ -240,8 +240,7 @@ import{_ as e,a as t,b as i,c as a,d as o}from"../../../vendor/tslib-Ac8XvvSX.js
   right: 0;
   left: 0;
   height: var(--kd-header-height);
-  background: var(--kd-color-background-container-default);
-  padding: 4px calc(var(--kd-page-gutter) - 4px) 4px var(--kd-page-gutter);
+  padding: 4px 12px 4px 20px;
   transition: z-index 150ms ease-out;
   z-index: var(--kd-z-header);
 }
@@ -250,28 +249,18 @@ import{_ as e,a as t,b as i,c as a,d as o}from"../../../vendor/tslib-Ac8XvvSX.js
 }
 @media screen and (min-width: 42rem) {
   .header {
-    box-shadow: var(--kd-elevation-level-1);
+    margin: 0 8px;
+    padding-right: calc(var(--kd-page-gutter) - 8px);
+    transition: z-index 150ms ease-out, transform 150ms ease-out;
+    transform: translateY(8px);
   }
-  .header.loaded {
-    transition: border-radius 150ms ease-out, margin 150ms ease-out, padding 150ms ease-out;
-  }
-  .header:not(.scrolled) {
-    border-radius: 8px;
-    margin: 8px;
-    padding-left: calc(var(--kd-page-gutter) - 8px);
+  .header.scrolled {
+    transform: none;
   }
 }
 .header.left-slotted {
   padding-left: 12px;
 }
-@media (min-width: 42rem) {
-  .header.left-slotted {
-    padding-left: 12px;
-  }
-  .header.left-slotted.scrolled {
-    padding-left: 20px;
-  }
-}
 .header__right {
   display: flex;
   align-items: center;
@@ -279,6 +268,28 @@ import{_ as e,a as t,b as i,c as a,d as o}from"../../../vendor/tslib-Ac8XvvSX.js
   margin-left: auto;
 }
 
+.background {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: var(--kd-color-background-container-default);
+  z-index: -1;
+  box-shadow: var(--kd-elevation-level-1);
+}
+@media screen and (min-width: 42rem) {
+  .background {
+    transition: inset 150ms ease-out, border-radius 150ms ease-out;
+    border-radius: 8px;
+  }
+  .scrolled .background {
+    left: -8px;
+    right: -8px;
+    border-radius: 0;
+  }
+}
+
 .logo-link {
   display: flex;
   align-items: center;
@@ -345,7 +356,7 @@ import{_ as e,a as t,b as i,c as a,d as o}from"../../../vendor/tslib-Ac8XvvSX.js
   background: none;
   padding: 0 8px;
   margin: 0 2px;
-}`;let b=(()=>{var n,b,y,x,_,w,E,z;let O,S,T,C,L,U,j,$,M,W,F=[s("kyn-header")],N=[],R=u,Y=[],q=[],H=[],P=[],A=[],B=[],D=[],G=[],I=[],J=[],K=[],Q=[],V=[],X=[],Z=[],ee=[];return S=class extends R{constructor(){super(...arguments),n.set(this,i(this,Y,"/")),b.set(this,(i(this,q),i(this,H,""))),y.set(this,(i(this,P),i(this,A,void 0))),x.set(this,(i(this,B),i(this,D,void 0))),_.set(this,(i(this,G),i(this,I,void 0))),w.set(this,(i(this,J),i(this,K,!1))),E.set(this,(i(this,Q),i(this,V,!1))),z.set(this,(i(this,X),i(this,Z,void 0))),this._debounceScroll=(i(this,ee),v((()=>{this._handleScroll()})))}get rootUrl(){return a(this,n,"f")}set rootUrl(e){o(this,n,e,"f")}get appTitle(){return a(this,b,"f")}set appTitle(e){o(this,b,e,"f")}get navEls(){return a(this,y,"f")}set navEls(e){o(this,y,e,"f")}get assignedElements(){return a(this,x,"f")}set assignedElements(e){o(this,x,e,"f")}get leftEls(){return a(this,_,"f")}set leftEls(e){o(this,_,e,"f")}get _navOpen(){return a(this,w,"f")}set _navOpen(e){o(this,w,e,"f")}get _flyoutsOpen(){return a(this,E,"f")}set _flyoutsOpen(e){o(this,E,e,"f")}get _headerEl(){return a(this,z,"f")}set _headerEl(e){o(this,z,e,"f")}render(){const e={header:!0,"left-slotted":this.leftEls.length,"child-open":this._navOpen||this._flyoutsOpen};return p`
+}`;let b=(()=>{var n,b,x,y,_,w,E,z;let O,S,T,C,L,U,j,$,M,W,F=[s("kyn-header")],N=[],Y=p,R=[],q=[],H=[],P=[],A=[],B=[],D=[],G=[],I=[],J=[],K=[],Q=[],V=[],X=[],Z=[],ee=[];return S=class extends Y{constructor(){super(...arguments),n.set(this,i(this,R,"/")),b.set(this,(i(this,q),i(this,H,""))),x.set(this,(i(this,P),i(this,A,void 0))),y.set(this,(i(this,B),i(this,D,void 0))),_.set(this,(i(this,G),i(this,I,void 0))),w.set(this,(i(this,J),i(this,K,!1))),E.set(this,(i(this,Q),i(this,V,!1))),z.set(this,(i(this,X),i(this,Z,void 0))),this._debounceScroll=(i(this,ee),v((()=>{this._handleScroll()})))}get rootUrl(){return a(this,n,"f")}set rootUrl(e){o(this,n,e,"f")}get appTitle(){return a(this,b,"f")}set appTitle(e){o(this,b,e,"f")}get navEls(){return a(this,x,"f")}set navEls(e){o(this,x,e,"f")}get assignedElements(){return a(this,y,"f")}set assignedElements(e){o(this,y,e,"f")}get leftEls(){return a(this,_,"f")}set leftEls(e){o(this,_,e,"f")}get _navOpen(){return a(this,w,"f")}set _navOpen(e){o(this,w,e,"f")}get _flyoutsOpen(){return a(this,E,"f")}set _flyoutsOpen(e){o(this,E,e,"f")}get _headerEl(){return a(this,z,"f")}set _headerEl(e){o(this,z,e,"f")}render(){const e={header:!0,"left-slotted":this.leftEls.length,"child-open":this._navOpen||this._flyoutsOpen};return u`
       <header class="${m(e)}">
         <slot name="left" @slotchange=${this.handleSlotChange}></slot>
 
@@ -367,8 +378,10 @@ import{_ as e,a as t,b as i,c as a,d as o}from"../../../vendor/tslib-Ac8XvvSX.js
         <div class="header__right">
           <slot @slotchange=${this.handleSlotChange}></slot>
         </div>
+
+        <div class="background"></div>
       </header>
 
       <div class="overlay"></div>
-    `}handleSlotChange(){this.requestUpdate()}handleRootLinkClick(e){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:e}});this.dispatchEvent(t)}_handleNavToggle(e){this._navOpen=e.detail.open}_handleFlyoutsToggle(e){this._flyoutsOpen=e.detail.open||e.detail.childrenOpen}_handleScroll(){window.scrollY>0?this._headerEl.classList.add("scrolled"):this._headerEl.classList.remove("scrolled")}firstUpdated(){this._handleScroll(),setTimeout((()=>{this._headerEl.classList.add("loaded")}),0)}connectedCallback(){super.connectedCallback(),document.addEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.addEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e))),window.addEventListener("scroll",this._debounceScroll)}disconnectedCallback(){document.removeEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.removeEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e))),window.removeEventListener("scroll",this._debounceScroll),super.disconnectedCallback()}},n=new WeakMap,b=new WeakMap,y=new WeakMap,x=new WeakMap,_=new WeakMap,w=new WeakMap,E=new WeakMap,z=new WeakMap,e(S,"Header"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=R[Symbol.metadata])&&void 0!==e?e:null):void 0;T=[d({type:String})],C=[d({type:String})],L=[c({selector:"kyn-header-nav"})],U=[c()],j=[c({slot:"left"})],$=[r()],M=[r()],W=[h("header")],t(S,null,T,{kind:"accessor",name:"rootUrl",static:!1,private:!1,access:{has:e=>"rootUrl"in e,get:e=>e.rootUrl,set:(e,t)=>{e.rootUrl=t}},metadata:i},Y,q),t(S,null,C,{kind:"accessor",name:"appTitle",static:!1,private:!1,access:{has:e=>"appTitle"in e,get:e=>e.appTitle,set:(e,t)=>{e.appTitle=t}},metadata:i},H,P),t(S,null,L,{kind:"accessor",name:"navEls",static:!1,private:!1,access:{has:e=>"navEls"in e,get:e=>e.navEls,set:(e,t)=>{e.navEls=t}},metadata:i},A,B),t(S,null,U,{kind:"accessor",name:"assignedElements",static:!1,private:!1,access:{has:e=>"assignedElements"in e,get:e=>e.assignedElements,set:(e,t)=>{e.assignedElements=t}},metadata:i},D,G),t(S,null,j,{kind:"accessor",name:"leftEls",static:!1,private:!1,access:{has:e=>"leftEls"in e,get:e=>e.leftEls,set:(e,t)=>{e.leftEls=t}},metadata:i},I,J),t(S,null,$,{kind:"accessor",name:"_navOpen",static:!1,private:!1,access:{has:e=>"_navOpen"in e,get:e=>e._navOpen,set:(e,t)=>{e._navOpen=t}},metadata:i},K,Q),t(S,null,M,{kind:"accessor",name:"_flyoutsOpen",static:!1,private:!1,access:{has:e=>"_flyoutsOpen"in e,get:e=>e._flyoutsOpen,set:(e,t)=>{e._flyoutsOpen=t}},metadata:i},V,X),t(S,null,W,{kind:"accessor",name:"_headerEl",static:!1,private:!1,access:{has:e=>"_headerEl"in e,get:e=>e._headerEl,set:(e,t)=>{e._headerEl=t}},metadata:i},Z,ee),t(null,O={value:S},F,{kind:"class",name:S.name,metadata:i},null,N),S=O.value,i&&Object.defineProperty(S,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),S.styles=l(f),i(S,N),S})();export{b as Header};
+    `}handleSlotChange(){this.requestUpdate()}handleRootLinkClick(e){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:e}});this.dispatchEvent(t)}_handleNavToggle(e){this._navOpen=e.detail.open}_handleFlyoutsToggle(e){this._flyoutsOpen=e.detail.open||e.detail.childrenOpen}_handleScroll(){window.scrollY>0?this._headerEl.classList.add("scrolled"):this._headerEl.classList.remove("scrolled")}firstUpdated(){this._handleScroll()}connectedCallback(){super.connectedCallback(),document.addEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.addEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e))),window.addEventListener("scroll",this._debounceScroll)}disconnectedCallback(){document.removeEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.removeEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e))),window.removeEventListener("scroll",this._debounceScroll),super.disconnectedCallback()}},n=new WeakMap,b=new WeakMap,x=new WeakMap,y=new WeakMap,_=new WeakMap,w=new WeakMap,E=new WeakMap,z=new WeakMap,e(S,"Header"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=Y[Symbol.metadata])&&void 0!==e?e:null):void 0;T=[d({type:String})],C=[d({type:String})],L=[c({selector:"kyn-header-nav"})],U=[c()],j=[c({slot:"left"})],$=[r()],M=[r()],W=[h("header")],t(S,null,T,{kind:"accessor",name:"rootUrl",static:!1,private:!1,access:{has:e=>"rootUrl"in e,get:e=>e.rootUrl,set:(e,t)=>{e.rootUrl=t}},metadata:i},R,q),t(S,null,C,{kind:"accessor",name:"appTitle",static:!1,private:!1,access:{has:e=>"appTitle"in e,get:e=>e.appTitle,set:(e,t)=>{e.appTitle=t}},metadata:i},H,P),t(S,null,L,{kind:"accessor",name:"navEls",static:!1,private:!1,access:{has:e=>"navEls"in e,get:e=>e.navEls,set:(e,t)=>{e.navEls=t}},metadata:i},A,B),t(S,null,U,{kind:"accessor",name:"assignedElements",static:!1,private:!1,access:{has:e=>"assignedElements"in e,get:e=>e.assignedElements,set:(e,t)=>{e.assignedElements=t}},metadata:i},D,G),t(S,null,j,{kind:"accessor",name:"leftEls",static:!1,private:!1,access:{has:e=>"leftEls"in e,get:e=>e.leftEls,set:(e,t)=>{e.leftEls=t}},metadata:i},I,J),t(S,null,$,{kind:"accessor",name:"_navOpen",static:!1,private:!1,access:{has:e=>"_navOpen"in e,get:e=>e._navOpen,set:(e,t)=>{e._navOpen=t}},metadata:i},K,Q),t(S,null,M,{kind:"accessor",name:"_flyoutsOpen",static:!1,private:!1,access:{has:e=>"_flyoutsOpen"in e,get:e=>e._flyoutsOpen,set:(e,t)=>{e._flyoutsOpen=t}},metadata:i},V,X),t(S,null,W,{kind:"accessor",name:"_headerEl",static:!1,private:!1,access:{has:e=>"_headerEl"in e,get:e=>e._headerEl,set:(e,t)=>{e._headerEl=t}},metadata:i},Z,ee),t(null,O={value:S},F,{kind:"class",name:S.name,metadata:i},null,N),S=O.value,i&&Object.defineProperty(S,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),S.styles=l(f),i(S,N),S})();export{b as Header};
 //# sourceMappingURL=header.js.map

package/components/global/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../src/components/global/header/header.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  query,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { debounce } from '../../../common/helpers/helpers';\nimport HeaderScss from './header.scss?inline';\nimport logo from '@kyndryl-design-system/shidoka-foundation/assets/svg/kyndryl-logo.svg';\n\n/**\n * The global Header component.\n * @fires on-menu-toggle - Captures the menu toggle click event and emits the menu open state in the detail. `detail:{ origEvent: Event}`\n * @fires on-root-link-click - Captures the logo link click event and emits the original event details. `detail:{ origEvent: Event}`\n * @slot unnamed - The default slot for all empty space right of the logo/title.\n * @slot logo - Slot for the logo, will overwrite the default logo.\n * @slot left - Slot left of the logo, intended for the header nav.\n * @slot center - Slot between logo/title and right flyouts.\n */\n@customElement('kyn-header')\nexport class Header extends LitElement {\n  static override styles = unsafeCSS(HeaderScss);\n\n  /** URL for the header logo link. Should target the application home page. */\n  @property({ type: String })\n  accessor rootUrl = '/';\n\n  /** App title text next to logo.  Hidden on smaller screens. */\n  @property({ type: String })\n  accessor appTitle = '';\n\n  /** Queries for slotted header-nav.\n   * @internal\n   */\n  @queryAssignedElements({ selector: 'kyn-header-nav' })\n  accessor navEls!: any;\n\n  /** Queries for all slotted elements.\n   * @internal\n   */\n  @queryAssignedElements()\n  accessor assignedElements!: any;\n\n  /** Queries for elements in left slot.\n   * @internal\n   */\n  @queryAssignedElements({ slot: 'left' })\n  accessor leftEls!: any;\n\n  /** header-nav open state\n   * @internal\n   */\n  @state()\n  accessor _navOpen = false;\n\n  /** header-flyouts open state\n   * @internal\n   */\n  @state()\n  accessor _flyoutsOpen = false;\n\n  /** @internal */\n  @query('header')\n  accessor _headerEl!: HTMLElement;\n\n  override render() {\n    const classes = {\n      header: true,\n      'left-slotted': this.leftEls.length,\n      'child-open': this._navOpen || this._flyoutsOpen,\n    };\n\n    return html`\n      <header class=\"${classMap(classes)}\">\n        <slot name=\"left\" @slotchange=${this.handleSlotChange}></slot>\n\n        <a\n          href=\"${this.rootUrl}\"\n          class=\"logo-link interactive\"\n          aria-label=\"${this.rootUrl}\"\n          @click=\"${(e: Event) => this.handleRootLinkClick(e)}\"\n        >\n          <slot name=\"logo\" @slotchange=${this.handleSlotChange}>\n            ${unsafeHTML(logo)}\n          </slot>\n        </a>\n\n        <span class=\"title\">${this.appTitle}</span>\n\n        <slot name=\"center\"></slot>\n\n        <div class=\"header__right\">\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n      </header>\n\n      <div class=\"overlay\"></div>\n    `;\n  }\n\n  private handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  private handleRootLinkClick(e: Event) {\n    const event = new CustomEvent('on-root-link-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _handleNavToggle(e: any) {\n    this._navOpen = e.detail.open;\n  }\n\n  private _handleFlyoutsToggle(e: any) {\n    this._flyoutsOpen = e.detail.open || e.detail.childrenOpen;\n  }\n\n  /** Morph header on scroll.\n   * @internal */\n  private _handleScroll() {\n    if (window.scrollY > 0) {\n      this._headerEl.classList.add('scrolled');\n    } else {\n      this._headerEl.classList.remove('scrolled');\n    }\n  }\n\n  /** @internal */\n  private _debounceScroll = debounce(() => {\n    this._handleScroll();\n  });\n\n  override firstUpdated() {\n    this._handleScroll();\n\n    setTimeout(() => {\n      this._headerEl.classList.add('loaded');\n    }, 0);\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('on-nav-toggle', (e: Event) =>\n      this._handleNavToggle(e)\n    );\n    document.addEventListener('on-flyouts-toggle', (e: Event) =>\n      this._handleFlyoutsToggle(e)\n    );\n\n    window.addEventListener('scroll', this._debounceScroll);\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('on-nav-toggle', (e: Event) =>\n      this._handleNavToggle(e)\n    );\n    document.removeEventListener('on-flyouts-toggle', (e: Event) =>\n      this._handleFlyoutsToggle(e)\n    );\n\n    window.removeEventListener('scroll', this._debounceScroll);\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header': Header;\n  }\n}\n"],"names":["Header","customElement","LitElement","_classThis","_classSuper","_Header_rootUrl_accessor_storage","set","this","__runInitializers","_rootUrl_initializers","_Header_appTitle_accessor_storage","_rootUrl_extraInitializers","_appTitle_initializers","_Header_navEls_accessor_storage","_appTitle_extraInitializers","_navEls_initializers","_Header_assignedElements_accessor_storage","_navEls_extraInitializers","_assignedElements_initializers","_Header_leftEls_accessor_storage","_assignedElements_extraInitializers","_leftEls_initializers","_Header__navOpen_accessor_storage","_leftEls_extraInitializers","__navOpen_initializers","_Header__flyoutsOpen_accessor_storage","__navOpen_extraInitializers","__flyoutsOpen_initializers","_Header__headerEl_accessor_storage","__flyoutsOpen_extraInitializers","__headerEl_initializers","_debounceScroll","__headerEl_extraInitializers","debounce","_handleScroll","rootUrl","__classPrivateFieldGet","value","__classPrivateFieldSet","appTitle","navEls","assignedElements","leftEls","_navOpen","_flyoutsOpen","_headerEl","render","classes","header","length","html","classMap","handleSlotChange","e","handleRootLinkClick","unsafeHTML","logo","requestUpdate","event","CustomEvent","detail","origEvent","dispatchEvent","_handleNavToggle","open","_handleFlyoutsToggle","childrenOpen","window","scrollY","classList","add","remove","firstUpdated","setTimeout","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","_rootUrl_decorators","property","type","String","_appTitle_decorators","_navEls_decorators","queryAssignedElements","selector","_assignedElements_decorators","_leftEls_decorators","slot","__navOpen_decorators","state","__flyoutsOpen_decorators","query","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","__headerEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderScss"],"mappings":"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"}
+{"version":3,"file":"header.js","sources":["../../../../src/components/global/header/header.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  query,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { debounce } from '../../../common/helpers/helpers';\nimport HeaderScss from './header.scss?inline';\nimport logo from '@kyndryl-design-system/shidoka-foundation/assets/svg/kyndryl-logo.svg';\n\n/**\n * The global Header component.\n * @fires on-menu-toggle - Captures the menu toggle click event and emits the menu open state in the detail. `detail:{ origEvent: Event}`\n * @fires on-root-link-click - Captures the logo link click event and emits the original event details. `detail:{ origEvent: Event}`\n * @slot unnamed - The default slot for all empty space right of the logo/title.\n * @slot logo - Slot for the logo, will overwrite the default logo.\n * @slot left - Slot left of the logo, intended for the header nav.\n * @slot center - Slot between logo/title and right flyouts.\n */\n@customElement('kyn-header')\nexport class Header extends LitElement {\n  static override styles = unsafeCSS(HeaderScss);\n\n  /** URL for the header logo link. Should target the application home page. */\n  @property({ type: String })\n  accessor rootUrl = '/';\n\n  /** App title text next to logo.  Hidden on smaller screens. */\n  @property({ type: String })\n  accessor appTitle = '';\n\n  /** Queries for slotted header-nav.\n   * @internal\n   */\n  @queryAssignedElements({ selector: 'kyn-header-nav' })\n  accessor navEls!: any;\n\n  /** Queries for all slotted elements.\n   * @internal\n   */\n  @queryAssignedElements()\n  accessor assignedElements!: any;\n\n  /** Queries for elements in left slot.\n   * @internal\n   */\n  @queryAssignedElements({ slot: 'left' })\n  accessor leftEls!: any;\n\n  /** header-nav open state\n   * @internal\n   */\n  @state()\n  accessor _navOpen = false;\n\n  /** header-flyouts open state\n   * @internal\n   */\n  @state()\n  accessor _flyoutsOpen = false;\n\n  /** @internal */\n  @query('header')\n  accessor _headerEl!: HTMLElement;\n\n  override render() {\n    const classes = {\n      header: true,\n      'left-slotted': this.leftEls.length,\n      'child-open': this._navOpen || this._flyoutsOpen,\n    };\n\n    return html`\n      <header class=\"${classMap(classes)}\">\n        <slot name=\"left\" @slotchange=${this.handleSlotChange}></slot>\n\n        <a\n          href=\"${this.rootUrl}\"\n          class=\"logo-link interactive\"\n          aria-label=\"${this.rootUrl}\"\n          @click=\"${(e: Event) => this.handleRootLinkClick(e)}\"\n        >\n          <slot name=\"logo\" @slotchange=${this.handleSlotChange}>\n            ${unsafeHTML(logo)}\n          </slot>\n        </a>\n\n        <span class=\"title\">${this.appTitle}</span>\n\n        <slot name=\"center\"></slot>\n\n        <div class=\"header__right\">\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n\n        <div class=\"background\"></div>\n      </header>\n\n      <div class=\"overlay\"></div>\n    `;\n  }\n\n  private handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  private handleRootLinkClick(e: Event) {\n    const event = new CustomEvent('on-root-link-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _handleNavToggle(e: any) {\n    this._navOpen = e.detail.open;\n  }\n\n  private _handleFlyoutsToggle(e: any) {\n    this._flyoutsOpen = e.detail.open || e.detail.childrenOpen;\n  }\n\n  /** Morph header on scroll.\n   * @internal */\n  private _handleScroll() {\n    if (window.scrollY > 0) {\n      this._headerEl.classList.add('scrolled');\n    } else {\n      this._headerEl.classList.remove('scrolled');\n    }\n  }\n\n  /** @internal */\n  private _debounceScroll = debounce(() => {\n    this._handleScroll();\n  });\n\n  override firstUpdated() {\n    this._handleScroll();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('on-nav-toggle', (e: Event) =>\n      this._handleNavToggle(e)\n    );\n    document.addEventListener('on-flyouts-toggle', (e: Event) =>\n      this._handleFlyoutsToggle(e)\n    );\n\n    window.addEventListener('scroll', this._debounceScroll);\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('on-nav-toggle', (e: Event) =>\n      this._handleNavToggle(e)\n    );\n    document.removeEventListener('on-flyouts-toggle', (e: Event) =>\n      this._handleFlyoutsToggle(e)\n    );\n\n    window.removeEventListener('scroll', this._debounceScroll);\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header': Header;\n  }\n}\n"],"names":["Header","customElement","LitElement","_classThis","_classSuper","_Header_rootUrl_accessor_storage","set","this","__runInitializers","_rootUrl_initializers","_Header_appTitle_accessor_storage","_rootUrl_extraInitializers","_appTitle_initializers","_Header_navEls_accessor_storage","_appTitle_extraInitializers","_navEls_initializers","_Header_assignedElements_accessor_storage","_navEls_extraInitializers","_assignedElements_initializers","_Header_leftEls_accessor_storage","_assignedElements_extraInitializers","_leftEls_initializers","_Header__navOpen_accessor_storage","_leftEls_extraInitializers","__navOpen_initializers","_Header__flyoutsOpen_accessor_storage","__navOpen_extraInitializers","__flyoutsOpen_initializers","_Header__headerEl_accessor_storage","__flyoutsOpen_extraInitializers","__headerEl_initializers","_debounceScroll","__headerEl_extraInitializers","debounce","_handleScroll","rootUrl","__classPrivateFieldGet","value","__classPrivateFieldSet","appTitle","navEls","assignedElements","leftEls","_navOpen","_flyoutsOpen","_headerEl","render","classes","header","length","html","classMap","handleSlotChange","e","handleRootLinkClick","unsafeHTML","logo","requestUpdate","event","CustomEvent","detail","origEvent","dispatchEvent","_handleNavToggle","open","_handleFlyoutsToggle","childrenOpen","window","scrollY","classList","add","remove","firstUpdated","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","_rootUrl_decorators","property","type","String","_appTitle_decorators","_navEls_decorators","queryAssignedElements","selector","_assignedElements_decorators","_leftEls_decorators","slot","__navOpen_decorators","state","__flyoutsOpen_decorators","query","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","__headerEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderScss"],"mappings":"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"}

package/components/global/header/headerFlyout.js

@@ -94,14 +94,13 @@ import{_ as t,a as e,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
 }
 .menu__content {
   position: fixed;
-  top: calc(var(--kd-header-height));
+  top: var(--kd-header-height);
   right: 0;
   left: 0;
   bottom: 0;
   overflow-y: auto;
   overflow-x: hidden;
   background: var(--kd-color-background-container-default);
-  border-bottom: 4px solid var(--kd-color-border-accent-secondary);
   transition: visibility 300ms, opacity 300ms ease-in-out, transform 300ms ease-in-out;
   transform: translateY(-20px);
   visibility: hidden;
@@ -117,11 +116,12 @@ import{_ as t,a as e,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
 @media (min-width: 42rem) {
   .menu__content {
     position: absolute;
-    top: calc(100% + 12px);
-    right: -12px;
+    top: calc(100% + 12px + 8px);
+    right: -20px;
     bottom: auto;
     left: auto;
     border-top: none;
+    border-radius: 8px;
     background: var(--kd-color-background-container-default);
     max-height: calc(100vh - var(--kd-header-height));
     box-shadow: var(--kd-elevation-level-1);
@@ -276,8 +276,8 @@ import{_ as t,a as e,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 20px;
-  height: 20px;
+  width: 16px;
+  height: 16px;
 }
 .btn ::slotted([slot=button]) {
   display: flex;
@@ -285,7 +285,7 @@ import{_ as t,a as e,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
 @media (min-width: 42rem) {
   .btn {
     justify-content: center;
-    padding: 6px;
+    padding: 8px;
     height: auto;
   }
 }

package/components/global/header/headerFlyouts.js

@@ -94,14 +94,13 @@ import{_ as e,a as t,b as o,c as i,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
 }
 .menu__content {
   position: fixed;
-  top: calc(var(--kd-header-height));
+  top: var(--kd-header-height);
   right: 0;
   left: 0;
   bottom: 0;
   overflow-y: auto;
   overflow-x: hidden;
   background: var(--kd-color-background-container-default);
-  border-bottom: 4px solid var(--kd-color-border-accent-secondary);
   transition: visibility 300ms, opacity 300ms ease-in-out, transform 300ms ease-in-out;
   transform: translateY(-20px);
   visibility: hidden;
@@ -117,11 +116,12 @@ import{_ as e,a as t,b as o,c as i,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
 @media (min-width: 42rem) {
   .menu__content {
     position: absolute;
-    top: calc(100% + 12px);
-    right: -12px;
+    top: calc(100% + 12px + 8px);
+    right: -20px;
     bottom: auto;
     left: auto;
     border-top: none;
+    border-radius: 8px;
     background: var(--kd-color-background-container-default);
     max-height: calc(100vh - var(--kd-header-height));
     box-shadow: var(--kd-elevation-level-1);
@@ -279,7 +279,7 @@ import{_ as e,a as t,b as o,c as i,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
     z-index: initial;
     padding: 0;
   }
-}`;let g=(()=>{var l,g;let h,k,b,y,f=[d("kyn-header-flyouts")],x=[],_=m,w=[],z=[],F=[],j=[];return k=class extends _{get open(){return i(this,l,"f")}set open(e){n(this,l,e,"f")}get _slottedFlyouts(){return i(this,g,"f")}set _slottedFlyouts(e){n(this,g,e,"f")}render(){return a`
+}`;let g=(()=>{var l,g;let h,k,b,f,y=[d("kyn-header-flyouts")],x=[],_=m,w=[],z=[],F=[],j=[];return k=class extends _{get open(){return i(this,l,"f")}set open(e){n(this,l,e,"f")}get _slottedFlyouts(){return i(this,g,"f")}set _slottedFlyouts(e){n(this,g,e,"f")}render(){return a`
       <div class="header-flyouts menu ${this.open?"open":""}">
         <button
           class="btn interactive"
@@ -294,5 +294,5 @@ import{_ as e,a as t,b as o,c as i,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
           <slot></slot>
         </div>
       </div>
-    `}_toggleOpen(){this.open=!this.open}_handleClickOut(e){e.composedPath().includes(this)||(this.open=!1)}_handleFlyoutToggle(){this._emitFlyoutsToggle()}_emitFlyoutsToggle(){const e=new CustomEvent("on-flyouts-toggle",{composed:!0,bubbles:!0,detail:{open:this.open,childrenOpen:this._slottedFlyouts.some((e=>e.open))}});this.dispatchEvent(e)}willUpdate(e){e.has("open")&&this._emitFlyoutsToggle()}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this._handleClickOut(e))),document.addEventListener("on-flyout-toggle",(()=>this._handleFlyoutToggle()))}disconnectedCallback(){document.removeEventListener("click",(e=>this._handleClickOut(e))),document.removeEventListener("on-flyout-toggle",(()=>this._handleFlyoutToggle())),super.disconnectedCallback()}constructor(){super(...arguments),l.set(this,o(this,w,!1)),g.set(this,(o(this,z),o(this,F,void 0))),o(this,j)}},l=new WeakMap,g=new WeakMap,e(k,"HeaderFlyouts"),(()=>{var e;const o="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=_[Symbol.metadata])&&void 0!==e?e:null):void 0;b=[c({type:Boolean})],y=[u()],t(k,null,b,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:o},w,z),t(k,null,y,{kind:"accessor",name:"_slottedFlyouts",static:!1,private:!1,access:{has:e=>"_slottedFlyouts"in e,get:e=>e._slottedFlyouts,set:(e,t)=>{e._slottedFlyouts=t}},metadata:o},F,j),t(null,h={value:k},f,{kind:"class",name:k.name,metadata:o},null,x),k=h.value,o&&Object.defineProperty(k,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o})})(),k.styles=s(v),o(k,x),k})();export{g as HeaderFlyouts};
+    `}_toggleOpen(){this.open=!this.open}_handleClickOut(e){e.composedPath().includes(this)||(this.open=!1)}_handleFlyoutToggle(){this._emitFlyoutsToggle()}_emitFlyoutsToggle(){const e=new CustomEvent("on-flyouts-toggle",{composed:!0,bubbles:!0,detail:{open:this.open,childrenOpen:this._slottedFlyouts.some((e=>e.open))}});this.dispatchEvent(e)}willUpdate(e){e.has("open")&&this._emitFlyoutsToggle()}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this._handleClickOut(e))),document.addEventListener("on-flyout-toggle",(()=>this._handleFlyoutToggle()))}disconnectedCallback(){document.removeEventListener("click",(e=>this._handleClickOut(e))),document.removeEventListener("on-flyout-toggle",(()=>this._handleFlyoutToggle())),super.disconnectedCallback()}constructor(){super(...arguments),l.set(this,o(this,w,!1)),g.set(this,(o(this,z),o(this,F,void 0))),o(this,j)}},l=new WeakMap,g=new WeakMap,e(k,"HeaderFlyouts"),(()=>{var e;const o="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=_[Symbol.metadata])&&void 0!==e?e:null):void 0;b=[c({type:Boolean})],f=[u()],t(k,null,b,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:o},w,z),t(k,null,f,{kind:"accessor",name:"_slottedFlyouts",static:!1,private:!1,access:{has:e=>"_slottedFlyouts"in e,get:e=>e._slottedFlyouts,set:(e,t)=>{e._slottedFlyouts=t}},metadata:o},F,j),t(null,h={value:k},y,{kind:"class",name:k.name,metadata:o},null,x),k=h.value,o&&Object.defineProperty(k,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o})})(),k.styles=s(v),o(k,x),k})();export{g as HeaderFlyouts};
 //# sourceMappingURL=headerFlyouts.js.map

package/components/global/header/headerLink.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as r,o,x as s}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as l,a as d,t as c,r as h,n as m,o as u}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as v}from"../../../vendor/lit-element-DxLLCKb1.js";import{debounce as p}from"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import{b as k,d as g,f}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../../reusable/button/button.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";var b=l`*,
+import{_ as e,a as t,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as r,o,x as s}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as l,a as d,t as h,r as c,n as m,o as u}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as v}from"../../../vendor/lit-element-DxLLCKb1.js";import{debounce as p}from"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import{b as k,d as g,f}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../../reusable/button/button.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";var b=l`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -94,14 +94,13 @@ import{_ as e,a as t,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
 }
 .menu__content {
   position: fixed;
-  top: calc(var(--kd-header-height));
+  top: var(--kd-header-height);
   right: 0;
   left: 0;
   bottom: 0;
   overflow-y: auto;
   overflow-x: hidden;
   background: var(--kd-color-background-container-default);
-  border-bottom: 4px solid var(--kd-color-border-accent-secondary);
   transition: visibility 300ms, opacity 300ms ease-in-out, transform 300ms ease-in-out;
   transform: translateY(-20px);
   visibility: hidden;
@@ -117,11 +116,12 @@ import{_ as e,a as t,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
 @media (min-width: 42rem) {
   .menu__content {
     position: absolute;
-    top: calc(100% + 12px);
-    right: -12px;
+    top: calc(100% + 12px + 8px);
+    right: -20px;
     bottom: auto;
     left: auto;
     border-top: none;
+    border-radius: 8px;
     background: var(--kd-color-background-container-default);
     max-height: calc(100vh - var(--kd-header-height));
     box-shadow: var(--kd-elevation-level-1);
@@ -415,7 +415,7 @@ kyn-text-input {
     transform: scaleX(0);
     transform-origin: right;
   }
-}`;let y=(()=>{var l,y,x,w,_,T,z,E,L,$,P,C,M,S,W;let j,A,N,R,B,H,O,Y,K,q,D,F,I,U,X,G,J,Q=[c("kyn-header-link")],V=[],Z=v,ee=[],te=[],ie=[],ae=[],ne=[],re=[],oe=[],se=[],le=[],de=[],ce=[],he=[],me=[],ue=[],ve=[],pe=[],ke=[],ge=[],fe=[],be=[],ye=[],xe=[],we=[],_e=[],Te=[],ze=[],Ee=[],Le=[],$e=[],Pe=[];return A=class extends Z{constructor(){super(...arguments),l.set(this,i(this,ee,!1)),y.set(this,(i(this,te),i(this,ie,""))),x.set(this,(i(this,ae),i(this,ne,"_self"))),w.set(this,(i(this,re),i(this,oe,""))),_.set(this,(i(this,se),i(this,le,!1))),T.set(this,(i(this,de),i(this,ce,1))),z.set(this,(i(this,he),i(this,me,!1))),E.set(this,(i(this,ue),i(this,ve,"Search"))),L.set(this,(i(this,pe),i(this,ke,6))),$.set(this,(i(this,ge),i(this,fe,"Back"))),P.set(this,(i(this,be),i(this,ye,!1))),C.set(this,(i(this,xe),i(this,we,""))),M.set(this,(i(this,_e),i(this,Te,void 0))),this._enterTimer=i(this,ze),S.set(this,i(this,Ee,void 0)),W.set(this,(i(this,Le),i(this,$e,{}))),this._debounceResize=(i(this,Pe),p((()=>{this.determineLevel()})))}get open(){return a(this,l,"f")}set open(e){n(this,l,e,"f")}get href(){return a(this,y,"f")}set href(e){n(this,y,e,"f")}get target(){return a(this,x,"f")}set target(e){n(this,x,e,"f")}get rel(){return a(this,w,"f")}set rel(e){n(this,w,e,"f")}get isActive(){return a(this,_,"f")}set isActive(e){n(this,_,e,"f")}get level(){return a(this,T,"f")}set level(e){n(this,T,e,"f")}get divider(){return a(this,z,"f")}set divider(e){n(this,z,e,"f")}get searchLabel(){return a(this,E,"f")}set searchLabel(e){n(this,E,e,"f")}get searchThreshold(){return a(this,L,"f")}set searchThreshold(e){n(this,L,e,"f")}get backText(){return a(this,$,"f")}set backText(e){n(this,$,e,"f")}get leftPadding(){return a(this,P,"f")}set leftPadding(e){n(this,P,e,"f")}get _searchTerm(){return a(this,C,"f")}set _searchTerm(e){n(this,C,e,"f")}get slottedEls(){return a(this,M,"f")}set slottedEls(e){n(this,M,e,"f")}get _leaveTimer(){return a(this,S,"f")}set _leaveTimer(e){n(this,S,e,"f")}get menuPosition(){return a(this,W,"f")}set menuPosition(e){n(this,W,e,"f")}render(){const e={menu:this.slottedEls.length,[`level--${this.level}`]:!0,divider:this.divider,open:this.open},t={"nav-link":!0,active:this.isActive,interactive:1==this.level,"padding-left":this.leftPadding},i={menu__content:!0,slotted:this.slottedEls.length},a=this.querySelectorAll(":scope > kyn-header-link, :scope > kyn-header-category > kyn-header-link");return s`
+}`;let y=(()=>{var l,y,x,w,_,T,z,E,L,$,P,C,M,S,W;let j,A,N,R,B,H,O,Y,K,q,D,F,I,U,X,G,J,Q=[h("kyn-header-link")],V=[],Z=v,ee=[],te=[],ie=[],ae=[],ne=[],re=[],oe=[],se=[],le=[],de=[],he=[],ce=[],me=[],ue=[],ve=[],pe=[],ke=[],ge=[],fe=[],be=[],ye=[],xe=[],we=[],_e=[],Te=[],ze=[],Ee=[],Le=[],$e=[],Pe=[];return A=class extends Z{constructor(){super(...arguments),l.set(this,i(this,ee,!1)),y.set(this,(i(this,te),i(this,ie,""))),x.set(this,(i(this,ae),i(this,ne,"_self"))),w.set(this,(i(this,re),i(this,oe,""))),_.set(this,(i(this,se),i(this,le,!1))),T.set(this,(i(this,de),i(this,he,1))),z.set(this,(i(this,ce),i(this,me,!1))),E.set(this,(i(this,ue),i(this,ve,"Search"))),L.set(this,(i(this,pe),i(this,ke,6))),$.set(this,(i(this,ge),i(this,fe,"Back"))),P.set(this,(i(this,be),i(this,ye,!1))),C.set(this,(i(this,xe),i(this,we,""))),M.set(this,(i(this,_e),i(this,Te,void 0))),this._enterTimer=i(this,ze),S.set(this,i(this,Ee,void 0)),W.set(this,(i(this,Le),i(this,$e,{}))),this._debounceResize=(i(this,Pe),p((()=>{this.determineLevel()})))}get open(){return a(this,l,"f")}set open(e){n(this,l,e,"f")}get href(){return a(this,y,"f")}set href(e){n(this,y,e,"f")}get target(){return a(this,x,"f")}set target(e){n(this,x,e,"f")}get rel(){return a(this,w,"f")}set rel(e){n(this,w,e,"f")}get isActive(){return a(this,_,"f")}set isActive(e){n(this,_,e,"f")}get level(){return a(this,T,"f")}set level(e){n(this,T,e,"f")}get divider(){return a(this,z,"f")}set divider(e){n(this,z,e,"f")}get searchLabel(){return a(this,E,"f")}set searchLabel(e){n(this,E,e,"f")}get searchThreshold(){return a(this,L,"f")}set searchThreshold(e){n(this,L,e,"f")}get backText(){return a(this,$,"f")}set backText(e){n(this,$,e,"f")}get leftPadding(){return a(this,P,"f")}set leftPadding(e){n(this,P,e,"f")}get _searchTerm(){return a(this,C,"f")}set _searchTerm(e){n(this,C,e,"f")}get slottedEls(){return a(this,M,"f")}set slottedEls(e){n(this,M,e,"f")}get _leaveTimer(){return a(this,S,"f")}set _leaveTimer(e){n(this,S,e,"f")}get menuPosition(){return a(this,W,"f")}set menuPosition(e){n(this,W,e,"f")}render(){const e={menu:this.slottedEls.length,[`level--${this.level}`]:!0,divider:this.divider,open:this.open},t={"nav-link":!0,active:this.isActive,interactive:1==this.level,"padding-left":this.leftPadding},i={menu__content:!0,slotted:this.slottedEls.length},a=this.querySelectorAll(":scope > kyn-header-link, :scope > kyn-header-category > kyn-header-link");return s`
       <div
         class="${r(e)}"
         @pointerleave=${e=>this.handlePointerLeave(e)}
@@ -463,5 +463,5 @@ kyn-text-input {
           <slot name="links" @slotchange=${this._handleLinksSlotChange}></slot>
         </div>
       </div>
-    `}_handleSearch(e){this._searchTerm=e.detail.value.toLowerCase(),this._searchFilter()}_searchFilter(){this.querySelectorAll(":scope > kyn-header-link, :scope > kyn-header-category > kyn-header-link").forEach((e=>{var t,i;const a=null===(i=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("slot"))||void 0===i?void 0:i.assignedNodes({flatten:!0});let n="";for(let e=0;e<a.length;e++)n+=a[e].textContent.trim();n.toLowerCase().includes(this._searchTerm)?e.style.display="block":e.style.display="none"})),this._positionMenu()}_handleBack(){this.open=!1}_handleLinksSlotChange(){this.requestUpdate()}handlePointerEnter(e){"mouse"===e.pointerType&&this.slottedEls.length&&(clearTimeout(this._leaveTimer),this._enterTimer=setTimeout((()=>{this.open=!0}),150))}handlePointerLeave(e){"mouse"===e.pointerType&&this.slottedEls.length&&""===this._searchTerm&&(clearTimeout(this._enterTimer),this._leaveTimer=setTimeout((()=>{this.open=!1}),150))}handleClick(e){let t=!1;this.slottedEls.length&&(t=!0,e.preventDefault(),this.open=!this.open);const i=new CustomEvent("on-click",{detail:{origEvent:e,defaultPrevented:t}});this.dispatchEvent(i)}handleClickOut(e){e.composedPath().includes(this)||(this.open=!1,this._searchTerm="",this._searchFilter())}determineLevel(){const e=this.parentNode,t=e.parentNode;"KYN-HEADER-LINK"===e.nodeName?this.level=e.level+1:"KYN-HEADER-CATEGORY"===e.nodeName&&"KYN-HEADER-LINK"===t.nodeName?this.level=t.level+1:window.innerWidth<672&&"KYN-HEADER-FLYOUT"===e.nodeName?this.level=2:this.level=1}_positionMenu(){var e,t;const i=this.getBoundingClientRect(),a=null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".menu__content"))||void 0===t?void 0:t.getBoundingClientRect(),n=i.top+i.height/2,r=a.height/2,o=n+r>window.innerHeight?n-r-(n+r-window.innerHeight):n-r;this.menuPosition={top:o<56?56:o,left:i.right+8}}firstUpdated(){this.determineLevel()}willUpdate(e){e.has("open")&&this.open&&this._positionMenu()}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this.handleClickOut(e))),null===window||void 0===window||window.addEventListener("resize",this._debounceResize)}disconnectedCallback(){document.removeEventListener("click",(e=>this.handleClickOut(e))),null===window||void 0===window||window.removeEventListener("resize",this._debounceResize),super.disconnectedCallback()}},l=new WeakMap,y=new WeakMap,x=new WeakMap,w=new WeakMap,_=new WeakMap,T=new WeakMap,z=new WeakMap,E=new WeakMap,L=new WeakMap,$=new WeakMap,P=new WeakMap,C=new WeakMap,M=new WeakMap,S=new WeakMap,W=new WeakMap,e(A,"HeaderLink"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=Z[Symbol.metadata])&&void 0!==e?e:null):void 0;N=[m({type:Boolean})],R=[m({type:String})],B=[m({type:String})],H=[m({type:String})],O=[m({type:Boolean})],Y=[d()],K=[m({type:Boolean})],q=[m({type:String})],D=[m({type:Number})],F=[m({type:String})],I=[m({type:Boolean})],U=[d()],X=[u({slot:"links"})],G=[d()],J=[d()],t(A,null,N,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:i},ee,te),t(A,null,R,{kind:"accessor",name:"href",static:!1,private:!1,access:{has:e=>"href"in e,get:e=>e.href,set:(e,t)=>{e.href=t}},metadata:i},ie,ae),t(A,null,B,{kind:"accessor",name:"target",static:!1,private:!1,access:{has:e=>"target"in e,get:e=>e.target,set:(e,t)=>{e.target=t}},metadata:i},ne,re),t(A,null,H,{kind:"accessor",name:"rel",static:!1,private:!1,access:{has:e=>"rel"in e,get:e=>e.rel,set:(e,t)=>{e.rel=t}},metadata:i},oe,se),t(A,null,O,{kind:"accessor",name:"isActive",static:!1,private:!1,access:{has:e=>"isActive"in e,get:e=>e.isActive,set:(e,t)=>{e.isActive=t}},metadata:i},le,de),t(A,null,Y,{kind:"accessor",name:"level",static:!1,private:!1,access:{has:e=>"level"in e,get:e=>e.level,set:(e,t)=>{e.level=t}},metadata:i},ce,he),t(A,null,K,{kind:"accessor",name:"divider",static:!1,private:!1,access:{has:e=>"divider"in e,get:e=>e.divider,set:(e,t)=>{e.divider=t}},metadata:i},me,ue),t(A,null,q,{kind:"accessor",name:"searchLabel",static:!1,private:!1,access:{has:e=>"searchLabel"in e,get:e=>e.searchLabel,set:(e,t)=>{e.searchLabel=t}},metadata:i},ve,pe),t(A,null,D,{kind:"accessor",name:"searchThreshold",static:!1,private:!1,access:{has:e=>"searchThreshold"in e,get:e=>e.searchThreshold,set:(e,t)=>{e.searchThreshold=t}},metadata:i},ke,ge),t(A,null,F,{kind:"accessor",name:"backText",static:!1,private:!1,access:{has:e=>"backText"in e,get:e=>e.backText,set:(e,t)=>{e.backText=t}},metadata:i},fe,be),t(A,null,I,{kind:"accessor",name:"leftPadding",static:!1,private:!1,access:{has:e=>"leftPadding"in e,get:e=>e.leftPadding,set:(e,t)=>{e.leftPadding=t}},metadata:i},ye,xe),t(A,null,U,{kind:"accessor",name:"_searchTerm",static:!1,private:!1,access:{has:e=>"_searchTerm"in e,get:e=>e._searchTerm,set:(e,t)=>{e._searchTerm=t}},metadata:i},we,_e),t(A,null,X,{kind:"accessor",name:"slottedEls",static:!1,private:!1,access:{has:e=>"slottedEls"in e,get:e=>e.slottedEls,set:(e,t)=>{e.slottedEls=t}},metadata:i},Te,ze),t(A,null,G,{kind:"accessor",name:"_leaveTimer",static:!1,private:!1,access:{has:e=>"_leaveTimer"in e,get:e=>e._leaveTimer,set:(e,t)=>{e._leaveTimer=t}},metadata:i},Ee,Le),t(A,null,J,{kind:"accessor",name:"menuPosition",static:!1,private:!1,access:{has:e=>"menuPosition"in e,get:e=>e.menuPosition,set:(e,t)=>{e.menuPosition=t}},metadata:i},$e,Pe),t(null,j={value:A},Q,{kind:"class",name:A.name,metadata:i},null,V),A=j.value,i&&Object.defineProperty(A,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),A.styles=h(b),i(A,V),A})();export{y as HeaderLink};
+    `}_handleSearch(e){this._searchTerm=e.detail.value.toLowerCase(),this._searchFilter()}_searchFilter(){this.querySelectorAll(":scope > kyn-header-link, :scope > kyn-header-category > kyn-header-link").forEach((e=>{var t,i;const a=null===(i=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("slot"))||void 0===i?void 0:i.assignedNodes({flatten:!0});let n="";for(let e=0;e<a.length;e++)n+=a[e].textContent.trim();n.toLowerCase().includes(this._searchTerm)?e.style.display="block":e.style.display="none"})),this._positionMenu()}_handleBack(){this.open=!1}_handleLinksSlotChange(){this.requestUpdate()}handlePointerEnter(e){"mouse"===e.pointerType&&this.slottedEls.length&&(clearTimeout(this._leaveTimer),this._enterTimer=setTimeout((()=>{this.open=!0}),150))}handlePointerLeave(e){"mouse"===e.pointerType&&this.slottedEls.length&&""===this._searchTerm&&(clearTimeout(this._enterTimer),this._leaveTimer=setTimeout((()=>{this.open=!1}),150))}handleClick(e){let t=!1;this.slottedEls.length&&(t=!0,e.preventDefault(),this.open=!this.open);const i=new CustomEvent("on-click",{detail:{origEvent:e,defaultPrevented:t}});this.dispatchEvent(i)}handleClickOut(e){e.composedPath().includes(this)||(this.open=!1,this._searchTerm="",this._searchFilter())}determineLevel(){const e=this.parentNode,t=e.parentNode;"KYN-HEADER-LINK"===e.nodeName?this.level=e.level+1:"KYN-HEADER-CATEGORY"===e.nodeName&&"KYN-HEADER-LINK"===t.nodeName?this.level=t.level+1:window.innerWidth<672&&"KYN-HEADER-FLYOUT"===e.nodeName?this.level=2:this.level=1}_positionMenu(){var e,t;const i=this.getBoundingClientRect(),a=null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".menu__content"))||void 0===t?void 0:t.getBoundingClientRect(),n=i.top+i.height/2,r=a.height/2,o=n+r>window.innerHeight?n-r-(n+r-window.innerHeight):n-r;this.menuPosition={top:o<56?56:o,left:i.right+8}}firstUpdated(){this.determineLevel()}willUpdate(e){e.has("open")&&this.open&&this._positionMenu()}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this.handleClickOut(e))),null===window||void 0===window||window.addEventListener("resize",this._debounceResize)}disconnectedCallback(){document.removeEventListener("click",(e=>this.handleClickOut(e))),null===window||void 0===window||window.removeEventListener("resize",this._debounceResize),super.disconnectedCallback()}},l=new WeakMap,y=new WeakMap,x=new WeakMap,w=new WeakMap,_=new WeakMap,T=new WeakMap,z=new WeakMap,E=new WeakMap,L=new WeakMap,$=new WeakMap,P=new WeakMap,C=new WeakMap,M=new WeakMap,S=new WeakMap,W=new WeakMap,e(A,"HeaderLink"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=Z[Symbol.metadata])&&void 0!==e?e:null):void 0;N=[m({type:Boolean})],R=[m({type:String})],B=[m({type:String})],H=[m({type:String})],O=[m({type:Boolean})],Y=[d()],K=[m({type:Boolean})],q=[m({type:String})],D=[m({type:Number})],F=[m({type:String})],I=[m({type:Boolean})],U=[d()],X=[u({slot:"links"})],G=[d()],J=[d()],t(A,null,N,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:i},ee,te),t(A,null,R,{kind:"accessor",name:"href",static:!1,private:!1,access:{has:e=>"href"in e,get:e=>e.href,set:(e,t)=>{e.href=t}},metadata:i},ie,ae),t(A,null,B,{kind:"accessor",name:"target",static:!1,private:!1,access:{has:e=>"target"in e,get:e=>e.target,set:(e,t)=>{e.target=t}},metadata:i},ne,re),t(A,null,H,{kind:"accessor",name:"rel",static:!1,private:!1,access:{has:e=>"rel"in e,get:e=>e.rel,set:(e,t)=>{e.rel=t}},metadata:i},oe,se),t(A,null,O,{kind:"accessor",name:"isActive",static:!1,private:!1,access:{has:e=>"isActive"in e,get:e=>e.isActive,set:(e,t)=>{e.isActive=t}},metadata:i},le,de),t(A,null,Y,{kind:"accessor",name:"level",static:!1,private:!1,access:{has:e=>"level"in e,get:e=>e.level,set:(e,t)=>{e.level=t}},metadata:i},he,ce),t(A,null,K,{kind:"accessor",name:"divider",static:!1,private:!1,access:{has:e=>"divider"in e,get:e=>e.divider,set:(e,t)=>{e.divider=t}},metadata:i},me,ue),t(A,null,q,{kind:"accessor",name:"searchLabel",static:!1,private:!1,access:{has:e=>"searchLabel"in e,get:e=>e.searchLabel,set:(e,t)=>{e.searchLabel=t}},metadata:i},ve,pe),t(A,null,D,{kind:"accessor",name:"searchThreshold",static:!1,private:!1,access:{has:e=>"searchThreshold"in e,get:e=>e.searchThreshold,set:(e,t)=>{e.searchThreshold=t}},metadata:i},ke,ge),t(A,null,F,{kind:"accessor",name:"backText",static:!1,private:!1,access:{has:e=>"backText"in e,get:e=>e.backText,set:(e,t)=>{e.backText=t}},metadata:i},fe,be),t(A,null,I,{kind:"accessor",name:"leftPadding",static:!1,private:!1,access:{has:e=>"leftPadding"in e,get:e=>e.leftPadding,set:(e,t)=>{e.leftPadding=t}},metadata:i},ye,xe),t(A,null,U,{kind:"accessor",name:"_searchTerm",static:!1,private:!1,access:{has:e=>"_searchTerm"in e,get:e=>e._searchTerm,set:(e,t)=>{e._searchTerm=t}},metadata:i},we,_e),t(A,null,X,{kind:"accessor",name:"slottedEls",static:!1,private:!1,access:{has:e=>"slottedEls"in e,get:e=>e.slottedEls,set:(e,t)=>{e.slottedEls=t}},metadata:i},Te,ze),t(A,null,G,{kind:"accessor",name:"_leaveTimer",static:!1,private:!1,access:{has:e=>"_leaveTimer"in e,get:e=>e._leaveTimer,set:(e,t)=>{e._leaveTimer=t}},metadata:i},Ee,Le),t(A,null,J,{kind:"accessor",name:"menuPosition",static:!1,private:!1,access:{has:e=>"menuPosition"in e,get:e=>e.menuPosition,set:(e,t)=>{e.menuPosition=t}},metadata:i},$e,Pe),t(null,j={value:A},Q,{kind:"class",name:A.name,metadata:i},null,V),A=j.value,i&&Object.defineProperty(A,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),A.styles=c(b),i(A,V),A})();export{y as HeaderLink};
 //# sourceMappingURL=headerLink.js.map

package/components/global/header/headerNav.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t,b as o,c as n,d as i}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as r,o as a,x as l}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as d,a as s,t as c,r as u,n as m}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as p}from"../../../vendor/lit-element-DxLLCKb1.js";import{g as v,m as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";var h=d`*,
+import{_ as e,a as t,b as o,c as i,d as n}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as r,o as a,x as l}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as s,a as d,t as c,r as u,n as m}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as p}from"../../../vendor/lit-element-DxLLCKb1.js";import{g as v,m as h}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";var k=s`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -94,14 +94,13 @@ import{_ as e,a as t,b as o,c as n,d as i}from"../../../vendor/tslib-Ac8XvvSX.js
 }
 .menu__content {
   position: fixed;
-  top: calc(var(--kd-header-height));
+  top: var(--kd-header-height);
   right: 0;
   left: 0;
   bottom: 0;
   overflow-y: auto;
   overflow-x: hidden;
   background: var(--kd-color-background-container-default);
-  border-bottom: 4px solid var(--kd-color-border-accent-secondary);
   transition: visibility 300ms, opacity 300ms ease-in-out, transform 300ms ease-in-out;
   transform: translateY(-20px);
   visibility: hidden;
@@ -117,11 +116,12 @@ import{_ as e,a as t,b as o,c as n,d as i}from"../../../vendor/tslib-Ac8XvvSX.js
 @media (min-width: 42rem) {
   .menu__content {
     position: absolute;
-    top: calc(100% + 12px);
-    right: -12px;
+    top: calc(100% + 12px + 8px);
+    right: -20px;
     bottom: auto;
     left: auto;
     border-top: none;
+    border-radius: 8px;
     background: var(--kd-color-background-container-default);
     max-height: calc(100vh - var(--kd-header-height));
     box-shadow: var(--kd-elevation-level-1);
@@ -245,15 +245,9 @@ import{_ as e,a as t,b as o,c as n,d as i}from"../../../vendor/tslib-Ac8XvvSX.js
 }
 
 .menu__content {
-  background: var(--kd-color-background-menu-state-default);
   padding: 8px;
   min-width: 320px;
-}
-@media (min-width: 42rem) {
-  .menu__content {
-    top: calc(100% + 12px);
-  }
-}`;let b=(()=>{var d,b;let g,f,x,y,w=[c("kyn-header-nav")],_=[],O=p,z=[],j=[],C=[],M=[];return f=class extends O{get menuOpen(){return n(this,d,"f")}set menuOpen(e){i(this,d,e,"f")}get slot(){return n(this,b,"f")}set slot(e){i(this,b,e,"f")}render(){const e={"header-nav":!0,menu:!0,open:this.menuOpen};return l`
+}`;let b=(()=>{var s,b;let g,f,x,y,w=[c("kyn-header-nav")],_=[],O=p,z=[],j=[],C=[],M=[];return f=class extends O{get menuOpen(){return i(this,s,"f")}set menuOpen(e){n(this,s,e,"f")}get slot(){return i(this,b,"f")}set slot(e){n(this,b,e,"f")}render(){const e={"header-nav":!0,menu:!0,open:this.menuOpen};return l`
       <div class=${r(e)}>
         <button
           class="btn interactive"
@@ -261,12 +255,12 @@ import{_ as e,a as t,b as o,c as n,d as i}from"../../../vendor/tslib-Ac8XvvSX.js
           title="Toggle Menu"
           @click=${()=>this._toggleMenuOpen()}
         >
-          ${this.menuOpen?l` <span>${a(v)}</span> `:l` <span>${a(k)}</span> `}
+          ${this.menuOpen?l` <span>${a(v)}</span> `:l` <span>${a(h)}</span> `}
         </button>
 
         <div class="menu__content left">
           <slot></slot>
         </div>
       </div>
-    `}_toggleMenuOpen(){this.menuOpen=!this.menuOpen}_handleClickOut(e){e.composedPath().includes(this)||(this.menuOpen=!1)}willUpdate(e){if(e.has("menuOpen")){const e=new CustomEvent("on-nav-toggle",{composed:!0,bubbles:!0,detail:{open:this.menuOpen}});this.dispatchEvent(e)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this._handleClickOut(e)))}disconnectedCallback(){document.removeEventListener("click",(e=>this._handleClickOut(e))),super.disconnectedCallback()}constructor(){super(...arguments),d.set(this,o(this,z,!1)),b.set(this,(o(this,j),o(this,C,"left"))),o(this,M)}},d=new WeakMap,b=new WeakMap,e(f,"HeaderNav"),(()=>{var e;const o="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=O[Symbol.metadata])&&void 0!==e?e:null):void 0;x=[s()],y=[m({type:String,reflect:!0})],t(f,null,x,{kind:"accessor",name:"menuOpen",static:!1,private:!1,access:{has:e=>"menuOpen"in e,get:e=>e.menuOpen,set:(e,t)=>{e.menuOpen=t}},metadata:o},z,j),t(f,null,y,{kind:"accessor",name:"slot",static:!1,private:!1,access:{has:e=>"slot"in e,get:e=>e.slot,set:(e,t)=>{e.slot=t}},metadata:o},C,M),t(null,g={value:f},w,{kind:"class",name:f.name,metadata:o},null,_),f=g.value,o&&Object.defineProperty(f,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o})})(),f.styles=u(h),o(f,_),f})();export{b as HeaderNav};
+    `}_toggleMenuOpen(){this.menuOpen=!this.menuOpen}_handleClickOut(e){e.composedPath().includes(this)||(this.menuOpen=!1)}willUpdate(e){if(e.has("menuOpen")){const e=new CustomEvent("on-nav-toggle",{composed:!0,bubbles:!0,detail:{open:this.menuOpen}});this.dispatchEvent(e)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this._handleClickOut(e)))}disconnectedCallback(){document.removeEventListener("click",(e=>this._handleClickOut(e))),super.disconnectedCallback()}constructor(){super(...arguments),s.set(this,o(this,z,!1)),b.set(this,(o(this,j),o(this,C,"left"))),o(this,M)}},s=new WeakMap,b=new WeakMap,e(f,"HeaderNav"),(()=>{var e;const o="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=O[Symbol.metadata])&&void 0!==e?e:null):void 0;x=[d()],y=[m({type:String,reflect:!0})],t(f,null,x,{kind:"accessor",name:"menuOpen",static:!1,private:!1,access:{has:e=>"menuOpen"in e,get:e=>e.menuOpen,set:(e,t)=>{e.menuOpen=t}},metadata:o},z,j),t(f,null,y,{kind:"accessor",name:"slot",static:!1,private:!1,access:{has:e=>"slot"in e,get:e=>e.slot,set:(e,t)=>{e.slot=t}},metadata:o},C,M),t(null,g={value:f},w,{kind:"class",name:f.name,metadata:o},null,_),f=g.value,o&&Object.defineProperty(f,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o})})(),f.styles=u(k),o(f,_),f})();export{b as HeaderNav};
 //# sourceMappingURL=headerNav.js.map

package/components/global/header/headerNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerNav.js","sources":["../../../../src/components/global/header/headerNav.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport HeaderNavScss from './headerNav.scss?inline';\n\nimport menuIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/hamburger-menu.svg';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/close-simple.svg';\n\n/**\n * Container for header navigation links.\n * @slot unnamed - This element has a slot.\n */\n@customElement('kyn-header-nav')\nexport class HeaderNav extends LitElement {\n  static override styles = unsafeCSS(HeaderNavScss);\n\n  /** Small screen header nav visibility.\n   * @ignore\n   */\n  @state()\n  accessor menuOpen = false;\n\n  /** Force correct slot */\n  @property({ type: String, reflect: true })\n  override accessor slot = 'left';\n\n  override render() {\n    const classes = {\n      'header-nav': true,\n      menu: true,\n      open: this.menuOpen,\n    };\n\n    return html`\n      <div class=${classMap(classes)}>\n        <button\n          class=\"btn interactive\"\n          aria-label=\"Toggle Menu\"\n          title=\"Toggle Menu\"\n          @click=${() => this._toggleMenuOpen()}\n        >\n          ${this.menuOpen\n            ? html` <span>${unsafeSVG(closeIcon)}</span> `\n            : html` <span>${unsafeSVG(menuIcon)}</span> `}\n        </button>\n\n        <div class=\"menu__content left\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _toggleMenuOpen() {\n    this.menuOpen = !this.menuOpen;\n  }\n\n  private _handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      this.menuOpen = false;\n    }\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('menuOpen')) {\n      const event = new CustomEvent('on-nav-toggle', {\n        composed: true,\n        bubbles: true,\n        detail: { open: this.menuOpen },\n      });\n      this.dispatchEvent(event);\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('click', (e) => this._handleClickOut(e));\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('click', (e) => this._handleClickOut(e));\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-nav': HeaderNav;\n  }\n}\n"],"names":["HeaderNav","customElement","LitElement","_classThis","_classSuper","menuOpen","__classPrivateFieldGet","this","_HeaderNav_menuOpen_accessor_storage","value","__classPrivateFieldSet","slot","_HeaderNav_slot_accessor_storage","render","classes","menu","open","html","classMap","_toggleMenuOpen","unsafeSVG","closeIcon","menuIcon","_handleClickOut","e","composedPath","includes","willUpdate","changedProps","has","event","CustomEvent","composed","bubbles","detail","dispatchEvent","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","set","__runInitializers","_menuOpen_initializers","_menuOpen_extraInitializers","_slot_initializers","_menuOpen_decorators","state","property","type","String","reflect","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_slot_decorators","_slot_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderNavScss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAcaA,EAAS,6BADrBC,EAAc,0BACgBC,6BAARC,EAAA,cAAQC,EAO7B,YAASC,GAAQ,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAjB,YAASH,CAAQI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAIjB,QAAkBE,GAAI,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAtB,QAAkBD,CAAIF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAEb,MAAAI,GACP,MAAMC,EAAU,CACd,cAAc,EACdC,MAAM,EACNC,KAAMT,KAAKF,UAGb,OAAOY,CAAI;mBACIC,EAASJ;;;;;mBAKT,IAAMP,KAAKY;;YAElBZ,KAAKF,SACHY,CAAI,UAAUG,EAAUC,aACxBJ,CAAI,UAAUG,EAAUE;;;;;;;MAU5B,eAAAH,GACNZ,KAAKF,UAAYE,KAAKF,SAGhB,eAAAkB,CAAgBC,GACjBA,EAAEC,eAAeC,SAASnB,QAC7BA,KAAKF,UAAW,GAIX,UAAAsB,CAAWC,GAClB,GAAIA,EAAaC,IAAI,YAAa,CAChC,MAAMC,EAAQ,IAAIC,YAAY,gBAAiB,CAC7CC,UAAU,EACVC,SAAS,EACTC,OAAQ,CAAElB,KAAMT,KAAKF,YAEvBE,KAAK4B,cAAcL,IAId,iBAAAM,GACPC,MAAMD,oBAENE,SAASC,iBAAiB,SAAUf,GAAMjB,KAAKgB,gBAAgBC,KAGxD,oBAAAgB,GACPF,SAASG,oBAAoB,SAAUjB,GAAMjB,KAAKgB,gBAAgBC,KAElEa,MAAMG,yDA/DChC,EAAAkC,IAAAnC,KAAAoC,EAAApC,KAAAqC,GAAW,IAIFhC,EAAA8B,IAAAnC,MAAAoC,EAAApC,KAAAsC,GAAAF,EAAApC,KAAAuC,EAAO,yMALxBC,EAAA,CAAAC,QAIAC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAHnCC,EAAAlD,EAAA,KAAA4C,EAAA,CAAAO,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA7B,IAAA8B,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAStD,SAAQqC,IAAA,CAAAiB,EAAAlD,KAAAkD,EAARtD,SAAQI,CAAA,GAAAoD,SAAAC,GAAAlB,EAAAC,GAIjBQ,EAAAlD,EAAA,KAAA4D,EAAA,CAAAT,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA7B,IAAA8B,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAkBhD,KAAI+B,IAAA,CAAAiB,EAAAlD,KAAAkD,EAAJhD,KAAIF,CAAA,GAAAoD,SAAAC,GAAAhB,EAAAkB,GAXxBX,EAAA,KAAAY,EAAA,CAAAxD,MAAAN,GAAA+D,EAAA,CAAAZ,KAAA,QAAAC,KAAApD,EAAAoD,KAAAM,SAAAC,GAAA,KAAAK,iHACkBhE,EAAAiE,OAASC,EAAUC,GADxB3B,EAAAxC,EAAAgE,MAAS"}
+{"version":3,"file":"headerNav.js","sources":["../../../../src/components/global/header/headerNav.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport HeaderNavScss from './headerNav.scss?inline';\n\nimport menuIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/hamburger-menu.svg';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/close-simple.svg';\n\n/**\n * Container for header navigation links.\n * @slot unnamed - This element has a slot.\n */\n@customElement('kyn-header-nav')\nexport class HeaderNav extends LitElement {\n  static override styles = unsafeCSS(HeaderNavScss);\n\n  /** Small screen header nav visibility.\n   * @ignore\n   */\n  @state()\n  accessor menuOpen = false;\n\n  /** Force correct slot */\n  @property({ type: String, reflect: true })\n  override accessor slot = 'left';\n\n  override render() {\n    const classes = {\n      'header-nav': true,\n      menu: true,\n      open: this.menuOpen,\n    };\n\n    return html`\n      <div class=${classMap(classes)}>\n        <button\n          class=\"btn interactive\"\n          aria-label=\"Toggle Menu\"\n          title=\"Toggle Menu\"\n          @click=${() => this._toggleMenuOpen()}\n        >\n          ${this.menuOpen\n            ? html` <span>${unsafeSVG(closeIcon)}</span> `\n            : html` <span>${unsafeSVG(menuIcon)}</span> `}\n        </button>\n\n        <div class=\"menu__content left\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _toggleMenuOpen() {\n    this.menuOpen = !this.menuOpen;\n  }\n\n  private _handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      this.menuOpen = false;\n    }\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('menuOpen')) {\n      const event = new CustomEvent('on-nav-toggle', {\n        composed: true,\n        bubbles: true,\n        detail: { open: this.menuOpen },\n      });\n      this.dispatchEvent(event);\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('click', (e) => this._handleClickOut(e));\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('click', (e) => this._handleClickOut(e));\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-nav': HeaderNav;\n  }\n}\n"],"names":["HeaderNav","customElement","LitElement","_classThis","_classSuper","menuOpen","__classPrivateFieldGet","this","_HeaderNav_menuOpen_accessor_storage","value","__classPrivateFieldSet","slot","_HeaderNav_slot_accessor_storage","render","classes","menu","open","html","classMap","_toggleMenuOpen","unsafeSVG","closeIcon","menuIcon","_handleClickOut","e","composedPath","includes","willUpdate","changedProps","has","event","CustomEvent","composed","bubbles","detail","dispatchEvent","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","set","__runInitializers","_menuOpen_initializers","_menuOpen_extraInitializers","_slot_initializers","_menuOpen_decorators","state","property","type","String","reflect","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_slot_decorators","_slot_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderNavScss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAcaA,EAAS,6BADrBC,EAAc,0BACgBC,6BAARC,EAAA,cAAQC,EAO7B,YAASC,GAAQ,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAjB,YAASH,CAAQI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAIjB,QAAkBE,GAAI,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAtB,QAAkBD,CAAIF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAEb,MAAAI,GACP,MAAMC,EAAU,CACd,cAAc,EACdC,MAAM,EACNC,KAAMT,KAAKF,UAGb,OAAOY,CAAI;mBACIC,EAASJ;;;;;mBAKT,IAAMP,KAAKY;;YAElBZ,KAAKF,SACHY,CAAI,UAAUG,EAAUC,aACxBJ,CAAI,UAAUG,EAAUE;;;;;;;MAU5B,eAAAH,GACNZ,KAAKF,UAAYE,KAAKF,SAGhB,eAAAkB,CAAgBC,GACjBA,EAAEC,eAAeC,SAASnB,QAC7BA,KAAKF,UAAW,GAIX,UAAAsB,CAAWC,GAClB,GAAIA,EAAaC,IAAI,YAAa,CAChC,MAAMC,EAAQ,IAAIC,YAAY,gBAAiB,CAC7CC,UAAU,EACVC,SAAS,EACTC,OAAQ,CAAElB,KAAMT,KAAKF,YAEvBE,KAAK4B,cAAcL,IAId,iBAAAM,GACPC,MAAMD,oBAENE,SAASC,iBAAiB,SAAUf,GAAMjB,KAAKgB,gBAAgBC,KAGxD,oBAAAgB,GACPF,SAASG,oBAAoB,SAAUjB,GAAMjB,KAAKgB,gBAAgBC,KAElEa,MAAMG,yDA/DChC,EAAAkC,IAAAnC,KAAAoC,EAAApC,KAAAqC,GAAW,IAIFhC,EAAA8B,IAAAnC,MAAAoC,EAAApC,KAAAsC,GAAAF,EAAApC,KAAAuC,EAAO,yMALxBC,EAAA,CAAAC,QAIAC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAHnCC,EAAAlD,EAAA,KAAA4C,EAAA,CAAAO,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA7B,IAAA8B,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAStD,SAAQqC,IAAA,CAAAiB,EAAAlD,KAAAkD,EAARtD,SAAQI,CAAA,GAAAoD,SAAAC,GAAAlB,EAAAC,GAIjBQ,EAAAlD,EAAA,KAAA4D,EAAA,CAAAT,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA7B,IAAA8B,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAkBhD,KAAI+B,IAAA,CAAAiB,EAAAlD,KAAAkD,EAAJhD,KAAIF,CAAA,GAAAoD,SAAAC,GAAAhB,EAAAkB,GAXxBX,EAAA,KAAAY,EAAA,CAAAxD,MAAAN,GAAA+D,EAAA,CAAAZ,KAAA,QAAAC,KAAApD,EAAAoD,KAAAM,SAAAC,GAAA,KAAAK,iHACkBhE,EAAAiE,OAASC,EAAUC,GADxB3B,EAAAxC,EAAAgE,MAAS"}

package/components/reusable/checkbox/checkboxGroup.js

@@ -380,7 +380,7 @@ textarea:not([disabled])[invalid] {
   cursor: pointer;
 }
 .clear-button.dropdown-clear {
-  right: 55px;
+  right: 48px;
   width: 24px;
 }
 

package/components/reusable/colorInput/colorInput.js

@@ -380,7 +380,7 @@ textarea:not([disabled])[invalid] {
   cursor: pointer;
 }
 .clear-button.dropdown-clear {
-  right: 55px;
+  right: 48px;
   width: 24px;
 }
 

package/components/reusable/datePicker/datepicker.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as r,a as n,t as l,r as o,n as d,e as c}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as h,x as p,o as u}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as m}from"../../../vendor/lit-element-DxLLCKb1.js";import{FormMixin as f}from"../../../common/mixins/form-input.js";import{getPlaceholder as g,injectFlatpickrStyles as k,updateEnableTime as v,clearFlatpickrInput as b,emitValue as y,initializeSingleAnchorFlatpickr as x,getModalContainer as w,setCalendarAttributes as _,hideEmptyYear as D,getFlatpickrOptions as I,preventFlatpickrOpen as z,handleInputClick as F,handleInputFocus as S,loadLocale as E}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as M}from"../../../shidoka-flatpickr-theme-DOQOMmsp.js";import{c as T,O as $,P as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var A=r`*,
+import{_ as t,a as e,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as r,a as n,t as l,r as o,n as d,e as c}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as h,x as p,o as u}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as m}from"../../../vendor/lit-element-DxLLCKb1.js";import{FormMixin as f}from"../../../common/mixins/form-input.js";import{getPlaceholder as g,injectFlatpickrStyles as k,updateEnableTime as v,clearFlatpickrInput as b,emitValue as y,initializeSingleAnchorFlatpickr as x,getModalContainer as w,setCalendarAttributes as _,hideEmptyYear as D,getFlatpickrOptions as I,preventFlatpickrOpen as z,handleInputClick as F,handleInputFocus as S,loadLocale as E}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as M}from"../../../shidoka-flatpickr-theme-D_ZtzGGD.js";import{c as T,O as $,P as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var A=r`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -380,7 +380,7 @@ textarea:not([disabled])[invalid] {
   cursor: pointer;
 }
 .clear-button.dropdown-clear {
-  right: 55px;
+  right: 48px;
   width: 24px;
 }
 

package/components/reusable/datePicker/index.js

@@ -1,2 +1,2 @@
-export{DatePicker}from"./datepicker.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../common/mixins/form-input.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-DOQOMmsp.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";
+export{DatePicker}from"./datepicker.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../common/mixins/form-input.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-D_ZtzGGD.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";
 //# sourceMappingURL=index.js.map

package/components/reusable/daterangepicker/daterangepicker.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as n,a as r,t as l,r as o,n as d,e as c}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as h,x as u,o as p}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as m}from"../../../vendor/lit-element-DxLLCKb1.js";import{FormMixin as g}from"../../../common/mixins/form-input.js";import{DateRangeEditableMode as f,getPlaceholder as v,injectFlatpickrStyles as k,updateEnableTime as b,clearFlatpickrInput as y,emitValue as x,initializeSingleAnchorFlatpickr as w,getModalContainer as D,setCalendarAttributes as _,hideEmptyYear as I,getFlatpickrOptions as E,applyDateRangeEditingRestrictions as F,preventFlatpickrOpen as S,handleInputClick as z,handleInputFocus as M,loadLocale as T}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as A}from"../../../shidoka-flatpickr-theme-DOQOMmsp.js";import{c as $,O,P as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var R=n`*,
+import{_ as t,a as e,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as n,a as r,t as l,r as o,n as d,e as c}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as h,x as u,o as p}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as m}from"../../../vendor/lit-element-DxLLCKb1.js";import{FormMixin as g}from"../../../common/mixins/form-input.js";import{DateRangeEditableMode as f,getPlaceholder as v,injectFlatpickrStyles as k,updateEnableTime as b,clearFlatpickrInput as y,emitValue as x,initializeSingleAnchorFlatpickr as w,getModalContainer as D,setCalendarAttributes as _,hideEmptyYear as I,getFlatpickrOptions as E,applyDateRangeEditingRestrictions as F,preventFlatpickrOpen as S,handleInputClick as z,handleInputFocus as M,loadLocale as T}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as A}from"../../../shidoka-flatpickr-theme-D_ZtzGGD.js";import{c as $,O,P as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var R=n`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -380,7 +380,7 @@ textarea:not([disabled])[invalid] {
   cursor: pointer;
 }
 .clear-button.dropdown-clear {
-  right: 55px;
+  right: 48px;
   width: 24px;
 }
 

package/components/reusable/daterangepicker/index.js

@@ -1,2 +1,2 @@
-export{DateRangePicker}from"./daterangepicker.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../common/mixins/form-input.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-DOQOMmsp.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";
+export{DateRangePicker}from"./daterangepicker.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../common/mixins/form-input.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-D_ZtzGGD.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";
 //# sourceMappingURL=index.js.map