@layerfi/components 0.1.72 → 0.1.74

package/dist/styles/index.css

@@ -1013,7 +1013,7 @@
 }
 .Layer__DatePickerModeSelector__container {
   display: flex;
-  justify-content: end;
+  justify-content: flex-end;
   padding-inline: var(--spacing-xs);
   padding-block: var(--spacing-xs);
 }
@@ -1815,22 +1815,46 @@
 .Layer__file-thumb {
   display: flex;
   align-items: flex-start;
-  justify-content: flex-start;
-  height: 38px;
+  justify-content: space-between;
+  min-height: 38px;
   gap: var(--spacing-2xs);
   position: relative;
+  box-sizing: border-box;
+  container-type: normal;
+}
+.Layer__file-thumb:not(.Layer__file-thumb--floating) {
+  width: 100%;
+  max-width: 680px;
+}
+@container (max-width: 300px) {
+  .Layer__file-thumb:not(.Layer__file-thumb--floating) {
+    flex-direction: column;
+    border-bottom: 1px solid var(--color-base-300);
+  }
+  .Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) {
+    padding-left: 0;
+    padding-right: 0;
+    margin-left: -6px;
+  }
+  .Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) .Layer__icon-btn {
+    width: 26px;
+    height: 26px;
+  }
+  .Layer__file-thumb:not(.Layer__file-thumb--floating) .Layer__file-thumb__actions:not(.Layer__file-thumb__actions--floating) .Layer__icon-btn svg {
+    width: 14px;
+    height: 14px;
+  }
+}
+.Layer__file-thumb__main {
+  display: flex;
+  gap: var(--spacing-2xs);
+  align-items: flex-start;
+  justify-content: flex-start;
 }
 .Layer__file-thumb__actions {
-  display: none;
-  position: absolute;
-  top: -20px;
-  right: -10px;
+  display: flex;
   gap: var(--spacing-4xs);
   padding: var(--spacing-4xs);
-  background-color: var(--color-base-0);
-  border-radius: var(--border-radius-3xs);
-  box-shadow: 0px 1px 2px 0px var(--base-transparent-6), 0px 0px 0px 1px var(--color-base-300);
-  transform: scale(0.8);
 }
 .Layer__file-thumb__actions .Layer__icon-btn.Layer__icon-btn--active {
   background-color: var(--color-base-50);
@@ -1841,7 +1865,17 @@
 .Layer__file-thumb__actions .Layer__file-thumb__actions__remove {
   color: var(--color-danger);
 }
-.Layer__file-thumb:hover .Layer__file-thumb__actions {
+.Layer__file-thumb__actions.Layer__file-thumb__actions--floating {
+  display: none;
+  position: absolute;
+  top: -20px;
+  right: -10px;
+  background-color: var(--color-base-0);
+  border-radius: var(--border-radius-3xs);
+  box-shadow: 0px 1px 2px 0px var(--base-transparent-6), 0px 0px 0px 1px var(--color-base-300);
+  transform: scale(0.8);
+}
+.Layer__file-thumb:hover .Layer__file-thumb__actions--floating {
   display: flex;
 }
 .Layer__file-thumb__img {
@@ -4448,6 +4482,17 @@ tbody .Layer__table__empty-row:first-child {
   border-color: transparent;
   background-color: transparent;
 }
+.Layer__bank-transaction-mobile-list-item__description {
+  padding: var(--spacing-md) 0;
+  border-top: 1px solid var(--border-color);
+}
+.Layer__bank-transaction-mobile-list-item__description .Layer__textarea {
+  min-height: 72px;
+}
+.Layer__bank-transaction-mobile-list-item__description__label {
+  color: var(--color-base-500);
+  margin-bottom: var(--spacing-2xs);
+}
 .Layer__bank-transaction-mobile-list-item__match-list {
   display: flex;
   flex-direction: column;
@@ -4491,6 +4536,22 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__bank-transaction-mobile-list-item__match-item.Layer__bank-transaction-mobile-list-item__match-item--selected .Layer__bank-transaction-mobile-list-item__match-item__name {
   color: var(--color-base-1000);
 }
+.Layer__bank-transaction-mobile-list-item__actions--with-receipts {
+  padding: var(--spacing-md) 0;
+  border-top: 1px solid var(--border-color);
+}
+.Layer__bank-transaction-mobile-list-item__actions--with-receipts .Layer__file-upload {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+.Layer__bank-transaction-mobile-list-item__actions--with-receipts .Layer__file-upload__label {
+  color: var(--color-base-500);
+}
+.Layer__bank-transaction-mobile-list-item__actions {
+  display: flex;
+  gap: var(--spacing-sm);
+}
 @container (max-width: 760px) {
   .Layer__expanded-bank-transaction-row__match-table .Layer__expanded-bank-transaction-row__match-table__header {
     display: none;
@@ -4860,6 +4921,13 @@ tbody .Layer__table__empty-row:first-child {
 }
 .Layer__bank-transaction-mobile-list-item__heading__account-name {
   color: var(--color-base-500);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3xs);
+}
+.Layer__bank-transaction-mobile-list-item__heading__account-name svg {
+  padding-top: 1px;
+  padding-left: 2px;
 }
 .Layer__bank-transaction-mobile-list-item__categorized-name {
   color: var(--color-base-500);
@@ -5556,6 +5624,9 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__journal__entry-details__reverse-btn-container {
   padding: var(--spacing-sm) 0;
 }
+.Layer__journal__entry-details__reverse-btn-container .Layer__btn--disabled {
+  cursor: not-allowed;
+}
 .Layer__journal__entry-details__reverse-btn-container .Layer__btn {
   min-width: 150px;
 }
@@ -6421,7 +6492,7 @@ tbody .Layer__table__empty-row:first-child {
   height: 100%;
   border-left: 1px solid var(--color-base-300);
   border-top-right-radius: var(--border-radius-sm);
-  z-index: 100;
+  z-index: 11;
 }
 .Layer__panel__sidebar .Layer__panel__sidebar-content {
   width: 480px;