phx-react 1.3.887 → 1.3.888

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/cjs/components/ActivityHistory/ActivityHistory.js +1 -1
  2. package/dist/cjs/components/Calendar/Calendar.js +1 -1
  3. package/dist/cjs/components/DatePicker/components/Calendar.js +1 -1
  4. package/dist/cjs/components/DateRangePicker/components/Calendar.js +2 -2
  5. package/dist/cjs/components/EmptyRecord/EmptyRecord.js +3 -3
  6. package/dist/cjs/components/FormTuitionV3/FormTuitionV3.js +3 -3
  7. package/dist/cjs/components/FormWrap/FormWrap.js +1 -1
  8. package/dist/cjs/components/FormWrap/ModalImport.js +1 -1
  9. package/dist/cjs/components/GridLayout/GridLayout.js +1 -1
  10. package/dist/cjs/components/HeaderBar/HeaderBar.js +1 -1
  11. package/dist/cjs/components/Input/Input.js +1 -1
  12. package/dist/cjs/components/MainWrapV3/MainWrapV3.js +2 -2
  13. package/dist/cjs/components/MainWrapV3/navigator/nav-mobile-content.js +4 -4
  14. package/dist/cjs/components/Radio/Radio.js +1 -1
  15. package/dist/cjs/components/TableV3/EmptySearchResult.js +1 -1
  16. package/dist/cjs/components/TableVertical/EmptySearchResult.js +1 -1
  17. package/dist/cjs/components/UploadFile/UploadFile.js +1 -1
  18. package/dist/cjs/utils/notification.js +1 -1
  19. package/dist/esm/components/ActivityHistory/ActivityHistory.js +1 -1
  20. package/dist/esm/components/Calendar/Calendar.js +1 -1
  21. package/dist/esm/components/DatePicker/components/Calendar.js +1 -1
  22. package/dist/esm/components/DateRangePicker/components/Calendar.js +2 -2
  23. package/dist/esm/components/EmptyRecord/EmptyRecord.js +3 -3
  24. package/dist/esm/components/FormTuitionV3/FormTuitionV3.js +3 -3
  25. package/dist/esm/components/FormWrap/FormWrap.js +1 -1
  26. package/dist/esm/components/FormWrap/ModalImport.js +1 -1
  27. package/dist/esm/components/GridLayout/GridLayout.js +1 -1
  28. package/dist/esm/components/HeaderBar/HeaderBar.js +1 -1
  29. package/dist/esm/components/Input/Input.js +1 -1
  30. package/dist/esm/components/MainWrapV3/MainWrapV3.js +2 -2
  31. package/dist/esm/components/MainWrapV3/navigator/nav-mobile-content.js +4 -4
  32. package/dist/esm/components/Radio/Radio.js +1 -1
  33. package/dist/esm/components/TableV3/EmptySearchResult.js +1 -1
  34. package/dist/esm/components/TableVertical/EmptySearchResult.js +1 -1
  35. package/dist/esm/components/UploadFile/UploadFile.js +1 -1
  36. package/dist/esm/utils/notification.js +1 -1
  37. package/package.json +1 -1
package/dist/cjs/components/ActivityHistory/ActivityHistory.js CHANGED
@@ -44,7 +44,7 @@ function PHXActivityHistory(_a) {
44
44
  react_1["default"].createElement("div", { className: "w-1 h-1 absolute right-[0.4rem] -bottom-1 ".concat(bgColor) })),
45
45
  generateChildren(history)));
46
46
  }))));
47
- }))) : (react_1["default"].createElement("p", { className: 'text-xs text-gray-500 font-normal mt-2' }, "Ch\u01B0a c\u00F3 l\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng."))))));
47
+ }))) : (react_1["default"].createElement("p", { className: 'text-xs text-gray-600 font-normal mt-2' }, "Ch\u01B0a c\u00F3 l\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng."))))));
48
48
  }
49
49
  exports["default"] = PHXActivityHistory;
50
50
  //# sourceMappingURL=ActivityHistory.js.map
package/dist/cjs/components/Calendar/Calendar.js CHANGED
@@ -131,7 +131,7 @@ var PHXCalendar = function (_a) {
131
131
  calIdx === 0 ? currentYear : currentMonth === 11 ? currentYear + 1 : currentYear),
132
132
  calIdx === 1 && (react_1["default"].createElement("button", { className: 'absolute right-0 rounded-lg p-1 text-gray-500 hover:bg-gray-200', onClick: function () { return handleChangeMonth('next'); }, type: 'button' },
133
133
  react_1["default"].createElement(solid_1.ArrowRightIcon, { className: 'h-5 w-5' })))),
134
- react_1["default"].createElement("div", { className: 'mb-4 grid grid-cols-7 gap-0 border-gray-200' }, weekdays.map(function (day, index) { return (react_1["default"].createElement("div", { key: index, className: 'py-2 text-center text-xs font-medium text-gray-500' }, day)); })),
134
+ react_1["default"].createElement("div", { className: 'mb-4 grid grid-cols-7 gap-0 border-gray-200' }, weekdays.map(function (day, index) { return (react_1["default"].createElement("div", { key: index, className: 'py-2 text-center text-xs font-medium text-gray-600' }, day)); })),
135
135
  react_1["default"].createElement("div", { className: 'grid grid-cols-7 gap-0' },
136
136
  Array.from({ length: ((_a = monthData[0]) === null || _a === void 0 ? void 0 : _a.dayOfWeek) || 0 }).map(function (_, index) { return (react_1["default"].createElement("div", { key: "empty-".concat(index), className: 'py-2' }) // Ô trống trước ngày 1
137
137
  ); }),
package/dist/cjs/components/DatePicker/components/Calendar.js CHANGED
@@ -107,7 +107,7 @@ function Calendar(_a) {
107
107
  react_1["default"].createElement("button", { className: '-m-1.5 flex flex-none items-center justify-center rounded-lg p-1 text-gray-400 hover:bg-gray-200', onClick: function () { return handleChangeMonth('next'); }, type: 'button' },
108
108
  react_1["default"].createElement("span", { className: 'sr-only' }, "Next month"),
109
109
  react_1["default"].createElement(solid_1.ArrowRightIcon, { "aria-hidden": 'true', className: 'h-5 w-5' }))),
110
- react_1["default"].createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-500' },
110
+ react_1["default"].createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-600' },
111
111
  react_1["default"].createElement("div", { className: classNames(checkToday(1) && '!font-semibold !text-gray-900') }, "T2"),
112
112
  react_1["default"].createElement("div", { className: classNames(checkToday(2) && '!font-semibold !text-gray-900') }, "T3"),
113
113
  react_1["default"].createElement("div", { className: classNames(checkToday(3) && '!font-semibold !text-gray-900') }, "T4"),
package/dist/cjs/components/DateRangePicker/components/Calendar.js CHANGED
@@ -297,7 +297,7 @@ function Calendar(_a) {
297
297
  react_1["default"].createElement("span", { className: 'sr-only' }, "Next month"),
298
298
  react_1["default"].createElement(solid_1.ArrowRightIcon, { "aria-hidden": 'true', className: 'h-5 w-5' })))),
