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

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;
 }
@@ -4904,6 +4911,40 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__UI__TextArea[data-disabled] {
   cursor: not-allowed;
 }
+.Layer__UI__Link {
+  position: relative;
+  display: inline;
+  outline: none;
+  cursor: pointer;
+  font-size: var(--text-md);
+  font-family: var(--font-family);
+  font-weight: var(--font-weight-normal);
+  text-decoration: none;
+}
+.Layer__UI__Link[data-ellipsis] {
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-inline-size: 100%;
+}
+.Layer__UI__Link[data-disabled] {
+  cursor: not-allowed;
+  color: var(--color-base-500);
+  pointer-events: none;
+}
+.Layer__UI__Link[data-size=xs] {
+  font-size: var(--text-xs);
+}
+.Layer__UI__Link[data-size=sm] {
+  font-size: var(--text-sm);
+}
+.Layer__UI__Link[data-size=md] {
+  font-size: var(--text-md);
+}
+.Layer__UI__Link[data-size=lg] {
+  font-size: var(--text-lg);
+}
 .Layer__ListBox {
   display: flex;
   flex-direction: column;
@@ -5156,12 +5197,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;
 }
@@ -6027,6 +6071,11 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__InvisibleDownload {
   display: none;
 }
+.Layer__AddToCalendar__CalendarIcon {
+  height: 16px;
+  width: 16px;
+  border-radius: 0.25rem;
+}
 .Layer__call-booking {
   padding: var(--spacing-lg);
 }
@@ -6034,8 +6083,8 @@ tbody .Layer__table__empty-row:first-child {
   width: 100%;
 }
 .Layer__call-booking .Layer__call-booking-actions {
+  position: relative;
   width: 100%;
-  margin-top: var(--spacing-md);
 }
 .Layer__call-booking .Layer__call-booking-state {
   text-align: center;
@@ -8391,6 +8440,32 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__DateCalendar__Header {
   border-bottom: 1px solid var(--border-color);
 }
+.Layer__platform-onboarding__book-onboarding-call .Layer__platform-onboarding__error {
+  height: 6rem;
+}
+.Layer__platform-onboarding__book-onboarding-call.is-tablet .Layer__calendly-inline-widget--success,
+.Layer__platform-onboarding__book-onboarding-call.is-desktop .Layer__calendly-inline-widget--success {
+  height: 36rem;
+}
+.Layer__platform-onboarding__book-onboarding-call.is-tablet .Layer__calendly-inline-widget,
+.Layer__platform-onboarding__book-onboarding-call.is-desktop .Layer__calendly-inline-widget {
+  height: 56rem;
+}
+.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 +9130,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 +9195,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 +10460,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);