@abtnode/blocklet-services 1.16.20-beta-e6e3b017 → 1.16.20-beta-e363262e

package/dist/assets/index-a0ceef02.js

@@ -0,0 +1,37 @@
+import{r as u,j as s,P as r,bN as c,bx as y,bD as C,T as v}from"./index-92a4f00b.js";const N={50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238",A100:"#cfd8dc",A200:"#b0bec5",A400:"#78909c",A700:"#455a64"},A=N,x=(e,{name:o,alternative:t})=>function(a){return u.useEffect(()=>{},[]),s.jsx(e,{...a})},E={light:"fal",regular:"far",solid:"fas"};function m({name:e,color:o,size:t,variant:i,rounded:a,style:f,className:n,forwardedRef:l,...b}){const d=s.jsx("i",{ref:l,className:`${E[i]} fa-${e} ${a?"":n}`,style:Object.assign({color:o,fontSize:`${t}px`},f||{})});return a?s.jsx(k,{ref:l,size:t,color:o,className:n,...b,children:d}):d}m.propTypes={name:r.string.isRequired,className:r.string,color:r.string,rounded:r.bool,variant:r.string,size:r.number,style:r.object};m.defaultProps={rounded:!1,variant:"light",color:c.grey[900],className:"",size:24,style:{}};const k=y("span")`
+  width: ${e=>e.size*2}px;
+  height: ${e=>e.size*2}px;
+  border-radius: 50%;
+  border: 1px solid ${e=>e.color};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .fa,
+  .fas,
+  .fal,
+  .far {
+    line-height: ${e=>e.size}px;
+  }
+`,z=x(u.forwardRef((e,o)=>s.jsx(m,{...e,forwardedRef:o})),{name:"Icon",alternative:"SVG icons"}),g={error:{icon:"exclamation-circle",color:c.error.main,borderColor:"#e35b54",backgroundColor:"rgba(227, 91, 84, 0.2)"},warning:{icon:"exclamation-triangle",color:c.warning.main,borderColor:"#f7d040",backgroundColor:"rgba(247, 208, 64, 0.2)"},success:{icon:"check-circle",color:c.success.main,borderColor:"#89ddd9",backgroundColor:"rgba(137, 221, 217, 0.2)"},tip:{icon:"info-circle",color:c.grey[500],borderColor:"#222222",backgroundColor:"#EEEEEE"}};function p(e){const o=C(e,p,["style"]),{type:t,children:i,style:a,className:f,variant:n,...l}=o,{icon:b,color:d,backgroundColor:h,borderColor:j}=g[t]||g.success,$=Object.assign({color:A[500],backgroundColor:n==="border"?h:"transparent",borderLeft:n==="border"?`5px solid ${j}`:"none"},a);return s.jsxs(w,{...l,className:`alert alert--${t} alert--${n} ${f}`.trim(),style:$,children:[n==="icon"&&s.jsx(z,{className:"alert-icon",name:b,size:24,style:{color:d}}),s.jsx(v,{component:"div",className:"alert-content",children:i})]})}p.propTypes={type:r.oneOf(Object.keys(g)),children:r.any.isRequired,className:r.string,style:r.oneOfType([r.object,r.string]),variant:r.oneOf(["border","icon"])};p.defaultProps={type:"tip",className:"",style:"{}",variant:"border"};const P=x(p,{name:"Alert",alternative:"@mui/material/Alert"}),w=y("div")`
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  margin: 0;
+  padding: 16px;
+  margin: 16px 0;
+
+  strong {
+    margin: 0 5px;
+  }
+
+  .alert-icon {
+    margin-right: 16px;
+  }
+
+  .alert-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+`;export{P as A};