@layerfi/components 0.1.56 → 0.1.58

package/dist/styles/index.css

@@ -2366,6 +2366,19 @@
   border-top: 1px solid var(--color-base-200);
   border-bottom: 1px solid var(--color-base-200);
 }
+.Layer__table .Layer__table-row--selected .Layer__table-cell:first-child {
+  position: relative;
+}
+.Layer__table .Layer__table-row--selected .Layer__table-cell:first-child::after {
+  content: "";
+  display: block;
+  position: absolute;
+  height: 100%;
+  top: 0;
+  left: 0;
+  width: 4px;
+  background: var(--color-base-400);
+}
 .Layer__table .Layer__table-row {
   position: relative;
   height: var(--spacing-5xl);
@@ -2849,6 +2862,8 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__label {
   color: var(--color-base-500);
   font-variation-settings: "wght" var(--font-weight-normal);
+  white-space: nowrap;
+  overflow: hidden;
 }
 .Layer__flex-1 {
   flex: 1;
@@ -4686,66 +4701,13 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__chart-of-accounts__loader-container {
   padding: var(--spacing-2xl);
 }
-.Layer__chart-of-accounts__table {
-  width: 100%;
-  border-collapse: collapse;
-}
-.Layer__chart-of-accounts__actions {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-sm);
-}
-.Layer__table-cell.Layer__coa__name,
-.Layer__table-cell.Layer__coa__balance {
-  color: var(--color-base-800);
-}
-.Layer__table-header.Layer__coa__name {
-  padding-left: var(--spacing-xl);
-}
-.Layer__table-cell.Layer__coa__name {
-  width: calc(100% - 192px - 50%);
-}
-.Layer__table-cell.Layer__coa__type,
-.Layer__table-cell.Layer__coa__subtype {
-  width: calc(100% - 192px - 75%);
-}
-.Layer__table-cell.Layer__coa__balance {
-  font-variation-settings: "wght" var(--font-weight-bold);
-}
-.Layer__chart-of-accounts__table .Layer__table-row--depth-0 .Layer__table-cell.Layer__coa__name {
-  font-variation-settings: "wght" var(--font-weight-bold);
-}
-.Layer__coa__balance {
-  text-align: right;
-  justify-content: flex-end;
-}
-.Layer__table-cell.Layer__coa__actions {
-  width: 160px;
-}
-.Layer__table-cell.Layer__coa__actions .Layer__table-cell-content {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  padding-top: var(--spacing-3xs);
-  padding-bottom: var(--spacing-3xs);
-  padding-right: var(--spacing-xl);
-  gap: var(--spacing-xs);
-}
-.Layer__table-cell.Layer__coa__actions .Layer__table-cell-content > .Layer__btn {
+.Layer__coa__actions .Layer__btn {
   opacity: 0;
   visibility: hidden;
   transition: all 300ms ease-out;
   transform: scale(0.92);
 }
-.Layer__table-cell.Layer__coa__actions .Layer__btn--icon-only {
-  width: 32px;
-  height: 32px;
-  min-height: 32px;
-  max-height: 32px;
-  padding: 0;
-  box-sizing: border-box;
-}
-.Layer__chart-of-accounts__table .Layer__table-row:hover .Layer__coa__actions .Layer__btn {
+.Layer__table-row:hover .Layer__coa__actions .Layer__btn {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
@@ -4774,27 +4736,6 @@ tbody .Layer__table__empty-row:first-child {
   justify-content: flex-end;
   padding-top: var(--spacing-xl);
 }
-.Layer__chart-of-accounts__table .Layer__table-row:not(.Layer__table-row--header) {
-  cursor: pointer;
-}
-.Layer__chart-of-accounts__table .Layer__table-row:not(.Layer__table-row--header):hover {
-  background-color: var(--color-base-50);
-}
-.Layer__table__expand-icon {
-  transition: transform 150ms ease-out;
-  color: var(--color-base-600);
-  margin-left: -15px;
-  padding: var(--spacing-sm);
-}
-.Layer__chart-of-accounts__table .Layer__table-row:not(.Layer__table-row--depth-0):not(.Layer__table-row--header) {
-  background-color: var(--color-base-50);
-}
-.Layer__chart-of-accounts__table .Layer__table-row:not(.Layer__table-row--depth-0):not(.Layer__table-row--header):hover {
-  background-color: var(--color-base-100);
-}
-.Layer__chart-of-accounts__table .Layer__table-row--collapsed .Layer__table__expand-icon {
-  transform: rotate(-90deg);
-}
 .Layer__chart-of-accounts__form {
   display: flex;
   flex-direction: column;
@@ -4889,9 +4830,6 @@ tbody .Layer__table__empty-row:first-child {
   color: var(--color-base-800);
 }
 @container (max-width: 1024px) {
-  .Layer__table-cell.Layer__coa__actions .Layer__table-cell-content {
-    padding-right: var(--spacing-md);
-  }
   .Layer__chart-of-accounts__sidebar__header .actions {
     display: none;
   }
@@ -4903,27 +4841,10 @@ tbody .Layer__table__empty-row:first-child {
   .Layer__chart-of-accounts .Layer__mobile--hidden {
     display: none;
   }
-  .Layer__chart-of-accounts .Layer__desktop--hidden.Layer__table-header {
-    display: table-cell;
-  }
-  .Layer__chart-of-accounts .Layer__desktop--hidden.Layer__table-cell-content {
-    display: flex;
-  }
-  .Layer__chart-of-accounts .Layer__coa__type .Layer__table-cell-content {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-  }
-  .Layer__chart-of-accounts .Layer__coa__type .Layer__table-cell-content.Layer__mobile--hidden {
-    display: none;
-  }
-  .Layer__chart-of-accounts .Layer__table-cell.Layer__coa__actions {
-    width: 64px;
-  }
 }
 @container (max-width: 760px) {
-  .Layer__table-cell.Layer__coa__actions {
-    width: 64px;
+  .Layer__chart-of-accounts {
+    overflow: auto;
   }
   .Layer__chart-of-accounts__row---mobile {
     visibility: visible;
@@ -4951,6 +4872,9 @@ tbody .Layer__table__empty-row:first-child {
   position: relative;
   overflow: auto;
 }
+.Layer__component-container.Layer__journal .Layer__table-state-container {
+  height: calc(100% - 160px);
+}
 @container (min-width: 1025px) {
   .Layer__component-container.Layer__journal {
     overflow: unset;
@@ -7270,6 +7194,10 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
     display: none;
   }
 }
+.Layer__accounting-overview-profit-and-loss-chart {
+  width: 100%;
+  box-sizing: border-box;
+}
 @container (max-width: 460px) {
   .Layer__component.Layer__accounting-overview-profit-and-loss .recharts-responsive-container {
     margin-top: -12px;