@idea-fragments/react-components-zendesk 0.1.42 → 0.1.43

package/dist/alert.js

@@ -10138,11 +10138,11 @@ FlexBlock.COMPONENT_NAME=COMPONENT_NAME;FlexBlock.defaultProps={compactAxis:fals
 PaddedFlexBlock.COMPONENT_NAME="PaddedFlexBlock";var templateObject_1$2,templateObject_2$2;var getColor=styled.css(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"// const subTextStyling = css`
 //   margin-top: 0;
 // `
-])),function(_a){var color=_a.color;return color;});// const subTextStyling = css`
+])),function(_a){var color=_a.color,danger=_a.danger,theme=_a.theme;if(danger)return theme.styles.colorDanger;if(color)return color;return"inherit";});// const subTextStyling = css`
 //   margin-top: 0;
 // `
-var subTextStyling=styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n  margin-bottom: 0;\n\n  & + * {\n    margin-top: 0;\n  }\n"],["\n  margin-bottom: 0;\n\n  & + * {\n    margin-top: 0;\n  }\n"])));var Text=styled__default["default"].div(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n  text-align: ",";\n  width: ",";\n  ","\n  ","\n  ","\n"],["\n  text-align: ",";\n  width: ",";\n  ","\n  ","\n  ","\n"// @ts-ignore
-])),function(_a){var align=_a.align;return align;},function(_a){var fluid=_a.fluid;return fluid?"100%":"unset";},function(_a){var color=_a.color;return color?getColor:"";},function(_a){var hasSubText=_a.hasSubText;return hasSubText?subTextStyling:"";},function(_a){var _css=_a._css;return _css;});// @ts-ignore
+var subTextStyling=styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n  margin-bottom: 0;\n\n  & + * {\n    margin-top: 0;\n  }\n"],["\n  margin-bottom: 0;\n\n  & + * {\n    margin-top: 0;\n  }\n"])));var Text=styled__default["default"].div(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n  text-align: ",";\n  width: ",";\n  ","\n  ","\n  ","\n  ","\n"],["\n  text-align: ",";\n  width: ",";\n  ","\n  ","\n  ","\n  ","\n"// @ts-ignore
+])),function(_a){var align=_a.align;return align;},function(_a){var fluid=_a.fluid;return fluid?"100%":"unset";},function(_a){var color=_a.color;return color?getColor:"";},function(_a){var hasSubText=_a.hasSubText;return hasSubText?subTextStyling:"";},getColor,function(_a){var _css=_a._css;return _css;});// @ts-ignore
 Text.COMPONENT_NAME="Text";var templateObject_1$1,templateObject_2$1,templateObject_3$1;var useTheme=function(){return React.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
 var SM=SPACINGS.SM,MD=SPACINGS.MD,XS=SPACINGS.XS;var ALERT_TYPES={INFO:"info",SUCCESS:"success",ERROR:"error",WARNING:"warning"};exports.Alert=function(_a){var _b,_c;var isVisible=_a.isVisible,closeAlert=_a.closeAlert,alertContent=_a.alertContent,className=_a.className;var theme=useTheme();var handleClose=React.useCallback(function(){closeAlert();if(alertContent===null||alertContent===void 0?void 0:alertContent.onClose)alertContent.onClose();},[alertContent,closeAlert]);React.useEffect(function(){if(!isVisible)return;setTimeout(handleClose,8000);},[isVisible,handleClose]);if(!isVisible)return null;if(!alertContent)throw new Error("Alert found null alert content");var title=alertContent.title,body=alertContent.body,type=(_b=alertContent.type,_b===void 0?ALERT_TYPES.INFO:_b);var bgColor=(_c={},_c[ALERT_TYPES.ERROR]=theme.styles.colorDanger,_c[ALERT_TYPES.INFO]=COLORS.LIGHT_BLUE,_c[ALERT_TYPES.SUCCESS]=theme.styles.colorSuccess,_c[ALERT_TYPES.WARNING]=theme.styles.colorWarning,_c)[type];return jsxRuntime.jsx(AbsoluteContainer,{children:jsxRuntime.jsxs(AlertWrapper,__assign({className:className,color:bgColor},{children:[jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",css:"\n                   border-right: 1px solid ".concat(dark(bgColor,.15),";\n                   padding: 0 ").concat(SM," 0 ").concat(SM,";\n                 ")},{children:jsxRuntime.jsx(Icon,{size:"1.2rem",svg:iconSVG(type)})})),jsxRuntime.jsxs(Content,{children:[title?jsxRuntime.jsx(Text,__assign({css:"font-weight: ".concat(FONT_WEIGHTS.MEDIUM,";")},{children:title})):null,jsxRuntime.jsx(Text,{children:body})]}),jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",css:"padding: 0 ".concat(SM," 0 ").concat(SM,";")},{children:jsxRuntime.jsx(CloseButton,{"aria-label":"Close alert",color:bgColor,flat:false,primary:true,onClick:handleClose})}))]}))});};exports.Alert=styled__default["default"](exports.Alert)(templateObject_1||(templateObject_1=__makeTemplateObject([""],[""// @ts-ignore
 ])));// @ts-ignore