equinox-web-components/dist/equinox/p-8acb5882.system.entry.js

Equinox design for the web using StencilJS

System.register(["./p-33ebdb75.system.js","./p-bee554fc.system.js"],(function(t){"use strict";var e,s,r,a;return{setters:[function(t){e=t.r;s=t.h;r=t.H},function(t){a=t.g}],execute:function(){var i=":host{display:block}.e-avatar{overflow:hidden;-webkit-transition:.3s ease;transition:.3s ease;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;color:var(--gray-600);height:42px;width:42px;font-size:16px;line-height:150%;border-radius:100px}.e-avatar.xs{height:24px;width:24px;font-size:12px}.e-avatar.lg{height:56px;width:56px;font-size:18px}.e-avatar.xl,.e-avatar.xxl{height:72px;width:72px;font-size:18px}.e-avatar:focus,.e-avatar:active{-webkit-box-shadow:0 0 0 3px var(--primary);box-shadow:0 0 0 3px var(--primary)}";var n=t("e_avatar",function(){function t(t){var s=this;e(this,t);this.size="md";this.color="#CBD5E0";this.classes=function(){var t;return t={"e-avatar":true},t[s.size]=true,t};this.styles=function(){return{backgroundColor:s.color}}}t.prototype.render=function(){return s(r,null,s("div",{class:this.classes(),style:this.styles()},s("slot",null,a(this.text))))};return t}());n.style=i}}}));