@cbpds/web-components
Version:
Web components for the CBP Design System.
23 lines (19 loc) • 2.37 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import { r as registerInstance, h, a as Host } from './index-6c11fa0c.js';
const cbpUniversalHeaderCss = "cbp-universal-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color-scheme:dark;color:var(--cbp-color-text-lightest);background-color:var(--cbp-color-branding-dhs-blue);min-height:var(--cbp-space-16x);width:100%;padding:0 var(--cbp-responsive-spacing-outer)}cbp-universal-header .cbp-universal-header__brand{align-items:center;display:flex}cbp-universal-header .cbp-universal-header__brand::after{content:\"CBP\";font-size:var(--cbp-font-size-heading-xl);margin-left:var(--cbp-space-2x)}cbp-universal-header .cbp-universal-header__content ul,cbp-universal-header .cbp-universal-header__content ol{display:flex;gap:var(--cbp-space-4x);list-style:none;margin:0;padding:0}cbp-universal-header .cbp-universal-header__content ul li,cbp-universal-header .cbp-universal-header__content ol li{display:inline}@media (min-width: 37.5em){cbp-universal-header{min-height:4rem}cbp-universal-header .cbp-universal-header__brand::after{content:\"\"}}";
const CbpUniversalHeaderStyle0 = cbpUniversalHeaderCss;
const CbpUniversalHeader = class {
constructor(hostRef) {
registerInstance(this, hostRef);
this.logoSrcLg = "/assets/images/cbp-header-logo.svg";
this.logoSrcSm = "/assets/images/cbp-seal.svg";
}
render() {
return (h(Host, { key: '4a8fdc6a1639f7ed8797734edf4e18aa56d83636', role: "banner" }, h("div", { key: '1121158af417b57bb09d1e3769a9adea90a84077', class: "cbp-universal-header__brand" }, h("picture", { key: '80d63f93b7c666ad62706777df29a67718bf7566' }, h("source", { key: 'cf1aa99f094bbaddcbe99ef2cabf584297962207', srcSet: this.logoSrcSm, media: "(max-width: 37.5rem)", type: "image/svg+xml", height: 44, width: 44 }), h("img", { key: '27377556eea49410e4b1dcab9e6e21adc87eca06', src: this.logoSrcLg, alt: "U.S. Customs and Border Protection", height: "48", width: "162" }))), h("div", { key: 'cb722dc5541ae07c9b497432117762c88aba2e32', class: "cbp-universal-header__content" }, h("slot", { key: '7788035fe3c2c8562ac368914fac3e0d97fc8faf' }))));
}
};
CbpUniversalHeader.style = CbpUniversalHeaderStyle0;
export { CbpUniversalHeader as cbp_universal_header };
//# sourceMappingURL=cbp-universal-header.entry.js.map