299
299
  react_1["default"].createElement("div", { className: ' flex w-full ' }, [currentMonth + 1].map(function (month, idx) { return (react_1["default"].createElement("div", { key: idx, className: "w-full text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 xl:col-start-9 ".concat(month === currentMonth + 1 ? 'mr-4' : '') },
300
- react_1["default"].createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-500' }, dayOfWeek.map(function (item, index) { return (react_1["default"].createElement("div", { key: index + 1, className: (0, utils_1.classNames)(checkToday(index === 7 ? 0 : index + 1, month) && '!font-semibold !text-gray-900') }, item)); })),
300
+ react_1["default"].createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-600' }, dayOfWeek.map(function (item, index) { return (react_1["default"].createElement("div", { key: index + 1, className: (0, utils_1.classNames)(checkToday(index === 7 ? 0 : index + 1, month) && '!font-semibold !text-gray-900') }, item)); })),
301
301
  react_1["default"].createElement("div", { className: 'isolate mt-2 grid grid-cols-7 rounded-lg text-xs' }, calendar.map(function (day, index) {
302
302
  if (day.currentMonth === month) {
303
303
  var selectedDay = (0, date_fns_1.parse)(day.date, 'dd-MM-yyyy', new Date());
@@ -344,7 +344,7 @@ function Calendar(_a) {
344
344
  react_1["default"].createElement("span", { className: 'sr-only' }, "Next month"),
345
345
  react_1["default"].createElement(solid_1.ArrowRightIcon, { "aria-hidden": 'true', className: 'h-5 w-5' })))),
346
346
  react_1["default"].createElement("div", { className: 'flex w-full ' }, [currentMonth + 1, currentMonth === 11 ? 1 : currentMonth + 2].map(function (month, idx) { return (react_1["default"].createElement("div", { key: idx, className: "w-full text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 xl:col-start-9 ".concat(month === currentMonth + 1 ? 'mr-4' : '') },
347
- react_1["default"].createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-500' }, dayOfWeek.map(function (item, index) { return (react_1["default"].createElement("div", { key: index + 1, className: (0, utils_1.classNames)(checkToday(index === 7 ? 0 : index + 1, month) && '!font-semibold !text-gray-900') }, item)); })),
347
+ react_1["default"].createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-600' }, dayOfWeek.map(function (item, index) { return (react_1["default"].createElement("div", { key: index + 1, className: (0, utils_1.classNames)(checkToday(index === 7 ? 0 : index + 1, month) && '!font-semibold !text-gray-900') }, item)); })),
348
348
  react_1["default"].createElement("div", { className: 'isolate mt-2 grid grid-cols-7 rounded-lg text-xs' }, calendar.map(function (day, index) {
349
349
  if (day.currentMonth === month) {
350
350
  var selectedDay = (0, date_fns_1.parse)(day.date, 'dd-MM-yyyy', new Date());
package/dist/cjs/components/EmptyRecord/EmptyRecord.js CHANGED
@@ -10,15 +10,15 @@ function PHXEmptyRecord(_a) {
10
10
  type === 'default' && (react_1["default"].createElement("div", { className: "bg-white sm:rounded-lg flex flex-col min-w-full py-2 pt-16 align-middle md:px-6 md:pr-0 lg:px-8 px-4 pb-14 text-center ".concat(border ? 'border shadow' : '') },
11
11
  react_1["default"].createElement(EmptySvg_1["default"], null),
12
12
  react_1["default"].createElement("p", { className: ' font-medium text-lg text-gray-800 mt-4' }, "Tr\u1ED1ng"),
13
- react_1["default"].createElement("span", { className: 'text-sm font-normal text-gray-500 mt-1' }, description))),
13
+ react_1["default"].createElement("span", { className: 'text-sm font-normal text-gray-600 mt-1' }, description))),
14
14
  type === 'small' && (react_1["default"].createElement("div", { className: "bg-white sm:rounded-lg flex flex-col min-w-full py-2 pb-10 pt-10 align-middle md:px-6 md:pr-0 lg:px-8 px-4 text-center ".concat(border ? 'border shadow' : '') },
15
15
  react_1["default"].createElement(EmptySvg_1["default"], null),
16
16
  react_1["default"].createElement("p", { className: ' font-medium text-lg text-gray-800 ' }, "Tr\u1ED1ng"),
17
- react_1["default"].createElement("span", { className: 'text-sm font-normal text-gray-500 mt-1' }, description))),
17
+ react_1["default"].createElement("span", { className: 'text-sm font-normal text-gray-600 mt-1' }, description))),
18
18
  type === 'micro' && (react_1["default"].createElement("div", { className: "bg-white sm:rounded-lg flex flex-col min-w-full py-2 pt-8 align-middle md:px-6 md:pr-0 lg:px-8 px-4 pb-5 text-center ".concat(border ? 'border shadow' : '') },
19
19
  react_1["default"].createElement(EmptySvg_1["default"], null),
20
20
  react_1["default"].createElement("p", { className: ' font-medium text-lg text-gray-800' }, "Tr\u1ED1ng"),
21
- react_1["default"].createElement("span", { className: 'text-sm font-normal text-gray-500 mt-1' }, description)))));
21
+ react_1["default"].createElement("span", { className: 'text-sm font-normal text-gray-600 mt-1' }, description)))));
22
22
  }
23
23
  exports.PHXEmptyRecord = PHXEmptyRecord;
24
24
  //# sourceMappingURL=EmptyRecord.js.map
package/dist/cjs/components/FormTuitionV3/FormTuitionV3.js CHANGED
@@ -97,15 +97,15 @@ var PHXFormTuitionV3 = function (_a) {
97
97
  react_1["default"].createElement("table", { className: 'w-full table-fixed border-separate border-spacing-0\t divide-y divide-gray-300' },
98
98
  react_1["default"].createElement("thead", null,
99
99
  react_1["default"].createElement("tr", null,
100
- react_1["default"].createElement("th", { className: 'sticky left-0 w-[210px] border-r bg-white px-3 py-2 pl-8 text-left align-top text-xs font-semibold text-gray-500 drop-shadow-md xl:drop-shadow-none', scope: 'col' }, "Chi ti\u1EBFt kho\u1EA3n ph\u00ED"), (_b = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _b === void 0 ? void 0 :
100
+ react_1["default"].createElement("th", { className: 'sticky left-0 w-[210px] border-r bg-white px-3 py-2 pl-8 text-left align-top text-xs font-semibold text-gray-600 drop-shadow-md xl:drop-shadow-none', scope: 'col' }, "Chi ti\u1EBFt kho\u1EA3n ph\u00ED"), (_b = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _b === void 0 ? void 0 :
101
101
  _b.map(function (item, index) {
102
102
  var _a, _b;
103
- return (react_1["default"].createElement("th", { key: index, className: 'w-[210px] border-r bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' },
103
+ return (react_1["default"].createElement("th", { key: index, className: 'w-[210px] border-r bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-600', scope: 'col' },
104
104
  react_1["default"].createElement("p", { className: 'flex text-center' },
105
105
  isProcessByMonth ? (_a = item.school_month) === null || _a === void 0 ? void 0 : _a.name : (_b = item.school_term) === null || _b === void 0 ? void 0 : _b.name,
106
106
  generateIconLock(item.is_locked))));
107
107
  }),
108
- react_1["default"].createElement("th", { className: 'w-[210px] bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' },
108
+ react_1["default"].createElement("th", { className: 'w-[210px] bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-600', scope: 'col' },
109
109
  react_1["default"].createElement("p", { className: 'flex text-center' },
110
110
  "C\u1EA3 n\u0103m",
111
111
  generateIconLock(getIsLockedYear(isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)))))),
package/dist/cjs/components/FormWrap/FormWrap.js CHANGED
@@ -64,7 +64,7 @@ var PHXFormWrap = function (_a) {
64
64
  react_1["default"].createElement(outline_1.ExclamationTriangleIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-red-600' })),
65
65
  react_1["default"].createElement("div", { className: 'mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left' },
66
66
  react_1["default"].createElement("div", { className: 'mt-2' },
67
- react_1["default"].createElement("p", { className: 'text-xs text-gray-500' }, contentOfModal
67
+ react_1["default"].createElement("p", { className: 'text-xs text-gray-600' }, contentOfModal
68
68
  ? contentOfModal
69
69
  : "B\u1EA1n c\u00F3 ch\u1EAFc ch\u1EAFn mu\u1ED1n x\u00F3a b\u1EA3n ghi ".concat(nameOfModal, "? Thao t\u00E1c n\u00E0y kh\u00F4ng th\u1EC3 ho\u00E0n t\u00E1c.")))))))),
70
70
  secondaryLeftButton && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' }, secondaryLeftButtonSubmit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmitSecondaryLeftButton, primary: true }, secondaryLeftTextButton)) : (react_1["default"].createElement(Button_1.PHXButton, { danger: true, size: 'small', onClick: onDeletedSecondaryLeftButton }, secondaryLeftTextButton)))),
package/dist/cjs/components/FormWrap/ModalImport.js CHANGED
@@ -27,7 +27,7 @@ function ImportModal(_a) {
27
27
  react_1["default"].createElement("div", { className: 'border-b border-gray-200 bg-white px-4 py-5 sm:px-6 -ml-6 -mt-6 -mr-6' },
28
28
  react_1["default"].createElement("h3", { className: 'text-lg font-medium leading-6 text-gray-900' }, "T\u1EA3i l\u00EAn d\u1EEF li\u1EC7u")),
29
29
  react_1["default"].createElement("div", { className: 'mt-2' },
30
- react_1["default"].createElement("p", { className: 'text-sm text-gray-500' }, "H\u00E3y ki\u1EC3m tra d\u1EEF li\u1EC7u tr\u01B0\u1EDBc khi t\u1EA3i l\u00EAn")),
30
+ react_1["default"].createElement("p", { className: 'text-sm text-gray-600' }, "H\u00E3y ki\u1EC3m tra d\u1EEF li\u1EC7u tr\u01B0\u1EDBc khi t\u1EA3i l\u00EAn")),
31
31
  react_1["default"].createElement("div", { className: 'mt-5' },
32
32
  react_1["default"].createElement("div", { className: 'hidden' },
33
33
  react_1["default"].createElement("input", { type: 'file', ref: inputFileRef, onChangeCapture: onFileChangeCapture })),
package/dist/cjs/components/GridLayout/GridLayout.js CHANGED
@@ -11,7 +11,7 @@ var PHXGridLayout = function (_a) {
11
11
  react_1["default"].createElement("div", { className: 'grid sm:grid-cols-2 md:grid-cols-3', style: width < 1024
12
12
  ? { gap: "".concat(4 * gap, "px") }
13
13
  : { gridTemplateColumns: "repeat(".concat(col, ", minmax(0, 1fr))"), gap: "".concat(4 * gap, "px") } }, isCustomComponent ? (react_1["default"].createElement(react_1["default"].Fragment, null, children)) : (react_1["default"].createElement(react_1["default"].Fragment, null, data.map(function (item, index) { return (react_1["default"].createElement("div", { key: index + 1, className: 'flex flex-col gap-y-1' },
14
- react_1["default"].createElement("div", { className: 'text-xs leading-5 text-gray-500' }, item.title),
14
+ react_1["default"].createElement("div", { className: 'text-xs leading-5 text-gray-600' }, item.title),
15
15
  react_1["default"].createElement("div", { className: 'text-xs leading-normal text-gray-900 font-semibold' }, item.content))); }))))));
16
16
  };
17
17
  exports.PHXGridLayout = PHXGridLayout;
package/dist/cjs/components/HeaderBar/HeaderBar.js CHANGED
@@ -65,7 +65,7 @@ var PHXHeaderBar = function (_a) {
65
65
  return (react_2["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleUpload }, uploadText));
66
66
  }))))),
67
67
  react_2["default"].createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading || disableAddNew, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText))),
68
- subTitle && react_2["default"].createElement("p", { className: "".concat(isCancel && 'ml-11', " mt-[2px] text-[12px] text-gray-500") }, subTitle)));
68
+ subTitle && react_2["default"].createElement("p", { className: "".concat(isCancel && 'ml-11', " mt-[2px] text-[12px] text-gray-600") }, subTitle)));
69
69
  };
