@undp/carbon-library 1.0.39 → 1.0.40

package/dist/cjs/types/Components/Common/Models/changePasswordModel.d.ts

@@ -8,6 +8,7 @@ export interface ChangePasswordProps {
     openModal: any;
     errorMsg: any;
     loadingBtn: boolean;
+    themeColor: string;
 }
 declare const ChangePasswordModel: FC<ChangePasswordProps>;
 export default ChangePasswordModel;

package/dist/esm/index.js

@@ -4526,10 +4526,10 @@ var css_248z$4 = ".mg-left-1 {\n  margin-left: 1rem; }\n\n.add-user-main-contain
 styleInject(css_248z$4);
 
 var ChangePasswordModel = function (props) {
-    var t = props.t, onPasswordChanged = props.onPasswordChanged, onFieldsChanged = props.onFieldsChanged, onCanceled = props.onCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loadingBtn = props.loadingBtn;
+    var t = props.t, onPasswordChanged = props.onPasswordChanged, onFieldsChanged = props.onFieldsChanged, onCanceled = props.onCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loadingBtn = props.loadingBtn, themeColor = props.themeColor;
     return (React.createElement(Modal, { width: 450, title: React.createElement("div", { className: "popup-header" },
             React.createElement("div", { className: "icon" },
-                React.createElement(Lock, { size: 100, color: "#16B1FF" })),
+                React.createElement(Lock, { size: 100, color: themeColor })),
             React.createElement("div", null, t("passwordReset:changePassword"))), open: openModal, className: "popup-success password-reset-model", centered: true, destroyOnClose: true, footer: null, onCancel: onCanceled },
         React.createElement(Form, { name: "change_password", layout: "vertical", className: "login-form", onFieldsChange: onFieldsChanged, onFinish: onPasswordChanged },
             React.createElement(Form.Item, { className: "mg-top-1", name: "oldPassword", label: t("passwordReset:oldPassword"), rules: [
@@ -4573,7 +4573,7 @@ var ChangePasswordModel = function (props) {
 Select.Option;
 var AddNewUserComponent = function (props) {
     var _a, _b, _c, _d, _e, _f;
-    var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext;
+    var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
     var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
     var formOne = Form.useForm()[0];
     var state = useLocation().state;
@@ -4944,7 +4944,7 @@ var AddNewUserComponent = function (props) {
                         React.createElement("div", { className: "create-user-btn-container" },
                             React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading }, isUpdate ? t("addUser:update") : t("addUser:submit"))))))),
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onDeleteProfileUserConfirmed, onActionCanceled: onDeleteProfileUserCanceled, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: isLoading }),
-        React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading })));
+        React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading, themeColor: themeColor })));
 };
 
 var css_248z$3 = ".user-profile {\n  padding: 0px 50px; }\n  .user-profile .login-language-selection-txt .ant-select {\n    width: 120px; }\n  .user-profile .card-container {\n    margin-bottom: 20px;\n    width: 100%;\n    border-radius: 10px; }\n  .user-profile .mg-left-1 {\n    margin-left: 1rem; }\n  .user-profile .mg-top-1 {\n    margin-top: 1rem; }\n  .user-profile .mg-bottom-1 {\n    margin-bottom: 1rem !important; }\n  .user-profile .profile-img {\n    width: 170px; }\n  .user-profile .company-name {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 600;\n    color: rgba(58, 53, 65, 0.8); }\n  .user-profile .btn-danger {\n    color: #ff4d4f !important;\n    border-color: #ff8183 !important; }\n";