dap-design-system/dist/components/banner/banner.scss.js

Official design system for the DÁP (dap.gov.hu)

const n = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{--dds-banner-gap: var(--dds-spacing-200);--dds-banner-line-height: var(--dds-font-line-height-xlarge);--dds-banner-transition: all .2s ease-in-out;--dds-banner-brand-background: var(--dds-banner-background-brand);--dds-banner-brand-icon-color: var(--dds-banner-icon-brand);--dds-banner-brand-text-color: var(--dds-banner-text-brand);--dds-banner-brand-action-color: var(--dds-banner-action-enabled);--dds-banner-info-background: var(--dds-banner-background-informative);--dds-banner-info-icon-color: var(--dds-banner-icon-informative);--dds-banner-info-text-color: var(--dds-banner-text-informative);--dds-banner-info-action-color: var(--dds-banner-action-enabled);--dds-banner-positive-background: var(--dds-banner-background-positive);--dds-banner-positive-icon-color: var(--dds-banner-icon-positive);--dds-banner-positive-text-color: var(--dds-banner-text-positive);--dds-banner-positive-action-color: var(--dds-banner-action-enabled);--dds-banner-warning-background: var(--dds-banner-background-warning);--dds-banner-warning-icon-color: var(--dds-banner-icon-warning);--dds-banner-warning-text-color: var(--dds-banner-text-warning);--dds-banner-warning-action-color: var(--dds-banner-action-inverted-enabled);--dds-banner-negative-background: var(--dds-banner-background-negative);--dds-banner-negative-icon-color: var(--dds-banner-icon-negative);--dds-banner-negative-text-color: var(--dds-banner-text-negative);--dds-banner-negative-action-color: var(--dds-banner-action-inverted-enabled)}.banner{display:flex;align-items:start;width:100%;gap:var(--dds-banner-gap);transition:var(--dds-banner-transition)}.banner--brand{background:var(--dds-banner-brand-background)}.banner--brand ::slotted(dap-ds-icon),.banner--brand dap-ds-icon::part(base){fill:var(--dds-banner-brand-icon-color);color:var(--dds-banner-brand-icon-color)}.banner--brand .banner__actions,.banner--brand .banner__content{color:var(--dds-banner-brand-text-color);line-height:var(--dds-banner-line-height)}.banner--brand .banner__actions ::slotted(a),.banner--brand .banner__content ::slotted(a){color:var(--dds-banner-brand-text-color)}.banner--brand .banner__actions{color:var(--dds-banner-brand-action-color)}.banner--info{background:var(--dds-banner-info-background)}.banner--info ::slotted(dap-ds-icon),.banner--info dap-ds-icon::part(base){fill:var(--dds-banner-info-icon-color);color:var(--dds-banner-info-icon-color)}.banner--info .banner__actions,.banner--info .banner__content{color:var(--dds-banner-info-text-color);line-height:var(--dds-banner-line-height)}.banner--info .banner__actions ::slotted(a),.banner--info .banner__content ::slotted(a){color:var(--dds-banner-info-text-color)}.banner--info .banner__actions{color:var(--dds-banner-info-action-color)}.banner--positive{background:var(--dds-banner-positive-background)}.banner--positive ::slotted(dap-ds-icon),.banner--positive dap-ds-icon::part(base){fill:var(--dds-banner-positive-icon-color);color:var(--dds-banner-positive-icon-color)}.banner--positive .banner__actions,.banner--positive .banner__content{color:var(--dds-banner-positive-text-color);line-height:var(--dds-banner-line-height)}.banner--positive .banner__actions ::slotted(a),.banner--positive .banner__content ::slotted(a){color:var(--dds-banner-positive-text-color)}.banner--positive .banner__actions{color:var(--dds-banner-positive-action-color)}.banner--warning{background:var(--dds-banner-warning-background)}.banner--warning ::slotted(dap-ds-icon),.banner--warning dap-ds-icon::part(base){fill:var(--dds-banner-warning-icon-color);color:var(--dds-banner-warning-icon-color)}.banner--warning .banner__content{color:var(--dds-banner-warning-text-color);line-height:var(--dds-banner-line-height)}.banner--warning .banner__content ::slotted(a){color:var(--dds-banner-warning-text-color)}.banner--warning .banner__actions{color:var(--dds-banner-warning-action-color)}.banner--warning .banner__close::part(icon-base){fill:var(--dds-banner-icon-warning);color:var(--dds-banner-icon-warning)}.banner--negative{background:var(--dds-banner-negative-background)}.banner--negative ::slotted(dap-ds-icon),.banner--negative dap-ds-icon::part(base){fill:var(--dds-banner-negative-icon-color);color:var(--dds-banner-negative-icon-color)}.banner--negative .banner__actions,.banner--negative .banner__content{color:var(--dds-banner-negative-text-color);line-height:var(--dds-banner-line-height)}.banner--negative .banner__actions ::slotted(a),.banner--negative .banner__content ::slotted(a){color:var(--dds-banner-negative-text-color)}.banner--negative .banner__actions{color:var(--dds-banner-negative-action-color)}.banner__close{flex:0 0 var(--dds-spacing-500);margin-left:auto}.banner__icon-container{position:relative;top:2px;flex:0 0 var(--dds-spacing-500)}.banner .banner__actions{display:flex;align-items:center;margin-top:var(--dds-spacing-100);font-size:var(--dds-font-sm);font-weight:var(--dds-font-weight-bold);gap:var(--dds-spacing-400)}dap-ds-card::part(base){border:inherit;border-radius:inherit}dap-ds-card::part(high-contrast){border-radius:inherit}dap-ds-card-content::part(base){padding:var(--dds-spacing-400)}";
export {
  n as default
};
//# sourceMappingURL=banner.scss.js.map