70
70
  exports.PHXHeaderBar = PHXHeaderBar;
71
71
  //# sourceMappingURL=HeaderBar.js.map
package/dist/cjs/components/Input/Input.js CHANGED
@@ -54,7 +54,7 @@ var PHXInput = function (_a) {
54
54
  SuffixIconComponent && (react_1["default"].createElement("div", { className: 'absolute inset-y-0 right-2.5 flex items-center text-gray-500' },
55
55
  react_1["default"].createElement(SuffixIconComponent, { className: 'h-4 w-4' }))),
56
56
  listOption && (react_1["default"].createElement("div", { className: 'absolute inset-y-0 right-0 flex items-center' },
57
- react_1["default"].createElement("select", tslib_1.__assign({ id: 'unit' }, registerSelect, { className: 'h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-500 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (react_1["default"].createElement(react_1["default"].Fragment, null,
57
+ react_1["default"].createElement("select", tslib_1.__assign({ id: 'unit' }, registerSelect, { className: 'h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-600 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (react_1["default"].createElement(react_1["default"].Fragment, null,
58
58
  react_1["default"].createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
59
59
  (buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) && (react_1["default"].createElement(Button_1.PHXButton, { onClick: buttonAction.onClick, secondary: true, size: 'micro' }, buttonAction.content))),
60
60
  helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
package/dist/cjs/components/MainWrapV3/MainWrapV3.js CHANGED
@@ -774,7 +774,7 @@ var PHXMainWrapV3 = function (_a) {
774
774
  ? 'rounded-lg bg-white'
775
775
  : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', 'mx-1 flex cursor-pointer border-slate-200 p-2'), onClick: function () { return subNavigationTriggerClicked(item); } }, !loadingMenu ? (react_2["default"].createElement("div", { className: 'ml-3 flex items-center text-[0.84rem]' },
776
776
  react_2["default"].createElement("div", { className: 'flex items-center gap-x-3 text-gray-700' },
777
- react_2["default"].createElement("p", { className: classNames('font-normal leading-5 text-gray-500') }, item === null || item === void 0 ? void 0 : item.name)),
777
+ react_2["default"].createElement("p", { className: classNames('font-normal leading-5 text-gray-600') }, item === null || item === void 0 ? void 0 : item.name)),
778
778
  react_2["default"].createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' }))),
779
779
  item.showChild && item.child && (react_2["default"].createElement(react_2["default"].Fragment, null, item.child.map(function (children, index) { return (react_2["default"].createElement("div", { key: index, className: classNames('relative', (children === null || children === void 0 ? void 0 : children.current) && 'child-menu-active', checkChildBefore(item.child, children) && 'child-menu-bef') },
780
780
  react_2["default"].createElement("div", { "aria-hidden": true, className: classNames('mx-1 flex cursor-pointer border-slate-200 p-2 text-[0.84rem]', (children === null || children === void 0 ? void 0 : children.current)
@@ -782,7 +782,7 @@ var PHXMainWrapV3 = function (_a) {
782
782
  : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-gray-900'), onClick: function () { return subNavigationTriggerClicked(children, item); } },
783
783
  react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
784
784
  react_2["default"].createElement("div", { className: 'w-3' }),
785
- react_2["default"].createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'font-normal text-gray-500') }, children.name))))); }))))))); }))))))))),
785
+ react_2["default"].createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'font-normal text-gray-600') }, children.name))))); }))))))); }))))))))),
786
786
  react_2["default"].createElement("div", { className: 'flex min-w-0 flex-1 flex-col overflow-hidden' },
787
787
  react_2["default"].createElement("main", { className: 'flex flex-1 overflow-hidden' },
788
788
  react_2["default"].createElement("section", { "aria-labelledby": 'primary-heading', className: 'flex h-full min-w-0 flex-1 flex-col lg:order-last' },
package/dist/cjs/components/MainWrapV3/navigator/nav-mobile-content.js CHANGED
@@ -37,7 +37,7 @@ function NavMobileContent(_a) {
37
37
  return (react_2["default"].createElement(react_2["default"].Fragment, null,
38
38
  menu ? (menu.map(function (item) { return (react_2["default"].createElement(react_2["default"].Fragment, null, enablePer(item === null || item === void 0 ? void 0 : item.code, permission) &&
39
39
  (!item.child ? (react_2["default"].createElement("div", { key: item.name },
40
- react_2["default"].createElement("a", { href: item.path, className: classNames(item.current ? 'font-semibold' : 'text-gray-500 ', 'group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md') }, item.name))) : (react_2["default"].createElement(react_1.Disclosure, { defaultOpen: item.current, as: 'div', key: item.name, className: 'space-y-1' }, function (_a) {
40
+ react_2["default"].createElement("a", { href: item.path, className: classNames(item.current ? 'font-semibold' : 'text-gray-600 ', 'group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md') }, item.name))) : (react_2["default"].createElement(react_1.Disclosure, { defaultOpen: item.current, as: 'div', key: item.name, className: 'space-y-1' }, function (_a) {
41
41
  var open = _a.open;
42
42
  return (react_2["default"].createElement(react_2["default"].Fragment, null,
43
43
  react_2["default"].createElement(react_1.Disclosure.Button, { className: classNames(item.current ? 'text-gray-600' : 'text-gray-600', 'group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500') },
@@ -50,16 +50,16 @@ function NavMobileContent(_a) {
50
50
  .find(function (child) { return child.path === '/campaign/list'; })
51
51
  .childrenByParentDetail.map(function (child, index) { return (react_2["default"].createElement(react_2["default"].Fragment, null, enablePer(child === null || child === void 0 ? void 0 : child.code, permission) && (react_2["default"].createElement("p", { "aria-hidden": true, onClick: function () { return closeSideBar(child, item); }, className: classNames('group flex w-full items-center rounded-md py-[5px] pl-11 pr-2 text-sm font-medium cursor-pointer', activeModule(child.path)
52
52
  ? 'font-semibold bg-white text-gray-900'
53
- : ' text-gray-500 hover:bg-gray-200'), key: index }, child.name)))); }))) : (react_2["default"].createElement(react_2["default"].Fragment, null, item.child.map(function (subItem, index) { return (react_2["default"].createElement(react_2["default"].Fragment, null,
53
+ : ' text-gray-600 hover:bg-gray-200'), key: index }, child.name)))); }))) : (react_2["default"].createElement(react_2["default"].Fragment, null, item.child.map(function (subItem, index) { return (react_2["default"].createElement(react_2["default"].Fragment, null,
54
54
  enablePer(subItem === null || subItem === void 0 ? void 0 : subItem.code, permission) && (react_2["default"].createElement("p", { "aria-hidden": true, onClick: function () { return closeSideBar(subItem, item); }, className: classNames('group flex w-full items-center rounded-md py-[5px] pl-11 pr-2 text-sm font-medium cursor-pointer', subItem.current
55
55
  ? 'font-semibold bg-white text-gray-900'
56
- : ' text-gray-500 hover:bg-gray-200 '), key: index }, subItem.name)),
56
+ : ' text-gray-600 hover:bg-gray-200 '), key: index }, subItem.name)),
57
57
  subItem.showChild && subItem.child && (react_2["default"].createElement(react_2["default"].Fragment, null, subItem.child.map(function (children) { return (react_2["default"].createElement("p", { "aria-hidden": true, key: children.name, className: classNames('group flex w-full items-center rounded-md py-[5px] pl-8 pr-2 text-sm font-medium cursor-pointer', (children === null || children === void 0 ? void 0 : children.current)
58
58
  ? 'rounded-lg bg-white text-gray-900'
59
59
  : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-gray-900'), onClick: function () { return closeSideBar(children, item); } },
60
60
  react_2["default"].createElement("div", { className: 'flex items-center gap-x-3' },
61
61
  react_2["default"].createElement("div", { className: 'w-3' }),
62
- react_2["default"].createElement("p", { className: classNames('ml-3 leading-5 my-[0.05rem]', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'text-gray-500 font-normal') }, children.name)))); }))))); })))))));
62
+ react_2["default"].createElement("p", { className: classNames('ml-3 leading-5 my-[0.05rem]', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'text-gray-600 font-normal') }, children.name)))); }))))); })))))));
63
63
  }))))); })) : (react_2["default"].createElement(react_2["default"].Fragment, null)),
