@cbpds/web-components
Version:
Web components for the CBP Design System.
5 lines • 5.61 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import{r as e,h as a,a as c,g as n}from"./p-654179c2.js";const o=":root{--cbp-usa-banner-background-color:var(--cbp-color-gray-cool-90);--cbp-usa-banner-color:var(--cbp-color-text-lightest)}cbp-usa-banner{font-size:var(--cbp-font-size-subhead);background-color:var(--cbp-usa-banner-background-color);color:var(--cbp-usa-banner-color);display:inline-block;width:100%;padding-block:var(--cbp-space-2x);padding-inline:var(--cbp-responsive-spacing-outer);--cbp-usa-banner-icon-rotate:rotate(90deg)}cbp-usa-banner .cbp-banner__title{font-weight:var(--cbp-font-weight-medium)}cbp-usa-banner .cbp-usa-banner-content{display:none}cbp-usa-banner[open]{--cbp-usa-banner-icon-rotate:rotate(270deg)}cbp-usa-banner[open] .cbp-usa-banner-content{display:flex}cbp-usa-banner img{display:inline;margin-right:var(--cbp-space-3x)}cbp-usa-banner cbp-button.cbp-usa-banner-expand[fill=ghost][color=primary]:not(#fakeId){--cbp-button-gap:var(--cbp-space-1x);--cbp-button-height:1rem;--cbp-button-min-height:1rem;--cbp-button-padding:var(--cbp-space-1x);--cbp-button-color:var(--cbp-color-interactive-primary-light);--cbp-button-color-hover:var(--cbp-color-interactive-secondary-lighter);--cbp-button-color-focus:var(--cbp-color-interactive-focus-light);--cbp-button-color-active:var(--cbp-color-interactive-focus-light);--cbp-button-color-border-hover:transparent;--cbp-button-color-border-focus:transparent;--cbp-button-color-border-active:transparent;--cbp-button-border-radius:0;--cbp-button-color-outline-focus:var(--cbp-color-interactive-focus-light);--cbp-button-color-bg:transparent;--cbp-button-color-bg-hover:transparent;--cbp-button-color-bg-focus:transparent;--cbp-button-color-bg-active:transparent}cbp-usa-banner cbp-button.cbp-usa-banner-expand[fill=ghost][color=primary]:not(#fakeId)>button{letter-spacing:unset;text-transform:unset;text-decoration:underline;outline-offset:-1px}cbp-usa-banner cbp-button.cbp-usa-banner-expand[fill=ghost][color=primary]:not(#fakeId) cbp-icon svg{transition:transform 150ms;transform:var(--cbp-usa-banner-icon-rotate)}cbp-usa-banner .cbp-usa-banner-content{flex-direction:row;flex-wrap:wrap;padding-block-start:var(--cbp-space-5x);padding-block-end:var(--cbp-space-3x);gap:var(--cbp-space-8x);font-size:var(--cbp-font-size-body)}cbp-usa-banner .cbp-usa-banner-content>div{display:flex;flex-basis:20rem;flex-grow:1;gap:var(--cbp-space-3x)}cbp-usa-banner .cbp-usa-banner-content p{margin-bottom:0}cbp-usa-banner .cbp-usa-banner-content .cbp-banner-content-icon{border:var(--cbp-border-size-sm) solid var(--cbp-color-info-light);border-radius:var(--cbp-border-radius-circle);height:var(--cbp-space-13x);min-width:var(--cbp-space-13x)}";const t=o;const b=class{constructor(a){e(this,a);this.open=false}handleClick(){this.open=!this.open}render(){return a(c,{key:"528a4ea5f7e558608448c95e92026849aab9307d"},a("section",{key:"171d2635d091135566b859c36089b523d7437204","aria-label":"Official website of the United States government"},a("div",{key:"1a2a9205e3187637149f715d6e6f01dd96a9870a",class:"cbp-banner__title"},a("img",{key:"6694e1fdfba383186177c021da90cc4001c1c6f6",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII=",height:"11",width:"16","aria-hidden":"true",alt:""}),a("span",{key:"51001fe48bb83baf82fd6b3a4a133e24bab7cc14"},a("span",{key:"966dd32ff1f7e6f1dd7f9e7e1774c9ea9f0af554"},"Official website of the United States government."),a("cbp-button",{key:"1b375c00764876736d30afda0ec2709c6af370ac",class:"cbp-usa-banner-expand",fill:"ghost","target-prop":"open",controls:"gov-banner",expanded:`${this.open}`,onClick:()=>this.handleClick()},"Here is how you know ",a("cbp-icon",{key:"546656ef42697e882ca8aa0399c060b4756c9aa5",name:"chevron-right",size:"var(--cbp-space-3x)"})))),a("div",{key:"3b2d6a2809a57d80ba4e61b189ad3683ef1285d9",class:"cbp-usa-banner-content",id:"gov-banner"},a("div",{key:"432d1502e865e2f229112345421824e0076516c2"},a("cbp-icon",{key:"c290aa75620ef797bc9534dc0cb01814bf98e4c7",class:"cbp-banner-content-icon",color:"var(--cbp-color-info-light)",name:"landmark",size:"1.25rem"}),a("div",{key:"b2437f706e9192045577d9d660e25aa6be4761a9"},a("strong",{key:"ea9284c2922c196dab57caee6b05e4e68573b4d3"},"Official websites use .gov"),a("p",{key:"1c91e73c398cae8459b18db8c72ec43ef4b901cf"},"A ",a("strong",{key:"d33cf0cb336a6da08a4f96dd9e3c2d1e3714440b"},".gov")," website belongs to an official government organization in the United States."))),a("div",{key:"b026c6551e7014c95f9decb8d22228fcd95fceae"},a("cbp-icon",{key:"25e263b03aaad7f7df89a681d052d50a749f51ec",class:"cbp-banner-content-icon",color:"var(--cbp-color-info-light)",name:"lock",size:"1.25rem"}),a("div",{key:"5536757471fa7e7c895025ae7a2a7c78e2705c7d"},a("strong",{key:"d547d63ca5f7993930378dd3da793ea5bfe99f63"},"Secure .gov websites use HTTPS"),a("p",{key:"63f8a631ec21f36831705e574e061000a85cdd3d"},"A ",a("strong",{key:"105667d41a4a85c349a581527e39ba11edc44f6f"},"lock")," (",a("cbp-icon",{key:"0260de8c686b08ec8d76c390ce42f3033a42cb7d",name:"lock",size:"var(--cbp-space-3x)",accessibilityText:"lock icon"}),") or ",a("strong",{key:"d84beb1ac80aa146ac4c03226b2e7a0402fdf67f"},"https://")," means you've safely connected to the .gov website. Share sensitive information only on official, secure websites."))))))}get host(){return n(this)}};b.style=t;export{b as cbp_usa_banner};
//# sourceMappingURL=p-dcc11c57.entry.js.map