@cbpds/web-components
Version:
Web components for the CBP Design System.
5 lines • 2.08 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import{r as a,h as o,a as c,g as r}from"./p-654179c2.js";import{s as t}from"./p-93ade441.js";const b=":root{--cbp-action-bar-color:var(--cbp-color-text-darkest);--cbp-action-bar-color-dark:var(--cbp-color-text-lightest);--cbp-action-bar-color-bg:var(--cbp-color-gray-cool-5);--cbp-action-bar-color-bg-dark:var(--cbp-color-gray-cool-70);--cbp-action-bar-floating-color-bg:var(--cbp-color-white);--cbp-action-bar-floating-color-bg-dark:var(--cbp-color-gray-cool-90)}[data-cbp-theme=light] cbp-action-bar[context*=dark]:not([context=light-always]),[data-cbp-theme=dark] cbp-action-bar:not([context=dark-inverts]):not([context=light-always]){--cbp-action-bar-color:var(--cbp-action-bar-color-dark);--cbp-action-bar-color-bg:var(--cbp-action-bar-color-bg-dark);--cbp-action-bar-floating-color-bg:var(--cbp-action-bar-floating-color-bg-dark)}cbp-action-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:right;min-height:var(--cbp-space-14x);width:100%;padding:var(--cbp-space-3x);color:var(--cbp-action-bar-color);background-color:var(--cbp-action-bar-color-bg);gap:var(--cbp-space-3x)}cbp-action-bar>*[slot=cbp-action-bar-info]{margin-inline-end:auto}cbp-action-bar[variant=floating]{--cbp-action-bar-color-bg:var(--cbp-action-bar-floating-color-bg);--cbp-action-bar-color-bg-dark:var(--cbp-action-bar-floating-color-bg-dark);position:fixed;bottom:0;left:0;padding-inline:var(--cbp-responsive-spacing-outer);box-shadow:var(--cbp-shadow-level-3-up)}";const i=b;const n=class{constructor(o){a(this,o);this.variant="inline";this.context=undefined;this.sx={}}componentWillLoad(){if(typeof this.sx=="string"){this.sx=JSON.parse(this.sx)||{}}t(this.host,Object.assign({},this.sx))}render(){return o(c,{key:"c7567f55be6ab46b58ccc6c5ada38dc5269a0e46"},o("slot",{key:"fad380f830f756bcc5958d24acff68c934311fcb",name:"cbp-action-bar-info"}),o("slot",{key:"ef001c72af94d9ec44cd272f4a791402a517a4cc"}))}get host(){return r(this)}};n.style=i;export{n as cbp_action_bar};
//# sourceMappingURL=p-7bb2a336.entry.js.map