64
64
  react_2["default"].createElement("div", { className: 'fixed bottom-0 transition-all overflow-hidden p-3 w-64' },
65
65
  react_2["default"].createElement("a", { href: '/setting', className: 'text-gray-700 font-medium' },
package/dist/cjs/components/Radio/Radio.js CHANGED
@@ -12,7 +12,7 @@ var PHXRadio = function (_a) {
12
12
  react_1["default"].createElement("label", { className: 'flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
13
13
  react_1["default"].createElement("input", tslib_1.__assign({}, register, rest, { disabled: disabled, defaultChecked: defaultChecked, className: (0, types_1.classNames)(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-900 focus:ring-indigo-900'), type: 'radio' })),
14
14
  react_1["default"].createElement("span", { className: (0, types_1.classNames)('ml-2', disabled && !defaultChecked && 'opacity-80') }, title))),
15
- react_1["default"].createElement("p", { className: (0, types_1.classNames)('text-xs font-normal text-gray-500 ml-6', disabled && !defaultChecked && 'opacity-80') }, description),
15
+ react_1["default"].createElement("p", { className: (0, types_1.classNames)('text-xs font-normal text-gray-600 ml-6', disabled && !defaultChecked && 'opacity-80') }, description),
16
16
  error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
17
17
  react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
18
18
  react_1["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
package/dist/cjs/components/TableV3/EmptySearchResult.js CHANGED
@@ -11,7 +11,7 @@ function EmptySearchResult(_a) {
11
11
  react_1["default"].createElement("svg", { className: 'mx-auto h-12 w-12 text-gray-500', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
12
12
  react_1["default"].createElement("path", { d: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })),
13
13
  react_1["default"].createElement("p", { className: 'text-sm font-medium text-gray-900' }, "Kh\u00F4ng c\u00F3 k\u1EBFt qu\u1EA3 t\u00ECm ki\u1EBFm"),
14
- react_1["default"].createElement("p", { className: 'text-sm text-gray-500' }, "H\u00E3y th\u1EED thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
14
+ react_1["default"].createElement("p", { className: 'text-sm text-gray-600' }, "H\u00E3y th\u1EED thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
15
15
  }
16
16
  exports["default"] = EmptySearchResult;
17
17
  //# sourceMappingURL=EmptySearchResult.js.map
package/dist/cjs/components/TableVertical/EmptySearchResult.js CHANGED
@@ -11,7 +11,7 @@ function EmptySearchResult(_a) {
11
11
  react_1["default"].createElement("svg", { className: 'mx-auto h-14 w-14 text-gray-400', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
12
12
  react_1["default"].createElement("path", { d: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })),
13
13
  react_1["default"].createElement("h3", { className: 'text-md mt-2 font-medium text-gray-900' }, "Kh\u00F4ng c\u00F3 d\u1EEF li\u1EC7u"),
14
- react_1["default"].createElement("p", { className: 'text-md mt-1 text-gray-500' }, "H\u00E3y th\u1EED thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
14
+ react_1["default"].createElement("p", { className: 'text-md mt-1 text-gray-600' }, "H\u00E3y th\u1EED thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
15
15
  }
16
16
  exports["default"] = EmptySearchResult;
17
17
  //# sourceMappingURL=EmptySearchResult.js.map
package/dist/cjs/components/UploadFile/UploadFile.js CHANGED
@@ -141,7 +141,7 @@ var PHXUploadFile = function (_a) {
141
141
  react_1["default"].createElement(outline_1.ExclamationTriangleIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-red-600' })),
142
142
  react_1["default"].createElement("div", { className: 'mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left' },
143
143
  react_1["default"].createElement("div", { className: 'mt-2' },
144
- react_1["default"].createElement("p", { className: 'text-xs text-gray-500' }, contentOfModal ? contentOfModal : 'Bạn không thể hoàn tác thao tác này.')))))));
144
+ react_1["default"].createElement("p", { className: 'text-xs text-gray-600' }, contentOfModal ? contentOfModal : 'Bạn không thể hoàn tác thao tác này.')))))));
145
145
  };
146
146
  exports.PHXUploadFile = PHXUploadFile;
147
147
  //# sourceMappingURL=UploadFile.js.map
package/dist/cjs/utils/notification.js CHANGED
@@ -24,7 +24,7 @@ function Notification(props) {
24
24
  react_2["default"].createElement("div", { className: 'flex-shrink-0' }, type === 'success' ? (react_2["default"].createElement(solid_1.CheckCircleIcon, { className: 'h-6 w-6 text-green-400', "aria-hidden": 'true' })) : type === 'error' ? (react_2["default"].createElement(solid_1.ExclamationCircleIcon, { className: 'h-6 w-6 text-red-400', "aria-hidden": 'true' })) : (react_2["default"].createElement(solid_1.ExclamationCircleIcon, { className: 'h-6 w-6 text-blue-400', "aria-hidden": 'true' }))),
25
25
  react_2["default"].createElement("div", { className: 'ml-3 w-0 flex-1 pt-0.5' },
26
26
  react_2["default"].createElement("p", { className: 'text-sm font-medium text-gray-900' }, title),
27
- react_2["default"].createElement("p", { className: 'mt-1 text-sm text-gray-500' }, description)),
27
+ react_2["default"].createElement("p", { className: 'mt-1 text-sm text-gray-600' }, description)),
28
28
  react_2["default"].createElement("div", { className: 'ml-4 flex flex-shrink-0' },
29
29
  react_2["default"].createElement("button", { type: 'button', className: 'inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2', onClick: handleClose },
30
30
  react_2["default"].createElement("span", { className: 'sr-only' }, "Close"),
package/dist/esm/components/ActivityHistory/ActivityHistory.js CHANGED
@@ -41,6 +41,6 @@ export default function PHXActivityHistory(_a) {
41
41
  React.createElement("div", { className: "w-1 h-1 absolute right-[0.4rem] -bottom-1 ".concat(bgColor) })),
42
42
  generateChildren(history)));
43
43
  }))));
