@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 3.15 kB
JavaScript
import{r as a,h as r,H as e}from"./p-D-JVwta2.js";import{E as t}from"./p-SVedE_O8.js";import{f as o}from"./p-CojoW2Y2.js";import{a as i}from"./p-DzZLIMy0.js";import"./p-DwRzddFC.js";import"./p-DVds6a5Z.js";import"./p-BcMhjKoS.js";import"./p-Do0EyoO8.js";import"./p-CBuzk8fR.js";import"./p-DHk26cGe.js";import"./p-7ioMFMb5.js";const n={[o.Info]:t.Error,[o.Error]:t.Error,[o.Success]:t.Success,[o.Warning]:t.Warning},c=class{constructor(r){a(this,r),this.size=i.Large,this.showIcon=!0}render(){return r(e,{key:"9beb6ad2e18eb3461e82a69172a32161c8e59ce3"},r("div",{key:"da22f882860cc7b7d48cd52b4ac2e594f7cd7228",class:"alert-container"},r("div",{key:"32cff6ba6efe2dd4f5d6904ad744498dfec3f853",part:"container",class:{alert:!0,[`alert--type-${this.type}`]:!0,"alert--size-small":this.size===i.Small}},r("div",{key:"dfd7833877925992bde1851262a6dffa7c8476c6",class:"information"},this.showIcon&&r("kv-icon",{key:"8cf4eaed3b04962519bcfe9e8663efde7ad67402",name:n[this.type],class:"icon"}),r("div",{key:"23aaea7b6a924cb81635a9c914b4c169bce877a5",class:"text-container"},r("div",{key:"7c7afb49cb49cb44f0ee00149d2c2089da423f4e",class:"title"},this.label),r("slot",{key:"72d42bec31a02f6c24a096ef68d4001d5780d5cd",name:"description"},this.description&&r("div",{key:"34980a019ffbb65a8ac07ce02b331c72c0353050",class:"description"},this.description)))),r("slot",{key:"31d7343a44dd75dfed32f9b57f846e5f16109b99",name:"actions"}))))}};c.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}.alert-container{background-color:#fff}.alert{display:flex;padding:var(--kv-spacing-4x, 16px);justify-content:space-between;align-items:center}.alert--type-info{background-color:rgba(var(--kv-info-light-rgb, 198, 218, 255), 0.4)}.alert--type-info kv-icon{--icon-color:var(--kv-info, #276ef1)}.alert--type-error{background-color:rgba(var(--kv-error-light-rgb, 249, 209, 204), 0.4)}.alert--type-error kv-icon{--icon-color:var(--kv-error, #e11900)}.alert--type-success{background-color:rgba(var(--kv-success-light-rgb, 223, 247, 230), 0.4)}.alert--type-success kv-icon{--icon-color:var(--kv-success, #05a357)}.alert--type-warning{background-color:rgba(var(--kv-warning-light-rgb, 255, 227, 172), 0.4)}.alert--type-warning kv-icon{--icon-color:var(--kv-warning, #ffc043)}.alert .information{display:flex;align-items:center}.alert .information kv-icon{--icon-height:24px;--icon-width:24px}.alert .information .icon{margin-right:var(--kv-spacing-3x, 12px)}.alert .information .title{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;color:var(--kv-neutral-9, #121212)}.alert .information .description{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;color:var(--kv-neutral-6, #3f3f3f);margin-top:var(--kv-spacing, 4px)}.alert--size-small{flex-direction:column;align-items:flex-start}';export{c as kv_alert}