@layerfi/components 0.1.112-alpha.1 → 0.1.112-alpha.2

package/dist/index.css

@@ -4740,6 +4740,9 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__UI__DateSegment:not([data-interactive]) {
   background-color: transparent;
 }
+.Layer__UI__DatePicker .Layer__UI__FieldError {
+  padding-block-start: 0;
+}
 .Layer__UI__DropdownMenu__Popover[data-entering] {
   animation: popover-slide 120ms;
 }
@@ -4863,6 +4866,10 @@ tbody .Layer__table__empty-row:first-child {
   border-color: var(--color-base-800);
   outline: 2px solid var(--outline-default);
 }
+.Layer__InputGroup[data-invalid] {
+  border-color: var(--color-danger);
+  outline: none;
+}
 .Layer__InputGroup[data-action-count="2"] {
   grid-template-columns: minmax(0, 1fr) auto auto;
 }
@@ -5156,12 +5163,15 @@ tbody .Layer__table__empty-row:first-child {
   display: grid;
   inline-size: min(90svi, 60ch);
   border-radius: var(--border-radius-xs);
-  border: 2px solid var(--outline-default);
+  border: 1px solid var(--outline-default);
   background: var(--color-base-0);
 }
 .Layer__Popover[data-trigger=ComboBox] {
   inline-size: clamp(min(var(--trigger-width), 90svi), var(--trigger-width) * 1.5, min(80ch, 90svi));
 }
+.Layer__Popover[data-trigger=DatePicker] {
+  inline-size: unset;
+}
 .Layer__Stack {
   display: flex;
 }
@@ -8391,6 +8401,21 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__DateCalendar__Header {
   border-bottom: 1px solid var(--border-color);
 }
+.Layer__DateSelection {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(10rem, 12rem));
+  min-width: 18.5rem;
+}
+.Layer__DateSelection .Layer__tooltip-trigger {
+  padding-top: 0;
+}
+.Layer__DateRangeSelection {
+  display: grid;
+  grid-template-columns: 9rem repeat(2, minmax(10rem, 12rem));
+}
+.Layer__DateRangeSelection .Layer__tooltip-trigger {
+  padding-top: 0;
+}
 .Layer__TagSelectorLayoutGroup {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -9055,8 +9080,8 @@ tbody .Layer__table__empty-row:first-child {
   transition: border 5s ease-out;
 }
 .Layer__bank-transaction-row__expand-button {
-  width: 36px;
-  min-width: 36px;
+  width: fit-content;
+  vertical-align: middle;
 }
 .Layer__bank-transaction-row__actions-cell--open {
   border-left: 1px solid transparent;
@@ -9120,6 +9145,9 @@ tbody .Layer__table__empty-row:first-child {
   opacity: 1;
   transition: max-height 350ms ease-out, opacity 200ms ease-out;
 }
+.Layer__bank-transaction-list-item .Layer__bank-transaction-list-item__base-row .Layer__tooltip-trigger {
+  padding: 0;
+}
 .Layer__bank-transaction-list-item .Layer__bank-transaction-list-item__expanded-row {
   overflow: hidden;
   max-height: 0;
@@ -10382,7 +10410,6 @@ tbody .Layer__table__empty-row:first-child {
   position: relative;
   display: flex;
   align-items: stretch;
-  overflow: auto;
 }
 .Layer__component-container.Layer__journal .Layer__table-state-container {
   height: calc(100% - 160px);