44
- }))) : (React.createElement("p", { className: 'text-xs text-gray-500 font-normal mt-2' }, "Ch\u01B0a c\u00F3 l\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng."))))));
44
+ }))) : (React.createElement("p", { className: 'text-xs text-gray-600 font-normal mt-2' }, "Ch\u01B0a c\u00F3 l\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng."))))));
45
45
  }
46
46
  //# sourceMappingURL=ActivityHistory.js.map
package/dist/esm/components/Calendar/Calendar.js CHANGED
@@ -126,7 +126,7 @@ export var PHXCalendar = function (_a) {
126
126
  calIdx === 0 ? currentYear : currentMonth === 11 ? currentYear + 1 : currentYear),
127
127
  calIdx === 1 && (React.createElement("button", { className: 'absolute right-0 rounded-lg p-1 text-gray-500 hover:bg-gray-200', onClick: function () { return handleChangeMonth('next'); }, type: 'button' },
128
128
  React.createElement(ArrowRightIcon, { className: 'h-5 w-5' })))),
129
- React.createElement("div", { className: 'mb-4 grid grid-cols-7 gap-0 border-gray-200' }, weekdays.map(function (day, index) { return (React.createElement("div", { key: index, className: 'py-2 text-center text-xs font-medium text-gray-500' }, day)); })),
129
+ React.createElement("div", { className: 'mb-4 grid grid-cols-7 gap-0 border-gray-200' }, weekdays.map(function (day, index) { return (React.createElement("div", { key: index, className: 'py-2 text-center text-xs font-medium text-gray-600' }, day)); })),
130
130
  React.createElement("div", { className: 'grid grid-cols-7 gap-0' },
131
131
  Array.from({ length: ((_a = monthData[0]) === null || _a === void 0 ? void 0 : _a.dayOfWeek) || 0 }).map(function (_, index) { return (React.createElement("div", { key: "empty-".concat(index), className: 'py-2' }) // Ô trống trước ngày 1
132
132
  ); }),
package/dist/esm/components/DatePicker/components/Calendar.js CHANGED
@@ -105,7 +105,7 @@ export default function Calendar(_a) {
105
105
  React.createElement("button", { className: '-m-1.5 flex flex-none items-center justify-center rounded-lg p-1 text-gray-400 hover:bg-gray-200', onClick: function () { return handleChangeMonth('next'); }, type: 'button' },
106
106
  React.createElement("span", { className: 'sr-only' }, "Next month"),
107
107
  React.createElement(ArrowRightIcon, { "aria-hidden": 'true', className: 'h-5 w-5' }))),
108
- React.createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-500' },
108
+ React.createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-600' },
109
109
  React.createElement("div", { className: classNames(checkToday(1) && '!font-semibold !text-gray-900') }, "T2"),
110
110
  React.createElement("div", { className: classNames(checkToday(2) && '!font-semibold !text-gray-900') }, "T3"),
111
111
  React.createElement("div", { className: classNames(checkToday(3) && '!font-semibold !text-gray-900') }, "T4"),
package/dist/esm/components/DateRangePicker/components/Calendar.js CHANGED
@@ -295,7 +295,7 @@ export default function Calendar(_a) {
295
295
  React.createElement("span", { className: 'sr-only' }, "Next month"),
296
296
  React.createElement(ArrowRightIcon, { "aria-hidden": 'true', className: 'h-5 w-5' })))),
