@duetds/components/lib/duet/p-8gi9brhm.entry.js

This package includes Duet Core Components and related tools.

import{r as t,h as e,c as s}from"./p-6403d5dc.js";import{j as a}from"./p-da8c2c96.js";import{d as r}from"./p-1bfaadf5.js";const i=class{constructor(e){t(this,e),this.theme="",this.icon="",this.margin="auto",this.padding="auto",this.variation="default"}componentWillLoad(){"default"!==this.theme&&document.documentElement.classList.contains("duet-theme-turva")&&(this.theme="turva")}render(){return e("div",{class:{"duet-alert":!0,"duet-alert-has-icon":""!==this.icon,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[this.variation]:!0,"duet-theme-turva":"turva"===this.theme},role:"alert"},e("div",{class:"duet-alert-container"},""!==this.icon?e("span",{"aria-hidden":"true",class:"duet-alert-icon",innerHTML:r[a(this.icon)].svg}):"",e("span",null,e("slot",null))))}get element(){return s(this)}static get style(){return":host{background:transparent;border:0;padding:0}.duet-alert,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;display:block;width:100%}.duet-alert{background:transparent;border:0;padding:0;margin-bottom:16px!important;padding:16px!important;text-align:center;background:#f2f8fb;border:1px solid #0077b3;border-radius:4px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;color:#00294d;font-weight:400;line-height:1.25}.duet-alert.duet-p-0{padding:0!important}.duet-alert.duet-m-0{margin:0!important}.duet-alert.duet-theme-turva,.duet-theme-turva .duet-alert{color:#111;background:#f3f3f3;border-color:#111;font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.duet-alert.warning{background:#fffbf4;border-color:#f7b228}.duet-alert.warning.duet-theme-turva,.duet-theme-turva .duet-alert.warning{background:#fffaf3;border-color:#faa40f}.duet-alert.danger{background:#fdf4f7;border-color:#de2362}.duet-alert.danger.duet-theme-turva,.duet-theme-turva .duet-alert.danger{background:#fdf4f3;border-color:#e02a0d}.duet-alert.success{background:#f2f9f7;border-color:#00875a}.duet-alert.success.duet-theme-turva,.duet-theme-turva .duet-alert.success{background:#f3f9f6;border-color:#08874e}.duet-alert-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 auto!important;text-align:center}.duet-alert-has-icon .duet-alert-container{margin-top:2px!important}.duet-alert-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;display:inline-block;-ms-flex-item-align:center;align-self:center;width:20px;height:20px;min-width:20px;margin:0 16px 0 0!important}.duet-alert-icon svg{fill:currentColor;display:block;width:100%;height:100%}"}};export{i as duet_alert};