@undp/carbon-library 2.1.12-CARBON-Sprint-58.1 → 2.1.12-CARBON-Sprint-58.3

Sign up to get free protection for your applications and to get access to all the features.
package/dist/esm/index.js CHANGED
@@ -1177,8 +1177,7 @@ var CompanyManagementComponent = function (props) {
1177
1177
  };
1178
1178
  return (React.createElement("div", { className: "content-container" },
1179
1179
  React.createElement("div", { className: "title-bar" },
1180
- React.createElement("div", { className: "body-title" }, t("company:viewCompanies")),
1181
- React.createElement("div", { className: "body-sub-title" }, t("company:viewDesc"))),
1180
+ React.createElement("div", { className: "body-title" }, t("company:viewCompanies"))),
1182
1181
  React.createElement("div", { className: "content-card" },
1183
1182
  React.createElement(Row, { className: "table-actions-section" },
1184
1183
  React.createElement(Col, { md: 8, xs: 24 },
@@ -8017,8 +8016,7 @@ var CompanyProfileComponent = function (props) {
8017
8016
  return (React.createElement("div", { className: "content-container company-profile" },
8018
8017
  React.createElement("div", { className: "title-bar" },
8019
8018
  React.createElement("div", null,
8020
- React.createElement("div", { className: "body-title" }, t("companyProfile:title")),
8021
- React.createElement("div", { className: "body-sub-title" }, t("companyProfile:subTitle"))),
8019
+ React.createElement("div", { className: "body-title" }, t("companyProfile:title"))),
8022
8020
  React.createElement("div", { className: "flex-display" },
8023
8021
  ability.can(Action.Delete, plainToClass(Company, companyDetails)) &&
8024
8022
  !isLoading &&
@@ -8075,7 +8073,7 @@ var CompanyProfileComponent = function (props) {
8075
8073
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onRejectOrgConfirmed, onActionCanceled: onRejectOrgCanceled, openModal: openRejectModal, errorMsg: errorMsg, loading: isLoading })));
8076
8074
  };
8077
8075
 
8078
- var css_248z$s = ".programme-management .programme-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .programme-management .programme-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .programme-management .programme-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .programme-management .programme-title-bar .flex-display {\n margin-left: 15px; }\n\n.programme-management .certify-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .org-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .org-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .table-actions-section {\n margin-bottom: 0px; }\n .programme-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.programme-management .all-check {\n margin-right: 10px; }\n .programme-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Retired\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"AwaitingAuthorization\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Authorised\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Approved\"] + .ant-checkbox-inner {\n background-color: rgba(145, 85, 253, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Transferred\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n";
8076
+ var css_248z$s = ".programme-management .programme-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 0px 0px; }\n .programme-management .programme-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .programme-management .programme-title-bar .actions {\n display: flex;\n align-items: flex-start;\n justify-content: flex-end; }\n .programme-management .programme-title-bar .flex-display {\n margin-left: 15px; }\n\n.programme-management .certify-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .org-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .org-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .table-actions-section {\n margin-bottom: 0px; }\n .programme-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.programme-management .all-check {\n margin-right: 10px; }\n .programme-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Retired\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"AwaitingAuthorization\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Authorised\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Approved\"] + .ant-checkbox-inner {\n background-color: rgba(145, 85, 253, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Transferred\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n";
8079
8077
  styleInject(css_248z$s);
8080
8078
 
8081
8079
  var Search$1 = Input.Search;
@@ -8524,8 +8522,7 @@ var ProgrammeManagementComponent = function (props) {
8524
8522
  return (React.createElement("div", { className: "content-container programme-management" },
8525
8523
  React.createElement("div", { className: "programme-title-bar" },
8526
8524
  React.createElement("div", { className: "title-bar" },
8527
- React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes")),
8528
- React.createElement("div", { className: "body-sub-title" }, t("programme:desc"))),
8525
+ React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes"))),
8529
8526
  React.createElement("div", { className: "actions" }, ability.can(Action.Manage, ProgrammeEntity) &&
8530
8527
  enableAddProgramme && (React.createElement("div", { className: "action-bar" },
8531
8528
  React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddProgramme }, t("programme:addProgramme")))))),
@@ -15051,10 +15048,7 @@ var ProgrammeCreationComponent = function (props) {
15051
15048
  React.createElement("div", { className: "title-container" },
15052
15049
  React.createElement("div", { className: "main" }, isUpdate
15053
15050
  ? t("addProgramme:editProgramme")
15054
- : t("addProgramme:addProgramme")),
15055
- React.createElement("div", { className: "sub" }, isUpdate
15056
- ? t("addProgramme:editProgrammeSub")
15057
- : t("addProgramme:addProgrammeSub"))),
15051
+ : t("addProgramme:addProgramme"))),
15058
15052
  React.createElement("div", { className: "adding-section" },
15059
15053
  React.createElement("div", { className: "form-section" },
15060
15054
  React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: [
@@ -15636,24 +15630,24 @@ var ChangePasswordModel = function (props) {
15636
15630
  };
15637
15631
 
15638
15632
  var AddNewUserComponent = function (props) {
15639
- var _a, _b, _c, _d, _e, _f;
15633
+ var _a, _b, _c, _d, _e;
15640
15634
  var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
15641
- var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
15635
+ var _f = useConnection(), post = _f.post, put = _f.put, del = _f.delete, get = _f.get;
15642
15636
  var formOne = Form.useForm()[0];
15643
15637
  var state = useLocation().state;
15644
15638
  var updateToken = useConnection().updateToken;
15645
15639
  var removeUserInfo = useUserContext().removeUserInfo;
15646
- var _h = useState(false), loading = _h[0], setLoading = _h[1];
15647
- var _j = useState({}), actionInfo = _j[0], setActionInfo = _j[1];
15648
- var _k = useState(false), isUpdate = _k[0], setIsUpdate = _k[1];
15649
- var _l = useState(false), isLoading = _l[0], setIsLoading = _l[1];
15650
- var _m = useState(false), openDeleteConfirmationModal = _m[0], setOpenDeleteConfirmationModal = _m[1];
15651
- var _o = useState(false), openPasswordChangeModal = _o[0], setopenPasswordChangeModal = _o[1];
15652
- var _p = useState(""), errorMsg = _p[0], setErrorMsg = _p[1];
15640
+ var _g = useState(false), loading = _g[0], setLoading = _g[1];
15641
+ var _h = useState({}), actionInfo = _h[0], setActionInfo = _h[1];
15642
+ var _j = useState(false), isUpdate = _j[0], setIsUpdate = _j[1];
15643
+ var _k = useState(false), isLoading = _k[0], setIsLoading = _k[1];
15644
+ var _l = useState(false), openDeleteConfirmationModal = _l[0], setOpenDeleteConfirmationModal = _l[1];
15645
+ var _m = useState(false), openPasswordChangeModal = _m[0], setopenPasswordChangeModal = _m[1];
15646
+ var _o = useState(""), errorMsg = _o[0], setErrorMsg = _o[1];
15653
15647
  var userInfoState = useUserContext().userInfoState;
15654
15648
  var ability = useAbilityContext();
15655
- var _q = useState([]), countries = _q[0], setCountries = _q[1];
15656
- var _r = useState(false), isCountryListLoading = _r[0], setIsCountryListLoading = _r[1];
15649
+ var _p = useState([]), countries = _p[0], setCountries = _p[1];
15650
+ var _q = useState(false), isCountryListLoading = _q[0], setIsCountryListLoading = _q[1];
15657
15651
  var getCountryList = function () { return __awaiter(void 0, void 0, void 0, function () {
15658
15652
  var response, alpha2Names, error_1;
15659
15653
  return __generator(this, function (_a) {
@@ -15907,10 +15901,7 @@ var AddNewUserComponent = function (props) {
15907
15901
  return (React.createElement("div", { className: "add-user-main-container" },
15908
15902
  React.createElement("div", { className: "title-container" },
15909
15903
  React.createElement("div", { className: "titles" },
15910
- React.createElement("div", { className: "main" }, isUpdate ? t("addUser:editUser") : t("addUser:addNewUser")),
15911
- React.createElement("div", { className: "sub" }, ((_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.name)
15912
- ? t("addUser:editUserSub")
15913
- : t("addUser:addUserSub"))),
15904
+ React.createElement("div", { className: "main" }, isUpdate ? t("addUser:editUser") : t("addUser:addNewUser"))),
15914
15905
  isUpdate &&
15915
15906
  !ability.can(Action.Update, plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email") && (React.createElement("div", { className: "actions" },
15916
15907
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.Root && (React.createElement(Button, { className: "mg-left-1 btn-danger", onClick: function () { return onDeleteProfileUser(); } }, t("userProfile:delete"))),
@@ -15920,7 +15911,7 @@ var AddNewUserComponent = function (props) {
15920
15911
  React.createElement(Row, { className: "row", gutter: [16, 16] },
15921
15912
  React.createElement(Col, { xl: 12, md: 24 },
15922
15913
  React.createElement("div", { className: "details-part-one" },
15923
- React.createElement(Form.Item, { label: t("addUser:name"), initialValue: (_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.name, name: "name", rules: [
15914
+ React.createElement(Form.Item, { label: t("addUser:name"), initialValue: (_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.name, name: "name", rules: [
15924
15915
  {
15925
15916
  required: true,
15926
15917
  message: "",
@@ -15940,7 +15931,7 @@ var AddNewUserComponent = function (props) {
15940
15931
  },
15941
15932
  ] },
15942
15933
  React.createElement(Input, { size: "large" })),
15943
- React.createElement(Form.Item, { label: t("addUser:email"), name: "email", initialValue: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.email, rules: [
15934
+ React.createElement(Form.Item, { label: t("addUser:email"), name: "email", initialValue: (_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.email, rules: [
15944
15935
  {
15945
15936
  required: true,
15946
15937
  message: "",
@@ -15972,13 +15963,13 @@ var AddNewUserComponent = function (props) {
15972
15963
  !ability.can(Action.Update, plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email"), size: "large" })))),
15973
15964
  React.createElement(Col, { xl: 12, md: 24 },
15974
15965
  React.createElement("div", { className: "details-part-two" },
15975
- React.createElement(Form.Item, { className: "role-group", label: t("addUser:role"), initialValue: (_d = state === null || state === void 0 ? void 0 : state.record) === null || _d === void 0 ? void 0 : _d.role, name: "role", rules: [
15966
+ React.createElement(Form.Item, { className: "role-group", label: t("addUser:role"), initialValue: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.role, name: "role", rules: [
15976
15967
  {
15977
15968
  required: true,
15978
15969
  message: "".concat(t("addUser:role"), " ").concat(t("addUser:isRequired")),
15979
15970
  },
15980
15971
  ] },
15981
- React.createElement(Radio.Group, { value: (_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.role, size: "large", disabled: isUpdate &&
15972
+ React.createElement(Radio.Group, { value: (_d = state === null || state === void 0 ? void 0 : state.record) === null || _d === void 0 ? void 0 : _d.role, size: "large", disabled: isUpdate &&
15982
15973
  !ability.can(Action.Update, plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "role") },
15983
15974
  React.createElement("div", { className: "admin-radio-container" },
15984
15975
  React.createElement(Tooltip, { placement: "top", title: t("addUser:adminToolTip") },
@@ -15995,7 +15986,7 @@ var AddNewUserComponent = function (props) {
15995
15986
  React.createElement(Radio.Button, { className: "view-only", value: "ViewOnly" },
15996
15987
  React.createElement(EyeOutlined, { className: "role-icons" }),
15997
15988
  t("addUser:viewer")))))),
15998
- React.createElement(Skeleton, { loading: isCountryListLoading, active: true }, countries.length > 0 && (React.createElement(Form.Item, { name: "phoneNo", label: t("addUser:phoneNo"), initialValue: (_f = state === null || state === void 0 ? void 0 : state.record) === null || _f === void 0 ? void 0 : _f.phoneNo, rules: [
15989
+ React.createElement(Skeleton, { loading: isCountryListLoading, active: true }, countries.length > 0 && (React.createElement(Form.Item, { name: "phoneNo", label: t("addUser:phoneNo"), initialValue: (_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.phoneNo, rules: [
15999
15990
  {
16000
15991
  required: false,
16001
15992
  },
@@ -16119,8 +16110,7 @@ var UserProfileComponent = function (props) {
16119
16110
  React.createElement(Col, { md: 24, lg: 8 },
16120
16111
  React.createElement("div", { className: "title-bar" },
16121
16112
  React.createElement("div", null,
16122
- React.createElement("div", { className: "body-title" }, t("userProfile:title")),
16123
- React.createElement("div", { className: "body-sub-title" }, t("userProfile:subTitle"))))),
16113
+ React.createElement("div", { className: "body-title" }, t("userProfile:title"))))),
16124
16114
  React.createElement(Col, { md: 24, lg: 16 },
16125
16115
  React.createElement(Row, { justify: "end" },
16126
16116
  React.createElement(Button, { className: "mg-left-1 btn-danger mg-bottom-1", onClick: function () { return signOut(); } }, t("userProfile:logOut")),
@@ -16712,8 +16702,7 @@ var UserManagementComponent = function (props) {
16712
16702
  };
16713
16703
  return (React.createElement("div", { className: "content-container" },
16714
16704
  React.createElement("div", { className: "title-bar" },
16715
- React.createElement("div", { className: "body-title" }, t("user:viewUsers")),
16716
- React.createElement("div", { className: "body-sub-title" }, t("user:viewDesc"))),
16705
+ React.createElement("div", { className: "body-title" }, t("user:viewUsers"))),
16717
16706
  React.createElement("div", { className: "content-card" },
16718
16707
  React.createElement(Row, { className: "table-actions-section" },
16719
16708
  React.createElement(Col, { md: 8, xs: 24 },
@@ -16759,7 +16748,7 @@ var UserManagementComponent = function (props) {
16759
16748
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
16760
16749
  };
16761
16750
 
16762
- var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.details-part-two .ant-input-number {\n width: 50%;\n margin-left: 15px; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Cancelled\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Accepted\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Pending\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Recognised\"] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"NotRecognised\"] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .investment-radio-button .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: fit-content; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .details-part-two .row .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n";
16751
+ var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.details-part-two .ant-input-number {\n width: 50%;\n margin-left: 15px; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 0px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: flex-start;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Cancelled\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Accepted\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Pending\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Recognised\"] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"NotRecognised\"] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .investment-radio-button .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: fit-content; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .details-part-two .row .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n";
16763
16752
  styleInject(css_248z$m);
16764
16753
 
16765
16754
  var Loading = function () {
@@ -18573,8 +18562,7 @@ var InvestmentManagementComponent = function (props) {
18573
18562
  return (React.createElement("div", { className: "investment-management content-container" },
18574
18563
  React.createElement("div", { className: "investment-title-bar" },
18575
18564
  React.createElement("div", { className: "title-bar" },
18576
- React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
18577
- React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
18565
+ React.createElement("div", { className: "body-title" }, t("programme:investmentTitle"))),
18578
18566
  React.createElement("div", { className: "actions" }, enableAddOwnership &&
18579
18567
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == CompanyRole.MINISTRY ||
18580
18568
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == CompanyRole.GOVERNMENT ||
@@ -19441,8 +19429,7 @@ var SupportManagementComponent = function (props) {
19441
19429
  return (React.createElement("div", { className: "investment-management content-container" },
19442
19430
  React.createElement("div", { className: "support-title-bar" },
19443
19431
  React.createElement("div", { className: "title-bar" },
19444
- React.createElement("div", { className: "body-title" }, t("programme:supportTitle")),
19445
- React.createElement("div", { className: "body-sub-title" }, t("programme:supportDesc"))),
19432
+ React.createElement("div", { className: "body-title" }, t("programme:supportTitle"))),
19446
19433
  React.createElement("div", { className: "actions" }, enableAddSupport && (React.createElement("div", { className: "action-bar" },
19447
19434
  React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddSupport }, t("programme:addSupportBtnText")))))),
19448
19435
  React.createElement("div", { className: "content-card" },
@@ -19901,8 +19888,7 @@ var NdcActionManagementComponent = function (props) {
19901
19888
  React.createElement("div", { className: "title-bar" },
19902
19889
  React.createElement(Row, { justify: "space-between", align: "middle" },
19903
19890
  React.createElement(Col, { span: 20 },
19904
- React.createElement("div", { className: "body-title" }, t("ndcAction:NdcTitle")),
19905
- React.createElement("div", { className: "body-sub-title" }, t("ndcAction:NdcSubTitle"))))),
19891
+ React.createElement("div", { className: "body-title" }, t("ndcAction:NdcTitle"))))),
19906
19892
  React.createElement("div", { className: "content-card" },
19907
19893
  React.createElement(Row, null,
19908
19894
  React.createElement(Col, { lg: { span: 15 }, md: { span: 14 } },
@@ -23834,8 +23820,7 @@ var AddNdcActionComponent = function (props) {
23834
23820
  }
23835
23821
  return (React.createElement("div", { className: "add-ndc-main-container" },
23836
23822
  React.createElement("div", { className: "title-container" },
23837
- React.createElement("div", { className: "main" }, t("ndcAction:addNdcTitle")),
23838
- React.createElement("div", { className: "sub" }, t("ndcAction:addNdcSubTitle"))),
23823
+ React.createElement("div", { className: "main" }, t("ndcAction:addNdcTitle"))),
23839
23824
  React.createElement("div", { className: "adding-section" },
23840
23825
  React.createElement("div", { className: "form-section" },
23841
23826
  React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
@@ -24255,8 +24240,7 @@ var NdcActionViewComponent = function (props) {
24255
24240
  React.createElement("div", { className: "body-title" },
24256
24241
  t("ndcAction:NdcDetailsViewTitle"),
24257
24242
  " ",
24258
- getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action)),
24259
- React.createElement("div", { className: "body-sub-title" }, t("ndcAction:NdcDetailsViewSubTitle")))),
24243
+ getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action)))),
24260
24244
  React.createElement("div", { className: "content-body" },
24261
24245
  React.createElement(Row, { gutter: 16 },
24262
24246
  (emissionsReductionAchieved !== 0 ||
@@ -25186,8 +25170,7 @@ var CreditTransferComponent = function (props) {
25186
25170
  React.createElement("div", { className: "title-bar" },
25187
25171
  React.createElement(Row, { justify: "space-between", align: "middle" },
25188
25172
  React.createElement(Col, { span: 20 },
25189
- React.createElement("div", { className: "body-title" }, t("creditTransfer:viewCreditsTransfers")),
25190
- React.createElement("div", { className: "body-sub-title" }, t("creditTransfer:desc"))),
25173
+ React.createElement("div", { className: "body-title" }, t("creditTransfer:viewCreditsTransfers"))),
25191
25174
  React.createElement(Col, { span: 4 }, (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
25192
25175
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.Admin) ||
25193
25176
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.Root) && (React.createElement("div", { className: "transfer-freeze-icon", onClick: onFreezeTransfer }, isTransferFrozen ? (React.createElement(PlayCircle, { className: "play-circle", size: 35 })) : (React.createElement(PauseCircle, { className: "pause-circle", size: 35 }))))))),
@@ -29753,8 +29736,7 @@ var NdcDetailsComponent = function (props) {
29753
29736
  React.createElement("div", { className: "title-bar" },
29754
29737
  React.createElement(Row, { justify: "space-between", align: "middle" },
29755
29738
  React.createElement(Col, { span: 20 },
29756
- React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
29757
- React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
29739
+ React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle"))))),
29758
29740
  React.createElement("div", null,
29759
29741
  React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
29760
29742
  React.createElement("div", null, selectedPeriod