297
297
  React.createElement("div", { className: ' flex w-full ' }, [currentMonth + 1].map(function (month, idx) { return (React.createElement("div", { key: idx, className: "w-full text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 xl:col-start-9 ".concat(month === currentMonth + 1 ? 'mr-4' : '') },
298
- React.createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-500' }, dayOfWeek.map(function (item, index) { return (React.createElement("div", { key: index + 1, className: classNames(checkToday(index === 7 ? 0 : index + 1, month) && '!font-semibold !text-gray-900') }, item)); })),
298
+ React.createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-600' }, dayOfWeek.map(function (item, index) { return (React.createElement("div", { key: index + 1, className: classNames(checkToday(index === 7 ? 0 : index + 1, month) && '!font-semibold !text-gray-900') }, item)); })),
299
299
  React.createElement("div", { className: 'isolate mt-2 grid grid-cols-7 rounded-lg text-xs' }, calendar.map(function (day, index) {
300
300
  if (day.currentMonth === month) {
301
301
  var selectedDay = parse(day.date, 'dd-MM-yyyy', new Date());
@@ -342,7 +342,7 @@ export default function Calendar(_a) {
342
342
  React.createElement("span", { className: 'sr-only' }, "Next month"),
343
343
  React.createElement(ArrowRightIcon, { "aria-hidden": 'true', className: 'h-5 w-5' })))),
344
344
  React.createElement("div", { className: 'flex w-full ' }, [currentMonth + 1, currentMonth === 11 ? 1 : currentMonth + 2].map(function (month, idx) { return (React.createElement("div", { key: idx, className: "w-full text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 xl:col-start-9 ".concat(month === currentMonth + 1 ? 'mr-4' : '') },
345
- React.createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-500' }, dayOfWeek.map(function (item, index) { return (React.createElement("div", { key: index + 1, className: classNames(checkToday(index === 7 ? 0 : index + 1, month) && '!font-semibold !text-gray-900') }, item)); })),
345
+ React.createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-600' }, dayOfWeek.map(function (item, index) { return (React.createElement("div", { key: index + 1, className: classNames(checkToday(index === 7 ? 0 : index + 1, month) && '!font-semibold !text-gray-900') }, item)); })),
346
346
  React.createElement("div", { className: 'isolate mt-2 grid grid-cols-7 rounded-lg text-xs' }, calendar.map(function (day, index) {
347
347
  if (day.currentMonth === month) {
348
348
  var selectedDay = parse(day.date, 'dd-MM-yyyy', new Date());
package/dist/esm/components/EmptyRecord/EmptyRecord.js CHANGED
@@ -6,14 +6,14 @@ export function PHXEmptyRecord(_a) {
6
6
  type === 'default' && (React.createElement("div", { className: "bg-white sm:rounded-lg flex flex-col min-w-full py-2 pt-16 align-middle md:px-6 md:pr-0 lg:px-8 px-4 pb-14 text-center ".concat(border ? 'border shadow' : '') },
7
7
  React.createElement(EmptySvg, null),
8
8
  React.createElement("p", { className: ' font-medium text-lg text-gray-800 mt-4' }, "Tr\u1ED1ng"),
9
- React.createElement("span", { className: 'text-sm font-normal text-gray-500 mt-1' }, description))),
9
+ React.createElement("span", { className: 'text-sm font-normal text-gray-600 mt-1' }, description))),
10
10
  type === 'small' && (React.createElement("div", { className: "bg-white sm:rounded-lg flex flex-col min-w-full py-2 pb-10 pt-10 align-middle md:px-6 md:pr-0 lg:px-8 px-4 text-center ".concat(border ? 'border shadow' : '') },
11
11
  React.createElement(EmptySvg, null),
12
12
  React.createElement("p", { className: ' font-medium text-lg text-gray-800 ' }, "Tr\u1ED1ng"),
13
- React.createElement("span", { className: 'text-sm font-normal text-gray-500 mt-1' }, description))),
13
+ React.createElement("span", { className: 'text-sm font-normal text-gray-600 mt-1' }, description))),
14
14
  type === 'micro' && (React.createElement("div", { className: "bg-white sm:rounded-lg flex flex-col min-w-full py-2 pt-8 align-middle md:px-6 md:pr-0 lg:px-8 px-4 pb-5 text-center ".concat(border ? 'border shadow' : '') },
15
15
  React.createElement(EmptySvg, null),
16
16
  React.createElement("p", { className: ' font-medium text-lg text-gray-800' }, "Tr\u1ED1ng"),
17
- React.createElement("span", { className: 'text-sm font-normal text-gray-500 mt-1' }, description)))));
17
+ React.createElement("span", { className: 'text-sm font-normal text-gray-600 mt-1' }, description)))));
18
18
  }
19
19
  //# sourceMappingURL=EmptyRecord.js.map
package/dist/esm/components/FormTuitionV3/FormTuitionV3.js CHANGED
@@ -94,15 +94,15 @@ export var PHXFormTuitionV3 = function (_a) {
94
94
  React.createElement("table", { className: 'w-full table-fixed border-separate border-spacing-0\t divide-y divide-gray-300' },
95
95
  React.createElement("thead", null,
96
96
  React.createElement("tr", null,
97
- React.createElement("th", { className: 'sticky left-0 w-[210px] border-r bg-white px-3 py-2 pl-8 text-left align-top text-xs font-semibold text-gray-500 drop-shadow-md xl:drop-shadow-none', scope: 'col' }, "Chi ti\u1EBFt kho\u1EA3n ph\u00ED"), (_b = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _b === void 0 ? void 0 :
97
+ React.createElement("th", { className: 'sticky left-0 w-[210px] border-r bg-white px-3 py-2 pl-8 text-left align-top text-xs font-semibold text-gray-600 drop-shadow-md xl:drop-shadow-none', scope: 'col' }, "Chi ti\u1EBFt kho\u1EA3n ph\u00ED"), (_b = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _b === void 0 ? void 0 :
98
98
  _b.map(function (item, index) {
99
99
  var _a, _b;
100
- return (React.createElement("th", { key: index, className: 'w-[210px] border-r bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' },
100
+ return (React.createElement("th", { key: index, className: 'w-[210px] border-r bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-600', scope: 'col' },
101
101
  React.createElement("p", { className: 'flex text-center' },
102
102
  isProcessByMonth ? (_a = item.school_month) === null || _a === void 0 ? void 0 : _a.name : (_b = item.school_term) === null || _b === void 0 ? void 0 : _b.name,
103
103
  generateIconLock(item.is_locked))));
104
104
  }),
105
- React.createElement("th", { className: 'w-[210px] bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' },
105
+ React.createElement("th", { className: 'w-[210px] bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-600', scope: 'col' },
106
106
  React.createElement("p", { className: 'flex text-center' },
107
107
  "C\u1EA3 n\u0103m",
108
108
  generateIconLock(getIsLockedYear(isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)))))),
package/dist/esm/components/FormWrap/FormWrap.js CHANGED
@@ -60,7 +60,7 @@ export var PHXFormWrap = function (_a) {
60
60
  React.createElement(ExclamationTriangleIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-red-600' })),
61
61
  React.createElement("div", { className: 'mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left' },
62
62
  React.createElement("div", { className: 'mt-2' },
63
- React.createElement("p", { className: 'text-xs text-gray-500' }, contentOfModal
63
+ React.createElement("p", { className: 'text-xs text-gray-600' }, contentOfModal
64
64
  ? contentOfModal
65
65
  : "B\u1EA1n c\u00F3 ch\u1EAFc ch\u1EAFn mu\u1ED1n x\u00F3a b\u1EA3n ghi ".concat(nameOfModal, "? Thao t\u00E1c n\u00E0y kh\u00F4ng th\u1EC3 ho\u00E0n t\u00E1c.")))))))),
66
66
  secondaryLeftButton && (React.createElement("div", { className: 'flex justify-end gap-x-3' }, secondaryLeftButtonSubmit ? (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmitSecondaryLeftButton, primary: true }, secondaryLeftTextButton)) : (React.createElement(PHXButton, { danger: true, size: 'small', onClick: onDeletedSecondaryLeftButton }, secondaryLeftTextButton)))),
package/dist/esm/components/FormWrap/ModalImport.js CHANGED
@@ -24,7 +24,7 @@ export default function ImportModal(_a) {
24
24
  React.createElement("div", { className: 'border-b border-gray-200 bg-white px-4 py-5 sm:px-6 -ml-6 -mt-6 -mr-6' },
25
25
  React.createElement("h3", { className: 'text-lg font-medium leading-6 text-gray-900' }, "T\u1EA3i l\u00EAn d\u1EEF li\u1EC7u")),
26
26
  React.createElement("div", { className: 'mt-2' },
27
- React.createElement("p", { className: 'text-sm text-gray-500' }, "H\u00E3y ki\u1EC3m tra d\u1EEF li\u1EC7u tr\u01B0\u1EDBc khi t\u1EA3i l\u00EAn")),
27
+ React.createElement("p", { className: 'text-sm text-gray-600' }, "H\u00E3y ki\u1EC3m tra d\u1EEF li\u1EC7u tr\u01B0\u1EDBc khi t\u1EA3i l\u00EAn")),
28
28
  React.createElement("div", { className: 'mt-5' },
29
29
  React.createElement("div", { className: 'hidden' },
30
30
  React.createElement("input", { type: 'file', ref: inputFileRef, onChangeCapture: onFileChangeCapture })),
package/dist/esm/components/GridLayout/GridLayout.js CHANGED
@@ -7,7 +7,7 @@ export var PHXGridLayout = function (_a) {
7
7
  React.createElement("div", { className: 'grid sm:grid-cols-2 md:grid-cols-3', style: width < 1024
8
8
  ? { gap: "".concat(4 * gap, "px") }
9
9
  : { gridTemplateColumns: "repeat(".concat(col, ", minmax(0, 1fr))"), gap: "".concat(4 * gap, "px") } }, isCustomComponent ? (React.createElement(React.Fragment, null, children)) : (React.createElement(React.Fragment, null, data.map(function (item, index) { return (React.createElement("div", { key: index + 1, className: 'flex flex-col gap-y-1' },
10
- React.createElement("div", { className: 'text-xs leading-5 text-gray-500' }, item.title),
10
+ React.createElement("div", { className: 'text-xs leading-5 text-gray-600' }, item.title),
11
11
  React.createElement("div", { className: 'text-xs leading-normal text-gray-900 font-semibold' }, item.content))); }))))));
12
12
  };
13
13
  //# sourceMappingURL=GridLayout.js.map
package/dist/esm/components/HeaderBar/HeaderBar.js CHANGED
@@ -61,6 +61,6 @@ export var PHXHeaderBar = function (_a) {
61
61
  return (React.createElement("p", { className: classNames(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleUpload }, uploadText));
62
62
  }))))),
63
63
  React.createElement(PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading || disableAddNew, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText))),
64
- subTitle && React.createElement("p", { className: "".concat(isCancel && 'ml-11', " mt-[2px] text-[12px] text-gray-500") }, subTitle)));
64
+ subTitle && React.createElement("p", { className: "".concat(isCancel && 'ml-11', " mt-[2px] text-[12px] text-gray-600") }, subTitle)));
65
65
  };
