UNPKG

@guruhotel/aura-ui

Version:

⚛️ React UI library by GuruHotel

1 lines 2.09 kB
exports.__esModule=!0,exports.default=exports.Alert=void 0;var e=require("../stack"),t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var s={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var i=o?Object.getOwnPropertyDescriptor(e,n):null;i&&(i.get||i.set)?Object.defineProperty(s,n,i):s[n]=e[n]}s.default=e,r&&r.set(e,s);return s}(require("react")),r=require("./alert.constants"),s=require("./alert.styles"),o=require("../icons"),n=require("react/jsx-runtime");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}const i=t.default.forwardRef((({closeIcon:e,...t},r)=>(0,n.jsx)(s.StyledCloseButton,{...t,ref:r,children:e||(0,n.jsx)(o.CrossRegular,{label:"Close icon"})})));i.displayName="CloseButton";const a=(0,t.forwardRef)((({css:t={},variant:o="solid",status:l="success",icon:a,closeIcon:c,onClose:u,showCloseButton:f=!0,children:p,...d},x)=>{if(f&&!u)throw new Error("Missing onClose function to handle close button");const y=()=>a||r.DEFAULT_ICONS[l];return(0,n.jsxs)(s.StyledAlert,{...d,ref:x,css:t,variant:o,status:l,alignItems:"flex-start",justifyContent:"space-between",children:[(0,n.jsxs)(e.HStack,{spacing:"4",alignItems:"flex-start",children:[(0,n.jsx)(y,{}),(0,n.jsx)(e.VStack,{alignItems:"flex-start",spacing:"1",children:p})]}),f&&(0,n.jsx)(i,{closeIcon:c,onClick:u,css:{color:`$${r.DEFAULT_COLORS[l]}12`,fontSize:10,p:6,_hover:{backgroundColor:`$${r.DEFAULT_COLORS[l]}7`},_active:{backgroundColor:`$${r.DEFAULT_COLORS[l]}8`},_focusVisible:{boxShadow:`0 0 0 2px $colors$${r.DEFAULT_COLORS[l]}11`}}})]})}));a.displayName="Alert";const c=Object.assign(a,{Title:s.AlertTitle,Description:s.AlertDescription});exports.Alert=c,c.displayName="Alert",c.Title=s.AlertTitle,c.Title.displayName="AlertTitle",c.Description=s.AlertDescription,c.Description.displayName="AlertDescription";var u=c;exports.default=u;