UNPKG

@duetds/components

Version:

This package includes Duet Core Components and related tools.

1 lines 3.57 kB
System.register(["./p-2c514bc6.system.js","./p-e008225b.system.js","./p-0fbeef9c.system.js"],(function(t){"use strict";var e,n,i,r,u;return{setters:[function(t){e=t.r;n=t.h;i=t.c},function(t){r=t.j},function(t){u=t.d}],execute:function(){var s=t("duet_alert",function(){function t(t){e(this,t);this.theme="";this.icon="";this.margin="auto";this.padding="auto";this.variation="default"}t.prototype.componentWillLoad=function(){if(this.theme!=="default"&&document.documentElement.classList.contains("duet-theme-turva")){this.theme="turva"}};t.prototype.render=function(){var t;return n("div",{class:(t={"duet-alert":true,"duet-alert-has-icon":this.icon!=="","duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},t[this.variation]=true,t["duet-theme-turva"]=this.theme==="turva",t),role:"alert"},n("div",{class:"duet-alert-container"},this.icon!==""?n("span",{"aria-hidden":"true",class:"duet-alert-icon",innerHTML:u[r(this.icon)].svg}):"",n("span",null,n("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){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%}"},enumerable:true,configurable:true});return t}())}}}));