66
66
  //# sourceMappingURL=HeaderBar.js.map
package/dist/esm/components/Input/Input.js CHANGED
@@ -51,7 +51,7 @@ export var PHXInput = function (_a) {
51
51
  SuffixIconComponent && (React.createElement("div", { className: 'absolute inset-y-0 right-2.5 flex items-center text-gray-500' },
52
52
  React.createElement(SuffixIconComponent, { className: 'h-4 w-4' }))),
53
53
  listOption && (React.createElement("div", { className: 'absolute inset-y-0 right-0 flex items-center' },
54
- React.createElement("select", __assign({ id: 'unit' }, registerSelect, { className: 'h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-500 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (React.createElement(React.Fragment, null,
54
+ React.createElement("select", __assign({ id: 'unit' }, registerSelect, { className: 'h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-600 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (React.createElement(React.Fragment, null,
55
55
  React.createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
56
56
  (buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) && (React.createElement(PHXButton, { onClick: buttonAction.onClick, secondary: true, size: 'micro' }, buttonAction.content))),
57
57
  helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
package/dist/esm/components/MainWrapV3/MainWrapV3.js CHANGED
@@ -771,7 +771,7 @@ export var PHXMainWrapV3 = function (_a) {
771
771
  ? 'rounded-lg bg-white'
772
772
  : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50', 'mx-1 flex cursor-pointer border-slate-200 p-2'), onClick: function () { return subNavigationTriggerClicked(item); } }, !loadingMenu ? (React.createElement("div", { className: 'ml-3 flex items-center text-[0.84rem]' },
773
773
  React.createElement("div", { className: 'flex items-center gap-x-3 text-gray-700' },
774
- React.createElement("p", { className: classNames('font-normal leading-5 text-gray-500') }, item === null || item === void 0 ? void 0 : item.name)),
774
+ React.createElement("p", { className: classNames('font-normal leading-5 text-gray-600') }, item === null || item === void 0 ? void 0 : item.name)),
775
775
  React.createElement("p", { className: 'mt-1 text-slate-500' }, item === null || item === void 0 ? void 0 : item.description))) : (React.createElement(PHXSkeleton, { className: 'mr-3 flex-1', type: 'single' }))),
776
776
  item.showChild && item.child && (React.createElement(React.Fragment, null, item.child.map(function (children, index) { return (React.createElement("div", { key: index, className: classNames('relative', (children === null || children === void 0 ? void 0 : children.current) && 'child-menu-active', checkChildBefore(item.child, children) && 'child-menu-bef') },
777
777
  React.createElement("div", { "aria-hidden": true, className: classNames('mx-1 flex cursor-pointer border-slate-200 p-2 text-[0.84rem]', (children === null || children === void 0 ? void 0 : children.current)
@@ -779,7 +779,7 @@ export var PHXMainWrapV3 = function (_a) {
779
779
  : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-gray-900'), onClick: function () { return subNavigationTriggerClicked(children, item); } },
780
780
  React.createElement("div", { className: 'flex items-center gap-x-3' },
781
781
  React.createElement("div", { className: 'w-3' }),
782
- React.createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'font-normal text-gray-500') }, children.name))))); }))))))); }))))))))),
782
+ React.createElement("p", { className: classNames('my-[0.05rem] ml-3 leading-5', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'font-normal text-gray-600') }, children.name))))); }))))))); }))))))))),
783
783
  React.createElement("div", { className: 'flex min-w-0 flex-1 flex-col overflow-hidden' },
784
784
  React.createElement("main", { className: 'flex flex-1 overflow-hidden' },
785
785
  React.createElement("section", { "aria-labelledby": 'primary-heading', className: 'flex h-full min-w-0 flex-1 flex-col lg:order-last' },
package/dist/esm/components/MainWrapV3/navigator/nav-mobile-content.js CHANGED
@@ -34,7 +34,7 @@ export default function NavMobileContent(_a) {
34
34
  return (React.createElement(React.Fragment, null,
35
35
  menu ? (menu.map(function (item) { return (React.createElement(React.Fragment, null, enablePer(item === null || item === void 0 ? void 0 : item.code, permission) &&
36
36
  (!item.child ? (React.createElement("div", { key: item.name },
37
- React.createElement("a", { href: item.path, className: classNames(item.current ? 'font-semibold' : 'text-gray-500 ', 'group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md') }, item.name))) : (React.createElement(Disclosure, { defaultOpen: item.current, as: 'div', key: item.name, className: 'space-y-1' }, function (_a) {
37
+ React.createElement("a", { href: item.path, className: classNames(item.current ? 'font-semibold' : 'text-gray-600 ', 'group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md') }, item.name))) : (React.createElement(Disclosure, { defaultOpen: item.current, as: 'div', key: item.name, className: 'space-y-1' }, function (_a) {
38
38
  var open = _a.open;
39
39
  return (React.createElement(React.Fragment, null,
40
40
  React.createElement(Disclosure.Button, { className: classNames(item.current ? 'text-gray-600' : 'text-gray-600', 'group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500') },
@@ -47,16 +47,16 @@ export default function NavMobileContent(_a) {
47
47
  .find(function (child) { return child.path === '/campaign/list'; })
48
48
  .childrenByParentDetail.map(function (child, index) { return (React.createElement(React.Fragment, null, enablePer(child === null || child === void 0 ? void 0 : child.code, permission) && (React.createElement("p", { "aria-hidden": true, onClick: function () { return closeSideBar(child, item); }, className: classNames('group flex w-full items-center rounded-md py-[5px] pl-11 pr-2 text-sm font-medium cursor-pointer', activeModule(child.path)
49
49
  ? 'font-semibold bg-white text-gray-900'
50
- : ' text-gray-500 hover:bg-gray-200'), key: index }, child.name)))); }))) : (React.createElement(React.Fragment, null, item.child.map(function (subItem, index) { return (React.createElement(React.Fragment, null,
50
+ : ' text-gray-600 hover:bg-gray-200'), key: index }, child.name)))); }))) : (React.createElement(React.Fragment, null, item.child.map(function (subItem, index) { return (React.createElement(React.Fragment, null,
51
51
  enablePer(subItem === null || subItem === void 0 ? void 0 : subItem.code, permission) && (React.createElement("p", { "aria-hidden": true, onClick: function () { return closeSideBar(subItem, item); }, className: classNames('group flex w-full items-center rounded-md py-[5px] pl-11 pr-2 text-sm font-medium cursor-pointer', subItem.current
52
52
  ? 'font-semibold bg-white text-gray-900'
53
- : ' text-gray-500 hover:bg-gray-200 '), key: index }, subItem.name)),
53
+ : ' text-gray-600 hover:bg-gray-200 '), key: index }, subItem.name)),
54
54
  subItem.showChild && subItem.child && (React.createElement(React.Fragment, null, subItem.child.map(function (children) { return (React.createElement("p", { "aria-hidden": true, key: children.name, className: classNames('group flex w-full items-center rounded-md py-[5px] pl-8 pr-2 text-sm font-medium cursor-pointer', (children === null || children === void 0 ? void 0 : children.current)
55
55
  ? 'rounded-lg bg-white text-gray-900'
56
56
  : 'hover:rounded-lg hover:bg-white hover:bg-opacity-50 hover:text-gray-900'), onClick: function () { return closeSideBar(children, item); } },
57
57
  React.createElement("div", { className: 'flex items-center gap-x-3' },
58
58
  React.createElement("div", { className: 'w-3' }),
59
- React.createElement("p", { className: classNames('ml-3 leading-5 my-[0.05rem]', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'text-gray-500 font-normal') }, children.name)))); }))))); })))))));
59
+ React.createElement("p", { className: classNames('ml-3 leading-5 my-[0.05rem]', (children === null || children === void 0 ? void 0 : children.current) ? 'font-semibold' : 'text-gray-600 font-normal') }, children.name)))); }))))); })))))));
60
60
  }))))); })) : (React.createElement(React.Fragment, null)),
