@hakit/components/dist/cjs/Shared/Alert/index.js

A series of components to work with @hakit/core

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../emotion-react-jsx-runtime.browser.esm-CgJouFLh.cjs"),l=require("../../../emotion-styled-base.browser.esm-D0rcP917.cjs"),d=require("@emotion/react"),g=require("@iconify/react");function f(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const m={info:"mdi:information-outline",warning:"mdi:alert-outline",error:"mdi:alert-circle-outline",success:"mdi:check-circle-outline"},u=l.createStyled("div",process.env.NODE_ENV==="production"?{target:"e1jy14t0"}:{target:"e1jy14t0",label:"StyledAlert"})(process.env.NODE_ENV==="production"?{name:"1e4y0tn",styles:'position:relative;padding:8px;display:flex;&:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";border-radius:6px;}.icon{z-index:1;}.content{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;}.main-content{overflow-wrap:anywhere;word-break:break-word;margin-left:8px;margin-right:0;margin-inline-start:8px;margin-inline-end:0;}.title{font-weight:bold;font-size:0.8rem;line-height:1rem;color:var(--ha-S50-contrast);}.description{margin-top:2px;font-weight:normal;font-size:0.75rem;line-height:1rem;color:var(--ha-S100-contrast);}&.no-title{align-items:center;justify-content:center;.description{margin-top:0;}.icon{align-self:center;}}&.info>.icon{color:var(--ha-info-color);}&.info::after{background-color:var(--ha-info-color-a1);}&.warning>.icon{color:var(--ha-warning-color);}&.warning::after{background-color:var(--ha-warning-color-a1);}&.error>.icon{color:var(--ha-error-color);}&.error::after{background-color:var(--ha-error-color-a1);}&.success>.icon{color:var(--ha-success-color);}&.success::after{background-color:var(--ha-success-color-a1);}'}:{name:"1e4y0tn",styles:'position:relative;padding:8px;display:flex;&:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";border-radius:6px;}.icon{z-index:1;}.content{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;}.main-content{overflow-wrap:anywhere;word-break:break-word;margin-left:8px;margin-right:0;margin-inline-start:8px;margin-inline-end:0;}.title{font-weight:bold;font-size:0.8rem;line-height:1rem;color:var(--ha-S50-contrast);}.description{margin-top:2px;font-weight:normal;font-size:0.75rem;line-height:1rem;color:var(--ha-S100-contrast);}&.no-title{align-items:center;justify-content:center;.description{margin-top:0;}.icon{align-self:center;}}&.info>.icon{color:var(--ha-info-color);}&.info::after{background-color:var(--ha-info-color-a1);}&.warning>.icon{color:var(--ha-warning-color);}&.warning::after{background-color:var(--ha-warning-color-a1);}&.error>.icon{color:var(--ha-error-color);}&.error::after{background-color:var(--ha-error-color-a1);}&.success>.icon{color:var(--ha-success-color);}&.success::after{background-color:var(--ha-success-color-a1);}',toString:f});function h({title:r="",description:o="",type:n="info",onClick:i,className:a,children:t,cssStyles:c,...s}){return e.jsxs(u,{css:d.css(c??"",";"+(process.env.NODE_ENV==="production"?"":";label:Alert;")),onClick:i,className:`alert issue-type ${r?"":"no-title"} ${n} ${a??""}`,role:"alert",...s,children:[e.jsx(g.Icon,{className:"icon",icon:m[n]}),e.jsx("div",{className:"content",children:e.jsxs("div",{className:"main-content",children:[r?e.jsx("div",{className:"title",children:r}):"",o?e.jsx("div",{className:"description",children:o}):"",t&&t]})})]})}exports.Alert=h;
//# sourceMappingURL=index.js.map