@tech-diefra/fluig-ui 1.2.2 → 1.2.4

package/dist/style.css

@@ -1191,29 +1191,29 @@ h2.react-datepicker__current-month {
 .status-badge.default {
   --badgeMainColor: #555;
 }
-.header-actions {
+.table-wrapper .header-actions {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   margin-bottom: 16px;
 }
-.header-actions > h3 {
+.table-wrapper .header-actions > h3 {
   margin: 0 !important;
   font-weight: 600;
   color: #58595b;
 }
-.header-actions > div {
+.table-wrapper .header-actions > div {
   display: flex;
   gap: 8px;
 }
-.header-handle {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 16px;
+.table-wrapper .header-handle {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: space-between !important;
+  margin-bottom: 16px !important;
 }
-.handle-actions {
+.table-wrapper .handle-actions {
   display: flex;
   align-items: center;
   gap: 16px;
@@ -1221,28 +1221,27 @@ h2.react-datepicker__current-month {
 .table-wrapper {
   width: 100%;
   margin-bottom: 20px;
-  border-bottom: 1px solid rgb(228, 228, 228);
 }
 .table-wrapper h3 {
   margin: 0 !important;
 }
-.table-fixed .table-scroll {
+.table-wrapper .table-fixed .table-scroll {
   overflow-x: auto;
 }
-.table-fluid .table-scroll {
+.table-wrapper .table-fluid .table-scroll {
   overflow-x: hidden;
 }
-.table-scroll {
+.table-wrapper .table-scroll {
   position: relative;
   overflow-y: auto;
   min-height: 400px;
   max-height: 400px;
 }
-.table-fixed th,
-.table-fixed td {
+.table-wrapper .table-fixed th,
+.table-wrapper .table-fixed td {
   white-space: nowrap;
 }
-.table-custom {
+.table-wrapper .table-custom {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
@@ -1251,7 +1250,7 @@ h2.react-datepicker__current-month {
   overflow: hidden;
   background-color: #fff;
 }
-.btn-add {
+.table-wrapper .btn-add {
   background-color: var(--colorPrimary, #00916d);
   border: none;
   color: #fff !important;
@@ -1261,13 +1260,13 @@ h2.react-datepicker__current-month {
   cursor: pointer;
   transition: opacity 0.2s;
 }
-.btn-add:hover {
+.table-wrapper .btn-add:hover {
   opacity: 0.9;
 }
-.table-custom thead {
+.table-wrapper .table-custom thead {
   background-color: #ebebeb;
 }
-.table-custom thead tr th {
+.table-wrapper .table-custom thead tr th {
   position: sticky;
   top: 0;
   z-index: 2;
@@ -1278,39 +1277,39 @@ h2.react-datepicker__current-month {
   font-weight: 700;
   color: #696969;
 }
-.table-custom thead tr th:first-child {
+.table-wrapper .table-custom thead tr th:first-child {
   border-left: none;
 }
-.table-custom tbody tr td {
+.table-wrapper .table-custom tbody tr td {
   border-left: 1px solid #e1e1e1;
   padding: 12px 16px;
   vertical-align: middle;
 }
-.table-custom tbody tr td:first-child {
+.table-wrapper .table-custom tbody tr td:first-child {
   border-left: none;
 }
-.table-custom tbody tr:nth-child(2n) {
+.table-wrapper .table-custom tbody tr:nth-child(2n) {
   background-color: #f9f9f9;
 }
-.table-custom tbody tr:hover {
+.table-wrapper .table-custom tbody tr:hover {
   background-color: #f0f0f0;
 }
-.table-custom th,
-.table-custom td {
+.table-wrapper .table-custom th,
+.table-wrapper .table-custom td {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.table-custom td {
+.table-wrapper .table-custom td {
   flex-wrap: nowrap;
 }
-.table-custom .form-control {
+.table-wrapper .table-custom .form-control {
   margin-bottom: 0 !important;
   height: 34px;
 }
-.text-center {
+.table-wrapper .text-center {
   text-align: center;
 }
-.table-custom tbody tr.empty-row td {
+.table-wrapper .table-custom tbody tr.empty-row td {
   height: 400px;
   vertical-align: middle;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tech-diefra/fluig-ui",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -25,7 +25,7 @@
     "@fluig-kit/core": "^1.0.5",
     "@fluig-kit/ecm": "^1.0.10",
     "date-fns": "^2.0.0 || ^3.0.0 || ^4.0.0",
-    "react": "^19.2.3",
+    "react": "^18.0.0 || ^19.0.0",
     "react-datepicker": "^4.0.0 || ^6.0.0 || ^7.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-hook-form": "^7.0.0",