61
61
  React.createElement("div", { className: 'fixed bottom-0 transition-all overflow-hidden p-3 w-64' },
62
62
  React.createElement("a", { href: '/setting', className: 'text-gray-700 font-medium' },
package/dist/esm/components/Radio/Radio.js CHANGED
@@ -9,7 +9,7 @@ export var PHXRadio = function (_a) {
9
9
  React.createElement("label", { className: 'flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
10
10
  React.createElement("input", __assign({}, register, rest, { disabled: disabled, defaultChecked: defaultChecked, className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-900 focus:ring-indigo-900'), type: 'radio' })),
11
11
  React.createElement("span", { className: classNames('ml-2', disabled && !defaultChecked && 'opacity-80') }, title))),
12
- React.createElement("p", { className: classNames('text-xs font-normal text-gray-500 ml-6', disabled && !defaultChecked && 'opacity-80') }, description),
12
+ React.createElement("p", { className: classNames('text-xs font-normal text-gray-600 ml-6', disabled && !defaultChecked && 'opacity-80') }, description),
13
13
  error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
14
14
  React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
15
15
  React.createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
package/dist/esm/components/TableV3/EmptySearchResult.js CHANGED
@@ -8,6 +8,6 @@ export default function EmptySearchResult(_a) {
8
8
  React.createElement("svg", { className: 'mx-auto h-12 w-12 text-gray-500', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
9
9
  React.createElement("path", { d: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })),
10
10
  React.createElement("p", { className: 'text-sm font-medium text-gray-900' }, "Kh\u00F4ng c\u00F3 k\u1EBFt qu\u1EA3 t\u00ECm ki\u1EBFm"),
11
- React.createElement("p", { className: 'text-sm text-gray-500' }, "H\u00E3y th\u1EED thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
11
+ React.createElement("p", { className: 'text-sm text-gray-600' }, "H\u00E3y th\u1EED thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
12
12
  }
13
13
  //# sourceMappingURL=EmptySearchResult.js.map
package/dist/esm/components/TableVertical/EmptySearchResult.js CHANGED
@@ -8,6 +8,6 @@ export default function EmptySearchResult(_a) {
8
8
  React.createElement("svg", { className: 'mx-auto h-14 w-14 text-gray-400', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
9
9
  React.createElement("path", { d: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })),
10
10
  React.createElement("h3", { className: 'text-md mt-2 font-medium text-gray-900' }, "Kh\u00F4ng c\u00F3 d\u1EEF li\u1EC7u"),
11
- React.createElement("p", { className: 'text-md mt-1 text-gray-500' }, "H\u00E3y th\u1EED thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
11
+ React.createElement("p", { className: 'text-md mt-1 text-gray-600' }, "H\u00E3y th\u1EED thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
12
12
  }
13
13
  //# sourceMappingURL=EmptySearchResult.js.map
package/dist/esm/components/UploadFile/UploadFile.js CHANGED
@@ -138,6 +138,6 @@ export var PHXUploadFile = function (_a) {
138
138
  React.createElement(ExclamationTriangleIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-red-600' })),
139
139
  React.createElement("div", { className: 'mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left' },
140
140
  React.createElement("div", { className: 'mt-2' },
141
- React.createElement("p", { className: 'text-xs text-gray-500' }, contentOfModal ? contentOfModal : 'Bạn không thể hoàn tác thao tác này.')))))));
141
+ React.createElement("p", { className: 'text-xs text-gray-600' }, contentOfModal ? contentOfModal : 'Bạn không thể hoàn tác thao tác này.')))))));
142
142
  };
143
143
  //# sourceMappingURL=UploadFile.js.map
package/dist/esm/utils/notification.js CHANGED
@@ -21,7 +21,7 @@ function Notification(props) {
21
21
  React.createElement("div", { className: 'flex-shrink-0' }, type === 'success' ? (React.createElement(CheckCircleIcon, { className: 'h-6 w-6 text-green-400', "aria-hidden": 'true' })) : type === 'error' ? (React.createElement(ExclamationCircleIcon, { className: 'h-6 w-6 text-red-400', "aria-hidden": 'true' })) : (React.createElement(ExclamationCircleIcon, { className: 'h-6 w-6 text-blue-400', "aria-hidden": 'true' }))),
22
22
  React.createElement("div", { className: 'ml-3 w-0 flex-1 pt-0.5' },
23
23
  React.createElement("p", { className: 'text-sm font-medium text-gray-900' }, title),
24
- React.createElement("p", { className: 'mt-1 text-sm text-gray-500' }, description)),
24
+ React.createElement("p", { className: 'mt-1 text-sm text-gray-600' }, description)),
25
25
  React.createElement("div", { className: 'ml-4 flex flex-shrink-0' },
26
26
  React.createElement("button", { type: 'button', className: 'inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2', onClick: handleClose },
27
27
  React.createElement("span", { className: 'sr-only' }, "Close"),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "phx-react",
3
- "version": "1.3.887",
3
+ "version": "1.3.888",
4
4
  "description": "PHX REACT",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",