@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 c,a,g as n}from"./p-436f46fe.js";const b=":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 o=b;const t=class{constructor(c){e(this,c);this.open=false}handleClick(){this.open=!this.open}render(){return c(a,{key:"a8dc4b3dd8e7d6b1a87e2b7c5c0d53882351fa8b"},c("section",{key:"b130e928d4e35a5b3a786ced4ad9917dc3ea8a0e","aria-label":"Official website of the United States government"},c("div",{key:"f311363f87c1fa7be1d213a91822c3ab1e805436",class:"cbp-banner__title"},c("img",{key:"dfb9595a28c0dc7a3b4c71f8b59ed0d450016720",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII=",height:"11",width:"16","aria-hidden":"true",alt:""}),c("span",{key:"f1adfc2ee614fb8dcc47dfdd61b4a63dad4345d5"},c("span",{key:"bcb91c9e2411e065750e5105c4cd6417a42dfc26"},"Official website of the United States government."),c("cbp-button",{key:"a27866510e4038160efccea9ab70b19f7a78d22b",class:"cbp-usa-banner-expand",fill:"ghost","target-prop":"open",controls:"gov-banner",expanded:`${this.open}`,onClick:()=>this.handleClick()},"Here is how you know ",c("cbp-icon",{key:"973333ab56832dae0f58d86800b17d480521232f",name:"chevron-right",size:"var(--cbp-space-3x)"})))),c("div",{key:"5072197e54b6e747f92dcc564d19fb51d762f6ad",class:"cbp-usa-banner-content",id:"gov-banner"},c("div",{key:"17e42d7b3fb0c9d452fc5d4c27f7ba5f3c7449f2"},c("cbp-icon",{key:"a8180eff0916792194f9765e9fc37e47c7396263",class:"cbp-banner-content-icon",color:"var(--cbp-color-info-light)",name:"landmark",size:"1.25rem"}),c("div",{key:"7c26d210dda7384bb664a2dd73e50a222fa70a9e"},c("strong",{key:"4db79ed9db9ebc6ab06e463b3df0806316bbdbb6"},"Official websites use .gov"),c("p",{key:"1e01dde04ea3288c8cb6151f54161ed004dc254e"},"A ",c("strong",{key:"201c331e0ec7c3d383c15b89501963328f899ea8"},".gov")," website belongs to an official government organization in the United States."))),c("div",{key:"7d252905019ee90caa8dad37692b970c6647846b"},c("cbp-icon",{key:"1d474146a5e6ae947298d877f87fcb5c3427070a",class:"cbp-banner-content-icon",color:"var(--cbp-color-info-light)",name:"lock",size:"1.25rem"}),c("div",{key:"bd33eb7e65c2a7d2cf031d0b07d53778112efa75"},c("strong",{key:"c870b2994c424c2388c50ece214ce48406c616c8"},"Secure .gov websites use HTTPS"),c("p",{key:"3077cdc3d7e7425a7cb9f5787eb8a9d4206e96e2"},"A ",c("strong",{key:"b0c9c78d1abc0df37bf25c08b146126f8a2c719b"},"lock")," (",c("cbp-icon",{key:"cd0b22cd9dc2c878556ccd04741a89c01ecf2c55",name:"lock",size:"var(--cbp-space-3x)",accessibilityText:"lock icon"}),") or ",c("strong",{key:"8632713279dc168589e8ae58c77a017cd856768e"},"https://")," means you've safely connected to the .gov website. Share sensitive information only on official, secure websites."))))))}get host(){return n(this)}};t.style=o;export{t as cbp_usa_banner};
//# sourceMappingURL=p-1ca0098d.entry.js.map