@carbon/web-components 2.0.0-beta.3 → 2.0.0-beta.4

package/es/components/ui-shell/header-nav-item.js

@@ -12,6 +12,7 @@ let _ = t => t,
  */
 
 import { ifDefined } from 'lit/directives/if-defined.js';
+import { classMap } from 'lit/directives/class-map.js';
 import { LitElement, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
@@ -31,15 +32,15 @@ import styles from "././header.css.js";
      * @csspart link The link.
      * @csspart title The title.
      */
-let BXHeaderNavItem = _decorate([customElement(`${prefix}-header-nav-item`)], function (_initialize, _FocusMixin) {
-  class BXHeaderNavItem extends _FocusMixin {
+let CDSHeaderNavItem = _decorate([customElement(`${prefix}-header-nav-item`)], function (_initialize, _FocusMixin) {
+  class CDSHeaderNavItem extends _FocusMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXHeaderNavItem,
+    F: CDSHeaderNavItem,
     d: [{
       kind: "field",
       decorators: [property()],
@@ -50,6 +51,24 @@ let BXHeaderNavItem = _decorate([customElement(`${prefix}-header-nav-item`)], fu
       decorators: [property()],
       key: "title",
       value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        attribute: 'is-active'
+      })],
+      key: "isActive",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: String,
+        attribute: 'aria-current'
+      })],
+      key: "ariaCurrent",
+      value: void 0
     }, {
       kind: "field",
       decorators: [property({
@@ -71,26 +90,40 @@ let BXHeaderNavItem = _decorate([customElement(`${prefix}-header-nav-item`)], fu
        * The title.
        */
 
+      /**
+       * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.
+       */
+
+      /**
+       * indicates that this element represents the current item
+       */
+
       /**
        * As child of <ul>, this element must have role of listitem
        */
 
       function render() {
         const {
+          ariaCurrent,
           href,
+          isActive,
           title
         } = this;
+        const linkClass = classMap({
+          [`${prefix}--header__menu-item`]: true,
+          [`${prefix}--header__menu-item--current`]: isActive && ariaCurrent !== 'page'
+        });
         return html(_t || (_t = _`
       <a
         part="link"
-        class="${0}--header__menu-item"
+        class="${0}"
         tabindex="0"
         href="${0}">
         <span part="title" class="${0}--text-truncate--end"
           ><slot>${0}</slot></span
         >
       </a>
-    `), prefix, ifDefined(href), prefix, title);
+    `), linkClass, ifDefined(href), prefix, title);
       }
     }, {
       kind: "field",
@@ -111,5 +144,5 @@ let BXHeaderNavItem = _decorate([customElement(`${prefix}-header-nav-item`)], fu
     }]
   };
 }, FocusMixin(LitElement));
-export default BXHeaderNavItem;
+export default CDSHeaderNavItem;
 //# sourceMappingURL=header-nav-item.js.map

package/es/components/ui-shell/header-nav-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-nav-item.js","names":["ifDefined","LitElement","html","property","customElement","prefix","FocusMixin","styles","BXHeaderNavItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","reflect","render","href","title","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/header-nav-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\n\n/**\n * Header nav item.\n *\n * @element cds-header-nav-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-header-nav-item`)\nclass BXHeaderNavItem extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  /**\n   * As child of <ul>, this element must have role of listitem\n   */\n  @property({ reflect: true })\n  role: string = 'listitem';\n\n  render() {\n    const { href, title } = this;\n    return html`\n      <a\n        part=\"link\"\n        class=\"${prefix}--header__menu-item\"\n        tabindex=\"0\"\n        href=\"${ifDefined(href)}\">\n        <span part=\"title\" class=\"${prefix}--text-truncate--end\"\n          ><slot>${title}</slot></span\n        >\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderNavItem;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,QAAQ,8BAA8B;AACxD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,eAAe,GAAAC,SAAA,EADpBL,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAA3C,MACMH,eAAe,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAuCrD;EAAC;IAAAI,CAAA,EAvCKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBd,QAAQ,EAAE;MAAAe,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVd,QAAQ,EAAE;MAAAe,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVd,QAAQ,CAAC;QAAEiB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAF,GAAA;MAAAC,MAAA;QAAA,OACb,UAAU;MAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAhBzB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,MAAM;UAAEC,IAAI;UAAEC;QAAM,CAAC,GAAG,IAAI;QAC5B,OAAOrB,IAAI,CAAAsB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA,iBAAe,CAAS;AACxB;AACA,gBAAc,CAAkB;AAChC,oCAAkC,CAAS;AAC3C,mBAAiB,CAAQ;AACzB;AACA;AACA,KAAI,GAPapB,MAAM,EAEPL,SAAS,CAACsB,IAAI,CAAC,EACKjB,MAAM,EACvBkB,KAAK;MAItB;IAAC;MAAAP,IAAA;MAAAU,MAAA;MAAAR,GAAA;MAAAC,MAAA;QAAA,OAAAQ,aAAA,CAAAA,aAAA,KAGI1B,UAAU,CAAC2B,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAb,IAAA;MAAAU,MAAA;MAAAR,GAAA;MAAAC,MAAA;QAAA,OAENZ,MAAM;MAAA;IAAA;EAAA;AAAA,GAtCMD,UAAU,CAACL,UAAU,CAAC;AAyCpD,eAAeO,eAAe"}
+{"version":3,"file":"header-nav-item.js","names":["ifDefined","classMap","LitElement","html","property","customElement","prefix","FocusMixin","styles","CDSHeaderNavItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","type","Boolean","attribute","String","reflect","render","ariaCurrent","href","isActive","title","linkClass","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/header-nav-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\n\n/**\n * Header nav item.\n *\n * @element cds-header-nav-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-header-nav-item`)\nclass CDSHeaderNavItem extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  /**\n   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.\n   */\n  @property({ type: Boolean, attribute: 'is-active' })\n  isActive = false;\n\n  /**\n   * indicates that this element represents the current item\n   */\n  @property({ type: String, attribute: 'aria-current' })\n  ariaCurrent;\n\n  /**\n   * As child of <ul>, this element must have role of listitem\n   */\n  @property({ reflect: true })\n  role: string = 'listitem';\n\n  render() {\n    const { ariaCurrent, href, isActive, title } = this;\n    const linkClass = classMap({\n      [`${prefix}--header__menu-item`]: true,\n      [`${prefix}--header__menu-item--current`]:\n        isActive && ariaCurrent !== 'page',\n    });\n\n    return html`\n      <a\n        part=\"link\"\n        class=\"${linkClass}\"\n        tabindex=\"0\"\n        href=\"${ifDefined(href)}\">\n        <span part=\"title\" class=\"${prefix}--text-truncate--end\"\n          ><slot>${title}</slot></span\n        >\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderNavItem;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,QAAQ,8BAA8B;AACxD,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,gBAAgB,GAAAC,SAAA,EADrBL,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAyDtD;EAAC;IAAAI,CAAA,EAzDKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInBd,QAAQ,EAAE;MAAAe,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVd,QAAQ,EAAE;MAAAe,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVd,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,SAAS,EAAE;MAAY,CAAC,CAAC;MAAAJ,GAAA;MAAAC,MAAA;QAAA,OACzC,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKfd,QAAQ,CAAC;QAAEiB,IAAI,EAAEG,MAAM;QAAED,SAAS,EAAE;MAAe,CAAC,CAAC;MAAAJ,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMrDd,QAAQ,CAAC;QAAEqB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAN,GAAA;MAAAC,MAAA;QAAA,OACb,UAAU;MAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MA5BzB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAM,OAAA,EAAS;QACP,MAAM;UAAEC,WAAW;UAAEC,IAAI;UAAEC,QAAQ;UAAEC;QAAM,CAAC,GAAG,IAAI;QACnD,MAAMC,SAAS,GAAG9B,QAAQ,CAAC;UACzB,CAAE,GAAEK,MAAO,qBAAoB,GAAG,IAAI;UACtC,CAAE,GAAEA,MAAO,8BAA6B,GACtCuB,QAAQ,IAAIF,WAAW,KAAK;QAChC,CAAC,CAAC;QAEF,OAAOxB,IAAI,CAAA6B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA,iBAAe,CAAY;AAC3B;AACA,gBAAc,CAAkB;AAChC,oCAAkC,CAAS;AAC3C,mBAAiB,CAAQ;AACzB;AACA;AACA,KAAI,GAPaF,SAAS,EAEV/B,SAAS,CAAC4B,IAAI,CAAC,EACKtB,MAAM,EACvBwB,KAAK;MAItB;IAAC;MAAAb,IAAA;MAAAiB,MAAA;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAAAe,aAAA,CAAAA,aAAA,KAGIjC,UAAU,CAACkC,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAApB,IAAA;MAAAiB,MAAA;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAENZ,MAAM;MAAA;IAAA;EAAA;AAAA,GAxDOD,UAAU,CAACL,UAAU,CAAC;AA2DrD,eAAeO,gBAAgB"}

package/es/components/ui-shell/header-nav.d.ts

@@ -14,7 +14,7 @@ import { LitElement } from 'lit';
  * @csspart menu-body The menu body.
  * @csspart divider The divider.
  */
-declare class BXHeaderNav extends LitElement {
+declare class CDSHeaderNav extends LitElement {
     /**
      * The `aria-label` attribute for the menu bar UI.
      */
@@ -23,6 +23,6 @@ declare class BXHeaderNav extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }
-export default BXHeaderNav;
+export default CDSHeaderNav;
 
 //# sourceMappingURL=header-nav.d.ts.map

package/es/components/ui-shell/header-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/ui-shell/header-nav.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;;GAMG;AACH,cACM,WAAY,SAAQ,UAAU;IAClC;;OAEG;IAEH,YAAY,EAAG,MAAM,CAAC;IAEtB,iBAAiB;IAOjB,MAAM;IAaN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC","file":"header-nav.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass BXHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderNav;\n"]}
+{"version":3,"sources":["components/ui-shell/header-nav.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;OAEG;IAEH,YAAY,EAAG,MAAM,CAAC;IAEtB,iBAAiB;IAOjB,MAAM;IAaN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"header-nav.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass CDSHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderNav;\n"]}

package/es/components/ui-shell/header-nav.js

@@ -30,15 +30,15 @@ import styles from "././header.css.js";
      * @csspart menu-body The menu body.
      * @csspart divider The divider.
      */
-let BXHeaderNav = _decorate([customElement(`${prefix}-header-nav`)], function (_initialize, _LitElement) {
-  class BXHeaderNav extends _LitElement {
+let CDSHeaderNav = _decorate([customElement(`${prefix}-header-nav`)], function (_initialize, _LitElement) {
+  class CDSHeaderNav extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXHeaderNav,
+    F: CDSHeaderNav,
     d: [{
       kind: "field",
       decorators: [property({
@@ -58,7 +58,7 @@ let BXHeaderNav = _decorate([customElement(`${prefix}-header-nav`)], function (_
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'navigation');
         }
-        _get(_getPrototypeOf(BXHeaderNav.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSHeaderNav.prototype), "connectedCallback", this).call(this);
       }
     }, {
       kind: "method",
@@ -87,5 +87,5 @@ let BXHeaderNav = _decorate([customElement(`${prefix}-header-nav`)], function (_
     }]
   };
 }, LitElement);
-export default BXHeaderNav;
+export default CDSHeaderNav;
 //# sourceMappingURL=header-nav.js.map

package/es/components/ui-shell/header-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-nav.js","names":["LitElement","html","property","customElement","prefix","styles","BXHeaderNav","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","menuBarLabel","_t","_","static"],"sources":["components/ui-shell/header-nav.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass BXHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderNav;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,WAAW,GAAAC,SAAA,EADhBJ,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAtC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4BrC;EAAC;IAAAI,CAAA,EA5BKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIdb,QAAQ,CAAC;QAAEc,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAH1C;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CAXEjB,WAAW,CAAAkB,SAAA,8BAAAC,IAAA;MAYf;IAAC;MAAAX,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,MAAM;UAAEC;QAAa,CAAC,GAAG,IAAI;QAC7B,OAAO1B,IAAI,CAAA2B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mCAAiC,CAAS;AAC1C;AACA;AACA,iBAAe,CAAS;AACxB,sBAAoB,CAAe;AACnC;AACA;AACA,KAAI,GAP+BzB,MAAM,EAGxBA,MAAM,EACDuB,YAAY;MAIhC;IAAC;MAAAb,IAAA;MAAAgB,MAAA;MAAAb,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GA3BEL,UAAU;AA8BpC,eAAeM,WAAW"}
+{"version":3,"file":"header-nav.js","names":["LitElement","html","property","customElement","prefix","styles","CDSHeaderNav","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","menuBarLabel","_t","_","static"],"sources":["components/ui-shell/header-nav.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass CDSHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderNav;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,YAAY,GAAAC,SAAA,EADjBJ,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAtC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4BtC;EAAC;IAAAI,CAAA,EA5BKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIfb,QAAQ,CAAC;QAAEc,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAH1C;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CAXEjB,YAAY,CAAAkB,SAAA,8BAAAC,IAAA;MAYhB;IAAC;MAAAX,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,MAAM;UAAEC;QAAa,CAAC,GAAG,IAAI;QAC7B,OAAO1B,IAAI,CAAA2B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mCAAiC,CAAS;AAC1C;AACA;AACA,iBAAe,CAAS;AACxB,sBAAoB,CAAe;AACnC;AACA;AACA,KAAI,GAP+BzB,MAAM,EAGxBA,MAAM,EACDuB,YAAY;MAIhC;IAAC;MAAAb,IAAA;MAAAgB,MAAA;MAAAb,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GA3BGL,UAAU;AA8BrC,eAAeM,YAAY"}

package/es/components/ui-shell/header-panel.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Header panel
+ *
+ * @element cds-header-panel
+ */
+declare class CDSHeaderPanel extends LitElement {
+    /**
+     * Specify whether the panel is expanded
+     */
+    expanded: any;
+    render(): import("lit-html").TemplateResult<1>;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+    };
+    static styles: any;
+}
+export default CDSHeaderPanel;
+
+//# sourceMappingURL=header-panel.d.ts.map

package/es/components/ui-shell/header-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/ui-shell/header-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC;;OAEG;IAEH,QAAQ,MAAC;IAET,MAAM;IAIN,MAAM,CAAC,iBAAiB;;;;MAGtB;IAEF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"header-panel.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport styles from './header.scss';\nimport { prefix } from '../../globals/settings';\n\n/**\n * Header panel\n *\n * @element cds-header-panel\n */\n@customElement(`${prefix}-header-panel`)\nclass CDSHeaderPanel extends LitElement {\n  /**\n   * Specify whether the panel is expanded\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderPanel;\n"]}

package/es/components/ui-shell/header-panel.js

@@ -0,0 +1,72 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _decorate from "@babel/runtime/helpers/esm/decorate";
+let _ = t => t,
+  _t;
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { LitElement, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import styles from "././header.css.js";
+import { prefix } from '../../globals/settings';
+
+/**
+ * Header panel
+ *
+ * @element cds-header-panel
+ */
+let CDSHeaderPanel = _decorate([customElement(`${prefix}-header-panel`)], function (_initialize, _LitElement) {
+  class CDSHeaderPanel extends _LitElement {
+    constructor(...args) {
+      super(...args);
+      _initialize(this);
+    }
+  }
+  return {
+    F: CDSHeaderPanel,
+    d: [{
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "expanded",
+      value: void 0
+    }, {
+      kind: "method",
+      key: "render",
+      value:
+      /**
+       * Specify whether the panel is expanded
+       */
+
+      function render() {
+        return html(_t || (_t = _`<slot></slot>`));
+      }
+    }, {
+      kind: "field",
+      static: true,
+      key: "shadowRootOptions",
+      value() {
+        return _objectSpread(_objectSpread({}, LitElement.shadowRootOptions), {}, {
+          delegatesFocus: true
+        });
+      }
+    }, {
+      kind: "field",
+      static: true,
+      key: "styles",
+      value() {
+        return styles;
+      }
+    }]
+  };
+}, LitElement);
+export default CDSHeaderPanel;
+//# sourceMappingURL=header-panel.js.map

package/es/components/ui-shell/header-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-panel.js","names":["LitElement","html","property","customElement","styles","prefix","CDSHeaderPanel","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/header-panel.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport styles from './header.scss';\nimport { prefix } from '../../globals/settings';\n\n/**\n * Header panel\n *\n * @element cds-header-panel\n */\n@customElement(`${prefix}-header-panel`)\nclass CDSHeaderPanel extends LitElement {\n  /**\n   * Specify whether the panel is expanded\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderPanel;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,MAAM,QAAQ,wBAAwB;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMC,cAAc,GAAAC,SAAA,EADnBJ,aAAa,CAAE,GAAEE,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAxC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiBxC;EAAC;IAAAI,CAAA,EAjBKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIjBb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAH3C;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,OAAOpB,IAAI,CAAAqB,EAAA,KAAAA,EAAA,GAAAC,CAAC,eAAa;MAC3B;IAAC;MAAAT,IAAA;MAAAU,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAAAK,aAAA,CAAAA,aAAA,KAGIzB,UAAU,CAAC0B,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAb,IAAA;MAAAU,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAGNhB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBKJ,UAAU;AAmBvC,eAAeM,cAAc"}

package/es/components/ui-shell/header-side-nav-items.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Header Side Nav Items section
+ *
+ * @element cds-header-side-nav-items
+ */
+declare class CDSHeaderSideNavItems extends LitElement {
+    /**
+     * Optionally specify if container will have a bottom divider to differentiate
+     * between original sidenav items and header menu items. False by default.
+     */
+    hasDivider: boolean;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSHeaderSideNavItems;
+
+//# sourceMappingURL=header-side-nav-items.d.ts.map

package/es/components/ui-shell/header-side-nav-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/ui-shell/header-side-nav-items.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,UAAU;IAC5C;;;OAGG;IAEH,UAAU,UAAS;IAEnB,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"header-side-nav-items.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss';\n\n/**\n * Header Side Nav Items section\n *\n * @element cds-header-side-nav-items\n */\n@customElement(`${prefix}-header-side-nav-items`)\nclass CDSHeaderSideNavItems extends LitElement {\n  /**\n   * Optionally specify if container will have a bottom divider to differentiate\n   * between original sidenav items and header menu items. False by default.\n   */\n  @property({ type: Boolean, attribute: 'has-divider' })\n  hasDivider = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderSideNavItems;\n"]}

package/es/components/ui-shell/header-side-nav-items.js

@@ -0,0 +1,80 @@
+import _decorate from "@babel/runtime/helpers/esm/decorate";
+import _get from "@babel/runtime/helpers/esm/get";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+let _ = t => t,
+  _t;
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { LitElement, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { prefix } from '../../globals/settings';
+import styles from "././side-nav.css.js";
+
+/**
+ * Header Side Nav Items section
+ *
+ * @element cds-header-side-nav-items
+ */ /**
+     * Header Side Nav Items section
+     *
+     * @element cds-header-side-nav-items
+     */
+let CDSHeaderSideNavItems = _decorate([customElement(`${prefix}-header-side-nav-items`)], function (_initialize, _LitElement) {
+  class CDSHeaderSideNavItems extends _LitElement {
+    constructor(...args) {
+      super(...args);
+      _initialize(this);
+    }
+  }
+  return {
+    F: CDSHeaderSideNavItems,
+    d: [{
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        attribute: 'has-divider'
+      })],
+      key: "hasDivider",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "method",
+      key: "connectedCallback",
+      value:
+      /**
+       * Optionally specify if container will have a bottom divider to differentiate
+       * between original sidenav items and header menu items. False by default.
+       */
+
+      function connectedCallback() {
+        if (!this.hasAttribute('role')) {
+          this.setAttribute('role', 'list');
+        }
+        _get(_getPrototypeOf(CDSHeaderSideNavItems.prototype), "connectedCallback", this).call(this);
+      }
+    }, {
+      kind: "method",
+      key: "render",
+      value: function render() {
+        return html(_t || (_t = _`<slot></slot>`));
+      }
+    }, {
+      kind: "field",
+      static: true,
+      key: "styles",
+      value() {
+        return styles;
+      }
+    }]
+  };
+}, LitElement);
+export default CDSHeaderSideNavItems;
+//# sourceMappingURL=header-side-nav-items.js.map

package/es/components/ui-shell/header-side-nav-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-side-nav-items.js","names":["LitElement","html","property","customElement","prefix","styles","CDSHeaderSideNavItems","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/ui-shell/header-side-nav-items.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss';\n\n/**\n * Header Side Nav Items section\n *\n * @element cds-header-side-nav-items\n */\n@customElement(`${prefix}-header-side-nav-items`)\nclass CDSHeaderSideNavItems extends LitElement {\n  /**\n   * Optionally specify if container will have a bottom divider to differentiate\n   * between original sidenav items and header menu items. False by default.\n   */\n  @property({ type: Boolean, attribute: 'has-divider' })\n  hasDivider = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderSideNavItems;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,qBAAqB,GAAAC,SAAA,EAD1BJ,aAAa,CAAE,GAAEC,MAAO,wBAAuB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAjD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoB/C;EAAC;IAAAI,CAAA,EApBKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAKxBb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,SAAS,EAAE;MAAc,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACzC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MALlB;AACF;AACA;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CAZEnB,qBAAqB,CAAAoB,SAAA,8BAAAC,IAAA;MAazB;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAO3B,IAAI,CAAA4B,EAAA,KAAAA,EAAA,GAAAC,CAAC,eAAa;MAC3B;IAAC;MAAAhB,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAnBYL,UAAU;AAsB9C,eAAeM,qBAAqB"}

package/es/components/ui-shell/header.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '.cds--header,:host(cds-header){position:fixed;z-index:8000;top:0;right:0;left:0;display:flex;height:3rem;align-items:center;border-bottom:1px solid var(--cds-border-subtle);background-color:var(--cds-background,#fff)}.cds--header__action{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:inline-flex;width:3rem;height:3rem;border:.0625rem solid transparent;transition:background-color 110ms,border-color 110ms}.cds--header__action *,.cds--header__action ::after,.cds--header__action ::before{box-sizing:inherit}.cds--header__action::-moz-focus-inner{border:0}@media (max-width:41.98rem){.cds--header__action{min-width:3rem}}.cds--header__action--active>svg.cds--navigation-menu-panel-expand-icon,.cds--header__action>svg.cds--navigation-menu-panel-collapse-icon{display:none}.cds--header__action--active>svg.cds--navigation-menu-panel-collapse-icon{display:inline}.cds--header__action:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--header__action--active{border-right:1px solid var(--cds-border-subtle);border-bottom:1px solid transparent;border-left:1px solid var(--cds-border-subtle);background:var(--cds-layer)}.cds--header__action--active>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__action:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--header__action:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--header__action.cds--btn--icon-only{align-items:center;justify-content:center}.cds--btn.cds--btn--icon-only.cds--header__action svg{fill:var(--cds-icon-secondary,#525252)}.cds--btn.cds--btn--icon-only.cds--header__action--active svg,.cds--btn.cds--btn--icon-only.cds--header__action:active svg,.cds--btn.cds--btn--icon-only.cds--header__action:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-toggle{display:flex;align-items:center;justify-content:center}@media (min-width:66rem){.cds--header__menu-toggle__hidden{display:none}}a.cds--header__name{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;height:100%;align-items:center;padding:0 2rem 0 1rem;border:.125rem solid transparent;font-weight:600;letter-spacing:.1px;line-height:1.25rem;outline:0;text-decoration:none;transition:border-color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:41.98rem){a.cds--header__name{padding:0 1rem}}a.cds--header__name:focus{border-color:var(--cds-focus,#0f62fe)}.cds--header__name--prefix{font-weight:400}a.cds--header__name,a.cds--header__name:hover{color:var(--cds-text-primary,#161616)}.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)~.cds--header__name{padding-left:.5rem}.cds--header__nav,:host(cds-header-nav){position:relative;display:none;height:100%;padding-left:1rem}@media (min-width:66rem){.cds--header__nav,:host(cds-header-nav){display:block}}.cds--header__nav::before,:host(cds-header-nav)::before{position:absolute;top:50%;left:0;display:block;width:.0625rem;height:1.5rem;background-color:var(--cds-border-subtle);content:"";transform:translateY(-50%)}.cds--header__menu-bar{display:flex;height:100%;padding:0;margin:0;list-style:none}a.cds--header__menu-item{position:relative;display:flex;height:100%;align-items:center;padding:0 1rem;border:2px solid transparent;background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.125rem;text-decoration:none;transition:background-color 110ms,border-color 110ms,color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}.cds--header__action:active,a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5));color:var(--cds-text-primary,#161616)}a.cds--header__menu-item:focus{border-color:var(--cds-focus,#0f62fe);outline:0}a.cds--header__menu-item:active>svg,a.cds--header__menu-item:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-item--current,a.cds--header__menu-item[aria-current=page]{color:var(--cds-text-primary,#161616)}.cds--header__menu-item--current::after,a.cds--header__menu-item[aria-current=page]::after{position:absolute;top:0;right:0;bottom:-2px;left:0;width:100%;border-bottom:3px solid var(--cds-border-interactive,#0f62fe);content:""}.cds--header__menu-item--current:focus::after,a.cds--header__menu-item[aria-current=page]:focus::after{border:0}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]::after{bottom:0;left:-2px;border-bottom:none;border-left:3px solid var(--cds-border-interactive,#0f62fe)}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current:focus::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after{left:0;border-left:3px solid var(--cds-border-interactive,#0f62fe)}a.cds--header__menu-item.cds--header__menu-item--current:focus,a.cds--header__menu-item[aria-current=page]:focus{border:2px solid var(--cds-focus,#0f62fe)}.cds--header__submenu,:host(cds-header-menu){position:relative}.cds--header__menu-title[aria-haspopup=true]{position:relative}.cds--header__menu-title[aria-expanded=true]{z-index:8002;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252)}.cds--header__menu-title[aria-expanded=true]>.cds--header__menu-arrow{transform:rotate(180deg)}.cds--header__menu{display:none;padding:0;margin:0;list-style:none}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu{position:absolute;z-index:8001;bottom:0;left:0;display:flex;width:12.5rem;flex-direction:column;background-color:var(--cds-layer);box-shadow:0 4px 8px 0 rgba(0,0,0,.5);transform:translateY(100%)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item{background-color:var(--cds-layer)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:active{background-color:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--header__menu .cds--header__menu-item{height:3rem}.cds--header__menu-arrow{margin-left:.5rem;fill:var(--cds-icon-secondary,#525252);transition:transform 110ms,fill 110ms}.cds--header__global{display:flex;height:100%;flex:1 1 0%;justify-content:flex-end}.cds--skip-to-content{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--skip-to-content:focus{z-index:9999;top:0;left:0;display:flex;width:auto;height:3rem;align-items:center;padding:0 1rem;border:4px solid var(--cds-focus,#0f62fe);background-color:var(--cds-background,#fff);clip:auto;color:var(--cds-text-secondary,#525252);outline:0}:host(cds-header-nav) .cds-ce--header__divider{position:absolute;left:0;top:50%;transform:translateY(-50%);height:rem(24px);width:rem(1px);background-color:var(--cds-border-subtle)}:host(cds-header-nav-item){outline:0}:host(cds-header-menu){outline:0}:host(cds-header-menu-item){outline:0}:host(cds-header-menu-item) a.cds--header__menu-item{height:3rem}:host(cds-header-menu-item) a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}:host(cds-header-menu-item) a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}:host(cds-header-menu-button){display:content;outline:0}@media (min-width:66rem){:host(cds-header-menu-button){display:none}}:host(cds-header-menu-button[collapse-mode=fixed]){display:none}@media (min-width:66rem){:host(cds-header-menu-button[collapse-mode=rail]){display:block}}:host(cds-header-name){display:content;height:100%}',
+  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--btn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) calc(4rem - 1px) calc(.875rem - 3px) calc(1rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;right:1rem;width:1rem;height:1rem;flex-shrink:0}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding:calc(.875rem - 3px) 1rem}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-left:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--ghost.cds--btn--field,.cds--btn--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{padding-right:.9375rem;padding-left:.9375rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--btn--field.cds--btn--icon-only,.cds--btn--md.cds--btn--icon-only{padding-right:.6875rem;padding-left:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-right:.4375rem;padding-left:.4375rem}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding:calc(.875rem - 3px) 1rem}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-left:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--danger--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--danger--ghost.cds--btn--field,.cds--btn--danger--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) calc(4rem - 4px) calc(.375rem - 3px) calc(1rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(4rem - 4px) calc(.675rem - 3px) calc(1rem - 4px)}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);min-height:3rem}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled{box-shadow:-.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;right:0;bottom:0;left:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;left:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{right:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;right:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;left:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;right:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(-50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-top .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) * -1 - 16px))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(var(--cds-popover-offset,0) - 100%),-50%)}.cds--popover--left .cds--popover-content{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0) + .1px),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1 * var(--cds-popover-offset,0) + 100%),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--header,:host(cds-header){position:fixed;z-index:8000;top:0;right:0;left:0;display:flex;height:3rem;align-items:center;border-bottom:1px solid var(--cds-border-subtle);background-color:var(--cds-background,#fff)}.cds--header__action{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:inline-flex;width:3rem;height:3rem;border:.0625rem solid transparent;transition:background-color 110ms,border-color 110ms}.cds--header__action *,.cds--header__action ::after,.cds--header__action ::before{box-sizing:inherit}.cds--header__action::-moz-focus-inner{border:0}@media (max-width:41.98rem){.cds--header__action{min-width:3rem}}.cds--header__action--active>svg.cds--navigation-menu-panel-expand-icon,.cds--header__action>svg.cds--navigation-menu-panel-collapse-icon{display:none}.cds--header__action--active>svg.cds--navigation-menu-panel-collapse-icon{display:inline}.cds--header__action:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--header__action--active{border-right:1px solid var(--cds-border-subtle);border-bottom:1px solid transparent;border-left:1px solid var(--cds-border-subtle);background:var(--cds-layer)}.cds--header__action--active>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__action:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--header__action:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--header__action.cds--btn--icon-only{align-items:center;justify-content:center}.cds--btn.cds--btn--icon-only.cds--header__action svg{fill:var(--cds-icon-secondary,#525252)}.cds--btn.cds--btn--icon-only.cds--header__action--active svg,.cds--btn.cds--btn--icon-only.cds--header__action:active svg,.cds--btn.cds--btn--icon-only.cds--header__action:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-toggle{display:flex;align-items:center;justify-content:center}@media (min-width:66rem){.cds--header__menu-toggle__hidden{display:none}}a.cds--header__name{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;height:100%;align-items:center;padding:0 2rem 0 1rem;border:.125rem solid transparent;font-weight:600;letter-spacing:.1px;line-height:1.25rem;outline:0;text-decoration:none;transition:border-color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:41.98rem){a.cds--header__name{padding:0 1rem}}a.cds--header__name:focus{border-color:var(--cds-focus,#0f62fe)}.cds--header__name--prefix{font-weight:400}a.cds--header__name,a.cds--header__name:hover{color:var(--cds-text-primary,#161616)}.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)~.cds--header__name{padding-left:.5rem}.cds--header__nav,:host(cds-header-nav){position:relative;display:none;height:100%;padding-left:1rem}@media (min-width:66rem){.cds--header__nav,:host(cds-header-nav){display:block}}.cds--header__nav::before,:host(cds-header-nav)::before{position:absolute;top:50%;left:0;display:block;width:.0625rem;height:1.5rem;background-color:var(--cds-border-subtle);content:"";transform:translateY(-50%)}.cds--header__menu-bar{display:flex;height:100%;padding:0;margin:0;list-style:none}a.cds--header__menu-item{position:relative;display:flex;height:100%;align-items:center;padding:0 1rem;border:2px solid transparent;background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.125rem;text-decoration:none;transition:background-color 110ms,border-color 110ms,color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}.cds--header__action:active,a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5));color:var(--cds-text-primary,#161616)}a.cds--header__menu-item:focus{border-color:var(--cds-focus,#0f62fe);outline:0}a.cds--header__menu-item:active>svg,a.cds--header__menu-item:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-item--current,a.cds--header__menu-item[aria-current=page]{color:var(--cds-text-primary,#161616)}.cds--header__menu-item--current::after,a.cds--header__menu-item[aria-current=page]::after{position:absolute;top:0;right:0;bottom:-2px;left:0;width:100%;border-bottom:3px solid var(--cds-border-interactive,#0f62fe);content:""}.cds--header__menu-item--current:focus::after,a.cds--header__menu-item[aria-current=page]:focus::after{border:0}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]::after{bottom:0;left:-2px;border-bottom:none;border-left:3px solid var(--cds-border-interactive,#0f62fe)}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current:focus::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after{left:0;border-left:3px solid var(--cds-border-interactive,#0f62fe)}a.cds--header__menu-item.cds--header__menu-item--current:focus,a.cds--header__menu-item[aria-current=page]:focus{border:2px solid var(--cds-focus,#0f62fe)}.cds--header__submenu,:host(cds-header-menu){position:relative}.cds--header__menu-title[aria-haspopup=true]{position:relative}.cds--header__menu-title[aria-expanded=true]{z-index:8002;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252)}.cds--header__menu-title[aria-expanded=true]>.cds--header__menu-arrow{transform:rotate(180deg)}.cds--header__menu{display:none;padding:0;margin:0;list-style:none}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu{position:absolute;z-index:8001;bottom:0;left:0;display:flex;width:12.5rem;flex-direction:column;background-color:var(--cds-layer);box-shadow:0 4px 8px 0 rgba(0,0,0,.5);transform:translateY(100%)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item{background-color:var(--cds-layer)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:active{background-color:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--header__menu .cds--header__menu-item{height:3rem}.cds--header__menu-arrow{margin-left:.5rem;fill:var(--cds-icon-secondary,#525252);transition:transform 110ms,fill 110ms}.cds--header__global{display:flex;height:100%;flex:1 1 0%;justify-content:flex-end}.cds--skip-to-content{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--skip-to-content:focus{z-index:9999;top:0;left:0;display:flex;width:auto;height:3rem;align-items:center;padding:0 1rem;border:4px solid var(--cds-focus,#0f62fe);background-color:var(--cds-background,#fff);clip:auto;color:var(--cds-text-secondary,#525252);outline:0}.cds--header-panel,:host(cds-header-panel){position:fixed;z-index:8000;top:3rem;right:0;bottom:0;overflow:hidden;width:0;border:none;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252);transition:width 110ms cubic-bezier(.2,0,1,.9);will-change:width}.cds--header-panel--expanded,:host(cds-header-panel){width:16rem;border-right:1px solid var(--cds-border-subtle);border-left:1px solid var(--cds-border-subtle)}.cds--switcher,:host(cds-switcher){display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cds-text-secondary,#525252)}.cds--switcher__item,:host(cds-switcher-item){width:100%;height:2rem}.cds--switcher__item:nth-child(1),:nth-child(1):host(cds-switcher-item){margin-top:1rem}.cds--switcher__item--divider,:host(cds-switcher-divider){display:block;width:14rem;height:1px;border:none;margin:.5rem 1rem;background:var(--cds-border-subtle)}.cds--switcher__item-link{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:block;height:2rem;padding:.375rem 1rem;color:var(--cds-text-secondary,#525252);text-decoration:none}.cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected){background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--switcher__item-link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--switcher__item-link:active{background:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--switcher__item-link--selected{background:var(--cds-layer-selected);color:var(--cds-text-primary,#161616)}:host(cds-header-nav) .cds-ce--header__divider{position:absolute;left:0;top:50%;transform:translateY(-50%);height:rem(24px);width:rem(1px);background-color:var(--cds-border-subtle)}:host(cds-header-nav-item){outline:0}:host(cds-header-menu){outline:0}:host(cds-header-menu-item){outline:0}:host(cds-header-menu-item) a.cds--header__menu-item{height:3rem;background-color:var(--cds-layer)}:host(cds-header-menu-item) a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}:host(cds-header-menu-item) a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}:host(cds-header-menu-item) a.cds--header__menu-item--current{background-color:var(--cds-layer-selected)}:host(cds-header-menu-item) a.cds--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}:host(cds-header-menu-item) a.cds--header__menu-item--current::after{position:absolute;top:-2px;left:-2px;bottom:-2px;width:3px;height:100%;background-color:var(--cds-border-interactive,#0f62fe);content:""}:host(cds-header-global-action) ::slotted(svg){fill:var(--cds-icon-secondary,#525252)}:host(cds-header-global-action):hover ::slotted(svg){fill:var(--cds-icon-primary,#161616)}:host(cds-header-menu) a.cds--header__menu-item,:host(cds-header-nav-item) a.cds--header__menu-item{box-sizing:border-box}:host(cds-header-menu-button){display:content;outline:0}@media (min-width:66rem){:host(cds-header-menu-button){display:none}}:host(cds-header-menu-button[collapse-mode=fixed]){display:none}@media (min-width:66rem){:host(cds-header-menu-button[collapse-mode=rail]){display:block}}:host(cds-header-name){display:content;height:100%}:host(cds-header-name) a{box-sizing:border-box}:host(cds-switcher-item) a{box-sizing:border-box}',
 ]);

package/es/components/ui-shell/header.d.ts

@@ -12,11 +12,11 @@ import { LitElement } from 'lit';
  *
  * @element cds-header
  */
-declare class BXHeader extends LitElement {
+declare class CDSHeader extends LitElement {
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }
-export default BXHeader;
+export default CDSHeader;
 
 //# sourceMappingURL=header.d.ts.map

package/es/components/ui-shell/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/ui-shell/header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,QAAS,SAAQ,UAAU;IAC/B,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,QAAQ,CAAC","file":"header.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header\n */\n@customElement(`${prefix}-header`)\nclass BXHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeader;\n"]}
+{"version":3,"sources":["components/ui-shell/header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,SAAU,SAAQ,UAAU;IAChC,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"header.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header\n */\n@customElement(`${prefix}-header`)\nclass CDSHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeader;\n"]}

package/es/components/ui-shell/header.js

@@ -26,15 +26,15 @@ import styles from "././header.css.js";
      *
      * @element cds-header
      */
-let BXHeader = _decorate([customElement(`${prefix}-header`)], function (_initialize, _LitElement) {
-  class BXHeader extends _LitElement {
+let CDSHeader = _decorate([customElement(`${prefix}-header`)], function (_initialize, _LitElement) {
+  class CDSHeader extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXHeader,
+    F: CDSHeader,
     d: [{
       kind: "method",
       key: "connectedCallback",
@@ -42,7 +42,7 @@ let BXHeader = _decorate([customElement(`${prefix}-header`)], function (_initial
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'banner');
         }
-        _get(_getPrototypeOf(BXHeader.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSHeader.prototype), "connectedCallback", this).call(this);
       }
     }, {
       kind: "method",
@@ -60,5 +60,5 @@ let BXHeader = _decorate([customElement(`${prefix}-header`)], function (_initial
     }]
   };
 }, LitElement);
-export default BXHeader;
+export default CDSHeader;
 //# sourceMappingURL=header.js.map

package/es/components/ui-shell/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":["LitElement","html","customElement","prefix","styles","BXHeader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/ui-shell/header.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header\n */\n@customElement(`${prefix}-header`)\nclass BXHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeader;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,QAAQ,GAAAC,SAAA,EADbJ,aAAa,CAAE,GAAEC,MAAO,SAAQ,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAlC,MACMH,QAAQ,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAalC;EAAC;IAAAI,CAAA,EAbKN,QAAQ;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACZ,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC;QACAC,IAAA,CAAAC,eAAA,CALEf,QAAQ,CAAAgB,SAAA,8BAAAC,IAAA;MAMZ;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZDJ,UAAU;AAejC,eAAeK,QAAQ"}
+{"version":3,"file":"header.js","names":["LitElement","html","customElement","prefix","styles","CDSHeader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/ui-shell/header.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header\n */\n@customElement(`${prefix}-header`)\nclass CDSHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeader;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,SAAS,GAAAC,SAAA,EADdJ,aAAa,CAAE,GAAEC,MAAO,SAAQ,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAlC,MACMH,SAAS,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAanC;EAAC;IAAAI,CAAA,EAbKN,SAAS;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACb,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC;QACAC,IAAA,CAAAC,eAAA,CALEf,SAAS,CAAAgB,SAAA,8BAAAC,IAAA;MAMb;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZAJ,UAAU;AAelC,eAAeK,SAAS"}