@layerfi/components 0.1.107-alpha.2 → 0.1.108-alpha

package/dist/index.css

@@ -4742,14 +4742,11 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__UI__DateSegment:not([data-interactive]) {
   background-color: transparent;
 }
-.Layer__dropdown-menu__popover {
-  outline: none;
-}
-.Layer__dropdown-menu__popover[data-entering] {
+.Layer__UI__DropdownMenu__Popover[data-entering] {
   animation: popover-slide 120ms;
 }
-.Layer__dropdown-menu__popover:focus-visible {
-  outline: none;
+.Layer__UI__DropdownMenu__Popover[data-exiting] {
+  animation: popover-slide reverse 120ms;
 }
 @keyframes popover-slide {
   from {
@@ -4761,43 +4758,46 @@ tbody .Layer__table__empty-row:first-child {
     opacity: 1;
   }
 }
-.Layer__dropdown-menu__menu {
-  padding-top: var(--spacing-xs);
-  padding-bottom: var(--spacing-xs);
-  background: var(--color-base-0);
+.Layer__UI__DropdownMenu__Dialog {
+  display: grid;
+  gap: var(--spacing-xs);
+  overflow: hidden;
+  padding: var(--spacing-sm);
   border-radius: var(--border-radius-xs);
-  box-shadow:
-    0px 0px 0px 1px rgba(25, 25, 25, 0.06),
-    0px 4px 12px 0px rgba(17, 17, 17, 0.01),
-    0px 2px 4px 0px rgba(25, 25, 25, 0.06);
+  border: 1px solid var(--border-color);
+  background: var(--color-base-0);
 }
-.Layer__dropdown-menu__menu-item {
+.Layer__UI__DropdownMenu__Dialog[data-variant=compact] {
+  padding: 0;
+}
+.Layer__UI__DropdownMenu__MenuItem {
   display: flex;
-  align-items: center;
   gap: var(--spacing-xs);
+  align-items: center;
   padding: var(--spacing-xs);
   border-radius: var(--border-radius-3xs);
-  box-shadow: 0px 0px 0px 1px var(--base-transparent-4);
-  margin: var(--spacing-3xs) var(--spacing-xs);
+  border: 1px solid var(--border-color);
   cursor: pointer;
   transition: background-color 0.1s ease-in-out;
 }
-.Layer__dropdown-menu__menu-item:hover,
-.Layer__dropdown-menu__menu-item:focus-visible {
+.Layer__UI__DropdownMenu__MenuItem:hover,
+.Layer__UI__DropdownMenu__MenuItem:focus-visible {
   background-color: var(--color-base-50);
 }
-.Layer__dropdown-menu__menu-list {
-  padding-bottom: var(--spacing-3xs);
+.Layer__UI__DropdownMenu__MenuItem[data-variant=compact] {
+  gap: 0;
+  border-radius: 0;
+  border: none;
 }
-.Layer__dropdown-menu__separator {
-  height: 1px;
-  width: 100%;
-  margin: var(--spacing-xs) 0;
-  background-color: var(--color-base-200);
+.Layer__UI__DropdownMenu__MenuItem[data-variant=compact]:not(:last-child) {
+  border-bottom: 1px solid var(--border-color);
 }
-.Layer__dropdown-menu__menu-item__heading {
-  padding: var(--spacing-xs) var(--spacing-md);
-  color: var(--text-color-secondary);
+.Layer__UI__DropdownMenu__Menu {
+  display: grid;
+  gap: var(--spacing-3xs);
+}
+.Layer__UI__DropdownMenu__Menu[data-variant=compact] {
+  gap: 0;
 }
 .Layer__UI__FieldError {
   padding-block-start: var(--spacing-3xs);
@@ -6933,6 +6933,27 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__InvoicePaymentForm .Layer__InvoicePaymentForm__Submit {
   display: grid;
 }
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__InvoiceNo,
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__CompletedAt,
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__PaymentMethod {
+  grid-template-columns: 8rem auto;
+  min-width: 16rem;
+}
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__Amount {
+  grid-template-columns: auto 8rem;
+}
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__FormError {
+  height: 4rem;
+  padding-inline: var(--spacing-md);
+  border-bottom: 1px solid var(--border-color);
+}
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Field__InvoiceNo {
+  display: grid;
+}
+.Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Section {
+  padding: var(--spacing-md);
+  border-bottom: 1px solid var(--border-color);
+}
 .Layer__InvoiceSummaryStats__Container {
   box-sizing: border-box;
   width: clamp(48rem, 100%, 1406px);