@bjsdistribution/dms-client-return 0.1.81-prod → 0.1.82-prod

package/dist/components/order-daily-overview/table/table-data/styles.js

@@ -1,21 +1,22 @@
-import r from "styled-components";
-const d = r.div`
+import e from "styled-components";
+const r = e.div`
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: center;
   gap: 7px;
-`, n = r.div`
+`, i = e.div`
   display: flex;
-  padding: 3px 12px;
+  padding: 2px 8px;
   align-items: flex-start;
-  gap: 24px;
+  gap: 12px;
   border-radius: 6px;
   background: rgba(153, 153, 153, 0.1);
-`, a = r.div`
+`, o = e.div`
   overflow-x: auto;
-  max-height: calc(100vh - 396px);
-  /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */
+  max-height: calc(100vh - 360px);
+  // padding-top: 10px;
+  background: #fff;
   &::-webkit-scrollbar {
     width: 5px;
     border-radius: 100px;
@@ -35,41 +36,28 @@ const d = r.div`
   &::-webkit-scrollbar-thumb:hover {
     background: #7b61ff;
   }
-`, p = r.table`
-  border-spacing: 0 10px;
+`, d = e.table`
+  border-spacing: 0 4px;
   width: 100%;
   table-layout: fixed;
-  /* min-width: 1600px; */
+
   thead {
     position: sticky;
-    top: 10px;
-    z-index: 1;
+    top: 0;
+    z-index: 10;
     background: #fff;
     box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;
     tr {
       border-radius: 40px;
-      border-spacing: 0 10px;
+      border-spacing: 0 4px;
       font-family: 'lato', sans-serif;
-      .emailInvoiceCheckbox {
-        padding-right: 0px;
-        width: 0;
-        > div {
-          width: fit-content;
-        }
-      }
-      .emailInvoiceNo {
-        padding-left: 12px;
-      }
-      .emailInvoiceShare {
-        width: 100px;
-      }
       th {
         color: #3a3630;
-        font-size: 14px;
+        font-size: 13px;
         font-style: normal;
         font-weight: 600;
         line-height: normal;
-        padding: 11px 15px;
+        padding: 6px 8px;
         background: #f0f2f2;
         border-right: none;
         border-left: none;
@@ -93,40 +81,16 @@ const d = r.div`
     tr {
       td {
         color: #3a3630;
-        font-size: 13px;
+        font-size: 12px;
         font-style: normal;
         font-weight: 400;
         line-height: normal;
-        padding: 12px 15px;
+        padding: 5px 8px;
         background: #fff;
         border: 1px solid rgba(0, 0, 0, 0.08);
         border-right: none;
         border-left: none;
         word-break: break-word;
-
-        .shareIconContainer {
-          display: flex;
-          width: 24px;
-          height: 24px;
-          flex-direction: column;
-          justify-content: center;
-          align-items: center;
-          gap: 10px;
-          flex-shrink: 0;
-          border-radius: 15px;
-          background: #edebe8;
-          cursor: pointer;
-        }
-        .statuscontainer {
-          display: flex;
-          padding: 6px 10px;
-          justify-content: center;
-          align-items: center;
-          gap: 5px;
-          flex: 1 0 0;
-          border-radius: 22px;
-          background: rgba(41, 204, 106, 0.15);
-        }
       }
       &:nth-child(even) td {
         background: #f6fbff;
@@ -139,96 +103,10 @@ const d = r.div`
         border-radius: 0px 100px 100px 0;
         border-right: 1px solid rgba(0, 0, 0, 0.08);
       }
-      .flex {
-        display: flex;
-        flex-direction: row;
-        gap: 5px;
-        height: 29px;
-        align-items: center;
-      }
-
-      &.insideTable {
-        td {
-          border-radius: 0;
-          border: none;
-          &:last-child {
-            border-radius: 0;
-            border-right: none;
-          }
-        }
-        table {
-          border-spacing: 0;
-          width: 100%;
-          border-radius: 5px;
-          border: 1px solid rgba(0, 0, 0, 0.08);
-          overflow: hidden;
-          border-top-left-radius: 15px;
-          border-top-right-radius: 15px;
-          thead {
-            tr {
-              border-bottom: none;
-              th {
-                padding: 14px 20px;
-                text-align: left;
-                border-top: 0;
-                border-right: 0;
-                border-left: 0;
-                background: #f8fafc;
-
-                &:first-child {
-                  border-radius: 0;
-                  border-left: 1px solid rgba(0, 0, 0, 0.08);
-                  border-top-left-radius: 15px;
-                }
-                &:last-child {
-                  border-radius: 0;
-                }
-              }
-            }
-          }
-          tbody {
-            tr {
-              td {
-                padding: 14px 20px;
-                text-align: left;
-                border-bottom: 1px solid rgba(58, 54, 48, 0.15);
-                background: #fff;
-                > svg {
-                  transform: scale(1.5);
-                  background-color: #edebe8;
-                  border-radius: 20px;
-                  padding: 5px;
-                }
-                &:last-child {
-                  border-radius: 0;
-                  border-right: none;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  .actions {
-    display: flex;
-    align-items: center;
-    gap: 20px;
-    > svg {
-      transform: scale(1.5);
-      background-color: #edebe8;
-      border-radius: 20px;
-      padding: 5px;
-    }
-
-    .close-icon {
-      transform: scale(1.3);
-      background-color: transparent;
-      border-radius: 0;
-      padding: 0;
     }
   }
-`, e = r.th`
+`;
+e.th`
   color: #3a3630;
   font-size: 14px;
   font-style: normal;
@@ -240,7 +118,8 @@ const d = r.div`
   border-right: none;
   border-left: none;
   text-align: left;
-`, o = r.td`
+`;
+e.td`
   color: #3a3630;
   font-size: 13px;
   font-style: normal;
@@ -252,7 +131,7 @@ const d = r.div`
   border-right: none;
   border-left: none;
 `;
-r.div`
+e.div`
   display: flex;
   gap: 8px;
   align-items: center;
@@ -269,7 +148,7 @@ r.div`
     }
   }
 `;
-r.div`
+e.div`
   border-radius: 30px;
   border: 1px solid #edefef;
   background: #f6fbff;
@@ -279,30 +158,30 @@ r.div`
   align-items: center;
   justify-content: center;
 `;
-r.div`
+e.div`
   font-weight: 600;
   color: #09f;
   margin-bottom: 6px;
 `;
-r.div`
+e.div`
   display: flex;
   gap: 4px;
   /* align-items: center; */
 `;
-r.div`
+e.div`
   color: #29cc6a;
   font-size: 13px;
   font-weight: 600;
   line-height: 24px;
 `;
-r.div``;
-r.div`
+e.div``;
+e.div`
   font-size: 10px;
   font-style: normal;
   font-weight: 700;
   line-height: 16px;
 `;
-r.div`
+e.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -316,241 +195,119 @@ r.div`
     }
   }
 `;
-r.div`
+e.div`
   transform: scale(0.5);
 `;
-r.div`
-  border-radius: 20px;
-  border: 1px solid #e2e0db;
+e.div`
   background: #fff;
+  border-radius: 12px;
+  padding: 10px;
+  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
+`;
+e.div`
   display: flex;
-  padding: 4px 8px;
+  align-items: flex-start;
+  flex-direction: column;
   gap: 8px;
-  align-items: center;
-  cursor: pointer;
-  &.active .drop {
-    transform: rotate(180deg);
+  button {
+    font-size: 13px;
+  }
+  .input {
+    border-radius: 20px;
+    border: 1px solid #d0d5dd;
+    input {
+      font-size: 13px;
+    }
   }
 `;
-r.div`
-  position: relative;
+e.div`
+  color: #6a7378;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
 `;
-r.div`
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  svg {
-    cursor: pointer;
+e.div`
+  .ant-picker {
+    border-radius: 20px;
+  }
+  input {
+    font-size: 13px;
   }
 `;
-r.div`
-  border-radius: 15px;
-  border: 1px solid #e3e3e3;
+e.div`
+  border-radius: 30px;
+  border: 1px solid #edebe8;
   background: #fff;
-  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
-  padding-bottom: 10px;
-`;
-r.div`
-  border-bottom: 1px solid #e3e3e3;
-  background: #f8fafc;
-  display: flex;
-  padding: 10px 15px;
   display: flex;
-  justify-content: space-between;
+  padding: 5px 6px;
+  justify-content: center;
   align-items: center;
-  border-radius: 15px 15px 0 0;
-`;
-r.div`
-  /* padding-left: 45px; */
-  position: relative;
-  padding-right: 15px;
-`;
-r(e)`
-  background: none;
-  padding: 0px;
-  border-radius: 0 !important;
-  border: none;
-  padding: 14px 20px;
-  border-radius: 15px 0px 0px 0px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+  gap: 8px;
+  cursor: pointer;
 
-  background: #f8fafc;
-`;
-r(o)`
-  background: none;
-  border: none;
-  padding: 0;
-  td td {
-    padding: 0 10px;
-    min-width: 140px;
-    max-width: 140px;
-    &:nth-child(3) {
-      min-width: 210px;
-      max-width: 210px;
+  &.active {
+    background: #313130;
+    & > div {
+      color: #fff;
     }
   }
 `;
-r.div`
-  border-radius: 100px;
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  background: #faf9f9;
-  padding: 6px 8px;
-  color: #888075;
-  font-size: 12px;
+e.div`
+  display: flex;
+  width: 24px;
+  height: 24px;
+  justify-content: center;
+  align-items: center;
+  border-radius: 20px;
+  border: 1px solid #e2e0db;
+  background: #edebe8;
+`;
+e.div`
+  color: #6a7378;
+  font-size: 13px;
+  font-style: normal;
   font-weight: 400;
   line-height: 16px;
-  display: inline-block;
-`;
-r.div`
-  color: #fc7743;
+  white-space: nowrap;
 `;
-r.div`
-  border-radius: 20px;
-  border: 1px solid rgba(233, 82, 82, 0.5);
-  background: rgba(233, 82, 82, 0.15);
-  padding: 2px 8px;
+e.div`
+  border-radius: 30px;
+  border: 1px solid #edebe8;
+  background: #fff;
   display: flex;
+  padding: 5px 6px;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
   cursor: pointer;
-  max-width: 70px;
-
-  &.active .coverArrow {
-    transform: rotate(0deg);
-    position: relative;
-    top: 2px;
-  }
-  .coverArrow {
-    transform: rotate(180deg);
-    position: relative;
-    top: -2px;
-  }
-
-  .circle {
-    width: 24px;
-    height: 24px;
-    border-radius: 100px;
-    border: 1px solid #e95252;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    &:after {
-      content: '';
-      width: 10px;
-      height: 10px;
-      border-radius: 100px;
-      background: #e95252;
-    }
-  }
-`;
-r.div`
-  border-radius: 12px;
-  background: #fff;
-
-  position: absolute;
-  top: 86px;
-  left: 3px;
-  min-width: 36px;
-  span {
-    padding: 2px 6px;
-    color: #687d9b;
-    font-weight: 600;
-    font-size: 11px;
-    position: relative;
-    z-index: 2;
-    background: #fff;
-    border-radius: 100px;
-    border: 1px solid #edefef;
-  }
 
-  i {
-    width: 2px;
-    height: 36px;
-    background: #7b91b0;
-    display: block;
-    position: absolute;
-    top: 58%;
-    transform: translateY(-50%);
-    left: 0;
-    right: 0;
-    margin: 0 auto;
-    z-index: 1;
-    &:after,
-    &::before {
-      width: 5px;
-      height: 5px;
-      display: block;
-      background: #7b91b0;
-      position: absolute;
-      top: -5px;
-      content: '';
-      border-radius: 100px;
-      left: -1px;
-    }
-    &:after {
-      top: auto;
-      bottom: -4px;
+  &.active {
+    background: #313130;
+    & > div {
+      color: #fff;
     }
   }
 `;
-const i = r.div`
+e.div`
+  color: #6a7378;
   font-size: 13px;
-  color: #e95252;
-`;
-r(i)`
-  font-size: 10px;
-`;
-r.th`
-  color: #3a3630;
-  font-size: 14px;
   font-style: normal;
-  font-weight: 600;
-  line-height: normal;
-  padding: 11px 15px;
-  background: #f0f2f2;
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  border-right: none;
-  border-left: none;
-  text-align: left;
-`;
-r.div`
-  border-radius: 20px;
-  border: 1px solid var(--contextual-blue, #6396e5);
-  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
-  color: #6396e5;
-  align-content: center;
-  padding: 4px 12px;
-  height: 28px;
-  cursor: pointer;
-  &:hover {
-    background-color: #89b8ff;
-    color: white;
-  }
-`;
-r.div`
-  border-radius: 20px;
-  border: 1px solid rgba(233, 82, 82, 0.5);
-  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
-  color: #e95252;
-  align-content: center;
-  padding: 4px 12px;
-  height: 28px;
-  cursor: pointer;
-  &:hover {
-    background-color: #ff7b7b;
-    color: white;
-  }
+  font-weight: 400;
+  line-height: 16px;
+  white-space: nowrap;
 `;
-r.div`
+e.div`
   display: flex;
   flex-direction: row;
   gap: 10px;
   white-space: nowrap;
   align-items: center;
 `;
-const l = r.div`
+const n = e.div`
   display: flex;
   justify-content: center;
-`, x = r.div`
+`, a = e.div`
   border-radius: 20px;
   border: 1px solid #edebe8;
   background: #fff;
@@ -567,7 +324,7 @@ const l = r.div`
       color: #fff;
     }
   }
-`, s = r.div`
+`, p = e.div`
   display: flex;
   width: 24px;
   height: 24px;
@@ -586,7 +343,7 @@ const l = r.div`
       color: #000;
     }
   }
-`, b = r.div`
+`, l = e.div`
   color: #6a7378;
   font-size: 13px;
   font-style: normal;
@@ -595,16 +352,13 @@ const l = r.div`
   white-space: nowrap;
 `;
 export {
-  x as ClearAll,
-  d as ColumStyle,
-  l as EmptyDataContainer,
-  n as GreyBox,
-  s as StyledFilterBtnIcon,
-  b as StyledFilterBtnLabel,
-  p as StyledTable,
-  a as StyledTableWrapper,
-  o as StyledTdBasic,
-  e as StyledThBase,
-  i as StyledWeight
+  a as ClearAll,
+  r as ColumStyle,
+  n as EmptyDataContainer,
+  i as GreyBox,
+  p as StyledFilterBtnIcon,
+  l as StyledFilterBtnLabel,
+  d as StyledTable,
+  o as StyledTableWrapper
 };
 //# sourceMappingURL=styles.js.map