imbric-theme 0.7.3 → 0.7.4

package/molecules/DynamicSelect/DynamicSelect.js

@@ -78,12 +78,12 @@ export const DynamicSelect = ({
       whiteSpace: "nowrap",
       overflow: "hidden",
       // display: "inline-grid"
-      maxHeight: "38px",
+      // maxHeight: "38px",
     }),
 
     container: (base) => ({
       ...base,
-      width: "max-content",
+      // width: "max-content",
       minWidth: "100%",
     }),
 

package/molecules/RowTable/RowTable.js

@@ -103,7 +103,7 @@ export const RowTable = ({
     <tbody>
       {slice.map((item, index) => (
 
-        <tr style={{ background: item.colorRow }} className={getStyles({ 'tr-content': isClickRow })} onClick={(e) => { onClickRow(e, item) }} key={index}>
+        <tr style={{ background: item.colorRow }} className={getStyles({ 'tr-content': isClickRow }, 'tr')} onClick={(e) => { onClickRow(e, item) }} key={index}>
 
           {columnsData.map((itemTd, indexTd) => (
             itemTd.activeView ?

package/molecules/RowTable/RowTable.module.css

@@ -4,6 +4,11 @@
 
 }
 
+.tr {
+  /* border: 1px solid rgba(0, 0, 0, 0.1); */
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
 .tbl-content {
   height: max-content;
   overflow-x: auto;
@@ -18,7 +23,7 @@
   font-weight: 300;
   font-size: 12px;
   color: var(--color-font-base);
-  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+  /* border-bottom: solid 1px rgba(0, 0, 0, 0.1); */
   overflow: hidden;
   text-overflow: ellipsis;
   /* white-space: nowrap; */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imbric-theme",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "description": "Components library IMBRIC",
   "private": false,
   "main": "index.js",