@layerfi/components 0.1.121-alpha.2 → 0.1.121

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -2014,13 +2014,6 @@
2014
2014
  justify-content: flex-end;
2015
2015
  text-align: right;
2016
2016
  }
2017
- .Layer__bank-transaction-row--removing .Layer__table-cell-content {
2018
- top: 1px;
2019
- overflow: hidden;
2020
- max-height: 0;
2021
- padding-top: 0;
2022
- padding-bottom: 0;
2023
- }
2024
2017
  @container (min-width: 1400px) {
2025
2018
  .Layer__table tr td:first-child .Layer__table-cell-content,
2026
2019
  .Layer__table tr th:first-child.Layer__table-cell .Layer__table-cell-content,
@@ -2962,6 +2955,7 @@ tbody .Layer__table__empty-row:first-child {
2962
2955
  margin-left: 0;
2963
2956
  }
2964
2957
  .Layer__bank-transactions__list-loader {
2958
+ width: 100%;
2965
2959
  padding: var(--spacing-lg) var(--spacing-md);
2966
2960
  }
2967
2961
  .Layer__bank-transactions__loader-row {
@@ -3010,11 +3004,6 @@ tbody .Layer__table__empty-row:first-child {
3010
3004
  transform: scale(1);
3011
3005
  opacity: 1;
3012
3006
  }
3013
- .Layer__bank-transaction-row.Layer__bank-transaction-row--removing .Layer__table-cell-content {
3014
- overflow: hidden;
3015
- min-height: 0;
3016
- padding: 0 var(--spacing-md);
3017
- }
3018
3007
  .Layer__bank-transaction-row:first-child .Layer__table-cell {
3019
3008
  border-top-width: 0;
3020
3009
  }
@@ -3705,13 +3694,6 @@ tbody .Layer__table__empty-row:first-child {
3705
3694
  border-right-color: transparent;
3706
3695
  }
3707
3696
  }
3708
- .Layer__bank-transaction-row--removing .Layer__table-cell-content {
3709
- top: 1px;
3710
- overflow: hidden;
3711
- max-height: 0;
3712
- padding-top: 0;
3713
- padding-bottom: 0;
3714
- }
3715
3697
  .Layer__bank-transactions__mobile-list {
3716
3698
  display: flex;
3717
3699
  flex-direction: column;
@@ -3742,17 +3724,6 @@ tbody .Layer__table__empty-row:first-child {
3742
3724
  opacity: 1;
3743
3725
  transform: scale(1);
3744
3726
  }
3745
- .Layer__bank-transaction-mobile-list-item.show.Layer__bank-transaction-row--removing {
3746
- opacity: 0;
3747
- transition: all 500ms ease-in-out, opacity 80ms ease-out;
3748
- overflow: hidden;
3749
- margin-top: 0;
3750
- margin-bottom: 0;
3751
- }
3752
- .Layer__bank-transaction-mobile-list-item.show.Layer__bank-transaction-row--removing .Layer__bank-transaction-mobile-list-item__heading {
3753
- transition: height 180ms ease-out;
3754
- height: 0 !important;
3755
- }
3756
3727
  .Layer__bank-transaction-mobile-list-item .Layer__text--error {
3757
3728
  padding: var(--spacing-sm) 0;
3758
3729
  font-size: 12px;
@@ -6095,6 +6066,14 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
6095
6066
 
6096
6067
  .Layer__Spacer {
6097
6068
  flex: 1 1 0%;
6069
+ }.Layer__MobileListSkeleton {
6070
+ width: 100%;
6071
+ }
6072
+ .Layer__MobileListSkeleton__Item {
6073
+ padding: var(--spacing-sm);
6074
+ border-radius: var(--border-radius-2xs);
6075
+ border: 1px solid var(--border-color);
6076
+ background-color: var(--color-base-0);
6098
6077
  }.Layer__UI__Toggle {
6099
6078
  box-sizing: border-box;
6100
6079
  position: relative;
@@ -8075,145 +8054,6 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
8075
8054
  inline-size: 12ch;
8076
8055
  }.Layer__InvisibleDownload {
8077
8056
  display: none;
8078
- }.Layer__UI__Table-Table {
8079
- border-collapse: collapse;
8080
- }
8081
-
8082
- .Layer__UI__Table-TableHeader {
8083
- height: 3.25rem;
8084
- }
8085
- .Layer__UI__Table-TableHeader:not(:last-child) .Layer__UI__Table-Column {
8086
- border-bottom: 1px solid var(--color-base-300);
8087
- }
8088
- .Layer__UI__Table-TableHeader > tr {
8089
- height: inherit;
8090
- }
8091
- .Layer__UI__Table-TableHeader--hidden {
8092
- display: none;
8093
- }
8094
-
8095
- .Layer__UI__Table-Row {
8096
- height: 3.25rem;
8097
- background-color: var(--color-base-200);
8098
- }
8099
- .Layer__UI__Table-Row:not(:last-child) .Layer__UI__Table-Cell {
8100
- border-bottom: 1px solid var(--color-base-300);
8101
- }
8102
- .Layer__UI__Table-Row[data-depth="0"] {
8103
- background-color: var(--color-base-0);
8104
- }
8105
- .Layer__UI__Table-Row[data-depth="1"] {
8106
- background-color: var(--color-base-50);
8107
- }
8108
- .Layer__UI__Table-Row[data-depth="2"] {
8109
- background-color: var(--color-base-100);
8110
- }
8111
-
8112
- .Layer__UI__Table-Column {
8113
- box-sizing: border-box;
8114
- display: flex;
8115
- align-items: center;
8116
- height: inherit;
8117
- padding: var(--spacing-xs) var(--spacing-sm);
8118
- font-size: var(--text-sm);
8119
- font-weight: var(--font-weight-normal);
8120
- color: var(--color-base-600);
8121
- }
8122
- .Layer__UI__Table-Column:first-child {
8123
- padding-left: var(--spacing-md);
8124
- }
8125
- .Layer__UI__Table-Column:last-child {
8126
- padding-right: var(--spacing-md);
8127
- }
8128
- .Layer__UI__Table-Column[data-text-align=left] {
8129
- text-align: left;
8130
- }
8131
- .Layer__UI__Table-Column[data-text-align=center] {
8132
- text-align: center;
8133
- }
8134
- .Layer__UI__Table-Column[data-text-align=right] {
8135
- text-align: right;
8136
- }
8137
-
8138
- .Layer__UI__Table-Cell {
8139
- box-sizing: border-box;
8140
- display: flex;
8141
- align-items: center;
8142
- height: inherit;
8143
- padding: var(--spacing-xs) var(--spacing-sm);
8144
- font-size: var(--text-md);
8145
- font-weight: var(--font-weight-normal);
8146
- color: var(--color-base-800);
8147
- }
8148
- .Layer__UI__Table-Cell:first-child {
8149
- padding-left: var(--spacing-md);
8150
- }
8151
- .Layer__UI__Table-Cell:last-child {
8152
- padding-right: var(--spacing-md);
8153
- }.Layer__UI__VirtualizedTable__container {
8154
- position: relative;
8155
- overflow: auto;
8156
- }
8157
-
8158
- .Layer__UI__VirtualizedTable__state-container {
8159
- display: flex;
8160
- align-items: center;
8161
- justify-content: center;
8162
- }
8163
-
8164
- .Layer__UI__VirtualizedTable {
8165
- display: grid;
8166
- }
8167
-
8168
- .Layer__UI__VirtualizedTable__header {
8169
- position: sticky;
8170
- z-index: 1;
8171
- top: 0;
8172
- display: grid;
8173
- }
8174
-
8175
- .Layer__UI__VirtualizedTable__header-cell {
8176
- background-color: var(--color-base-0);
8177
- }
8178
-
8179
- .Layer__UI__VirtualizedTable__row {
8180
- position: absolute;
8181
- display: grid;
8182
- width: 100%;
8183
- }.Layer__AffectedTransactionsTable {
8184
- container-type: inline-size;
8185
- --affected-transactions-table-cols:
8186
- minmax(10rem, 25%)
8187
- minmax(20rem, 50%)
8188
- minmax(10rem, 25%);
8189
- }
8190
- .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable {
8191
- table-layout: fixed;
8192
- }
8193
- .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__row,
8194
- .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__header > tr {
8195
- display: grid;
8196
- grid-template-columns: var(--affected-transactions-table-cols);
8197
- }
8198
- .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Column__AffectedTransactionsTable--Date,
8199
- .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Cell__AffectedTransactionsTable--Date {
8200
- color: var(--color-base-600);
8201
- }
8202
- .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Column__AffectedTransactionsTable--Amount,
8203
- .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Cell__AffectedTransactionsTable--Amount {
8204
- justify-content: flex-end;
8205
- }
8206
- @container (width <= 840px) {
8207
- .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__row,
8208
- .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__header > tr {
8209
- grid-template-columns: minmax(4rem, 25%) minmax(8rem, 50%) minmax(4rem, 25%); /* amount */
8210
- }
8211
- }.Layer__suggested-categorization-rule-updates .Layer__UI__Button {
8212
- width: 100%;
8213
- }
8214
-
8215
- .Layer__suggested-categorization-rule-updates-header {
8216
- padding-bottom: var(--spacing-sm);
8217
8057
  }.Layer__bankTransactionsListItemCategory__List {
8218
8058
  padding-block: var(--spacing-xs);
8219
8059
  padding-inline: var(--spacing-md);
@@ -8620,11 +8460,9 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
8620
8460
  .Layer__bank-transaction-row__category {
8621
8461
  overflow: hidden;
8622
8462
  width: 100%;
8623
- }
8624
-
8625
- .Layer__BankTransactionRow__CategoryComboBoxMotionContent {
8626
- flex: 1 0 auto;
8627
- max-width: 17.5rem;
8463
+ }.Layer__UI__ResponsiveComponent {
8464
+ height: 100%;
8465
+ width: 100%;
8628
8466
  }.Layer__BaseDetailView {
8629
8467
  overflow: hidden;
8630
8468
  }
@@ -8634,13 +8472,22 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
8634
8472
  height: 4.75rem;
8635
8473
  padding-left: 1.25rem;
8636
8474
  border-bottom: 1px solid var(--border-color);
8637
- }.Layer__DataTable__EmptyState__Row {
8638
- height: fit-content;
8475
+ }.Layer__MobileListItem {
8476
+ display: grid;
8477
+ grid-template-areas: "content";
8478
+ grid-template-columns: 1fr;
8479
+ padding: var(--spacing-sm);
8480
+ border-radius: var(--border-radius-sm);
8481
+ border: 1px solid var(--border-color);
8482
+ background-color: var(--color-base-0);
8639
8483
  }
8640
-
8641
- .Layer__DataTable__EmptyState__Cell {
8642
- grid-column: 1/-1;
8643
- justify-content: center;
8484
+ .Layer__MobileListItem[data-selection-mode=multiple], .Layer__MobileListItem[data-selection-mode=single] {
8485
+ grid-template-areas: "selection content";
8486
+ grid-template-columns: auto 1fr;
8487
+ }.Layer__MobileList {
8488
+ display: flex;
8489
+ flex-direction: column;
8490
+ gap: var(--spacing-sm);
8644
8491
  }.Layer__pagination-container {
8645
8492
  justify-content: end;
8646
8493
  padding: var(--spacing-md);
@@ -8666,6 +8513,104 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
8666
8513
  border: 1px solid var(--color-base-300);
8667
8514
  background: var(--color-base-50);
8668
8515
  list-style-type: none;
8516
+ }.Layer__CategorizationRulesMobileList .Layer__CategorizationRulesView__EmptyState,
8517
+ .Layer__CategorizationRulesMobileList .Layer__CategorizationRulesView__ErrorState {
8518
+ padding: var(--spacing-sm);
8519
+ padding-top: var(--spacing-lg);
8520
+ border-radius: var(--border-radius-sm);
8521
+ border: 1px solid var(--border-color);
8522
+ background-color: var(--color-base-0);
8523
+ }
8524
+
8525
+ .Layer__CategorizationRulesMobileListItem {
8526
+ width: 100%;
8527
+ min-width: 0;
8528
+ }
8529
+
8530
+ .Layer__CategorizationRulesMobileListItem__Content {
8531
+ min-width: 0;
8532
+ }.Layer__UI__Table-Table {
8533
+ border-collapse: collapse;
8534
+ }
8535
+
8536
+ .Layer__UI__Table-TableHeader {
8537
+ height: 3.25rem;
8538
+ }
8539
+ .Layer__UI__Table-TableHeader:not(:last-child) .Layer__UI__Table-Column {
8540
+ border-bottom: 1px solid var(--color-base-300);
8541
+ }
8542
+ .Layer__UI__Table-TableHeader > tr {
8543
+ height: inherit;
8544
+ }
8545
+ .Layer__UI__Table-TableHeader--hidden {
8546
+ display: none;
8547
+ }
8548
+
8549
+ .Layer__UI__Table-Row {
8550
+ height: 3.25rem;
8551
+ background-color: var(--color-base-200);
8552
+ }
8553
+ .Layer__UI__Table-Row:not(:last-child) .Layer__UI__Table-Cell {
8554
+ border-bottom: 1px solid var(--color-base-300);
8555
+ }
8556
+ .Layer__UI__Table-Row[data-depth="0"] {
8557
+ background-color: var(--color-base-0);
8558
+ }
8559
+ .Layer__UI__Table-Row[data-depth="1"] {
8560
+ background-color: var(--color-base-50);
8561
+ }
8562
+ .Layer__UI__Table-Row[data-depth="2"] {
8563
+ background-color: var(--color-base-100);
8564
+ }
8565
+
8566
+ .Layer__UI__Table-Column {
8567
+ box-sizing: border-box;
8568
+ display: flex;
8569
+ align-items: center;
8570
+ height: inherit;
8571
+ padding: var(--spacing-xs) var(--spacing-sm);
8572
+ font-size: var(--text-sm);
8573
+ font-weight: var(--font-weight-normal);
8574
+ color: var(--color-base-600);
8575
+ }
8576
+ .Layer__UI__Table-Column:first-child {
8577
+ padding-left: var(--spacing-md);
8578
+ }
8579
+ .Layer__UI__Table-Column:last-child {
8580
+ padding-right: var(--spacing-md);
8581
+ }
8582
+ .Layer__UI__Table-Column[data-text-align=left] {
8583
+ text-align: left;
8584
+ }
8585
+ .Layer__UI__Table-Column[data-text-align=center] {
8586
+ text-align: center;
8587
+ }
8588
+ .Layer__UI__Table-Column[data-text-align=right] {
8589
+ text-align: right;
8590
+ }
8591
+
8592
+ .Layer__UI__Table-Cell {
8593
+ box-sizing: border-box;
8594
+ display: flex;
8595
+ align-items: center;
8596
+ height: inherit;
8597
+ padding: var(--spacing-xs) var(--spacing-sm);
8598
+ font-size: var(--text-md);
8599
+ font-weight: var(--font-weight-normal);
8600
+ color: var(--color-base-800);
8601
+ }
8602
+ .Layer__UI__Table-Cell:first-child {
8603
+ padding-left: var(--spacing-md);
8604
+ }
8605
+ .Layer__UI__Table-Cell:last-child {
8606
+ padding-right: var(--spacing-md);
8607
+ }.Layer__DataTable__EmptyState__Row {
8608
+ height: fit-content;
8609
+ }
8610
+
8611
+ .Layer__DataTable__EmptyState__Cell {
8612
+ grid-column: 1/-1;
8613
+ justify-content: center;
8669
8614
  }.Layer__PaginatedDataTable__Pagination {
8670
8615
  border-top: 1px solid var(--border-color);
8671
8616
  }.Layer__CategorizationRulesTable {
@@ -8683,6 +8628,70 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
8683
8628
  }
8684
8629
  .Layer__UI__Table__CategorizationRulesTable .Layer__UI__Table-Cell__CategorizationRulesTable--Delete {
8685
8630
  justify-content: end;
8631
+ }.Layer__UI__VirtualizedTable__container {
8632
+ position: relative;
8633
+ overflow: auto;
8634
+ }
8635
+
8636
+ .Layer__UI__VirtualizedTable__state-container {
8637
+ display: flex;
8638
+ align-items: center;
8639
+ justify-content: center;
8640
+ }
8641
+
8642
+ .Layer__UI__VirtualizedTable {
8643
+ display: grid;
8644
+ }
8645
+
8646
+ .Layer__UI__VirtualizedTable__header {
8647
+ position: sticky;
8648
+ z-index: 1;
8649
+ top: 0;
8650
+ display: grid;
8651
+ }
8652
+
8653
+ .Layer__UI__VirtualizedTable__header-cell {
8654
+ background-color: var(--color-base-0);
8655
+ }
8656
+
8657
+ .Layer__UI__VirtualizedTable__row {
8658
+ position: absolute;
8659
+ display: grid;
8660
+ width: 100%;
8661
+ }.Layer__AffectedTransactionsTable {
8662
+ container-type: inline-size;
8663
+ --affected-transactions-table-cols:
8664
+ minmax(10rem, 25%)
8665
+ minmax(20rem, 50%)
8666
+ minmax(10rem, 25%);
8667
+ }
8668
+ .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable {
8669
+ table-layout: fixed;
8670
+ }
8671
+ .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__row,
8672
+ .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__header > tr {
8673
+ display: grid;
8674
+ grid-template-columns: var(--affected-transactions-table-cols);
8675
+ }
8676
+ .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Column__AffectedTransactionsTable--Date,
8677
+ .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Cell__AffectedTransactionsTable--Date {
8678
+ color: var(--color-base-600);
8679
+ }
8680
+ .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Column__AffectedTransactionsTable--Amount,
8681
+ .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__Table-Cell__AffectedTransactionsTable--Amount {
8682
+ justify-content: flex-end;
8683
+ }
8684
+ @container (width <= 840px) {
8685
+ .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__row,
8686
+ .Layer__AffectedTransactionsTable .Layer__UI__Table__AffectedTransactionsTable .Layer__UI__VirtualizedTable__header > tr {
8687
+ grid-template-columns: minmax(4rem, 25%) minmax(8rem, 50%) minmax(4rem, 25%); /* amount */
8688
+ }
8689
+ }.Layer__suggested-categorization-rule-updates__buttons--mobile {
8690
+ width: 100%;
8691
+ }
8692
+
8693
+ .Layer__suggested-categorization-rule-updates-header {
8694
+ padding-bottom: var(--spacing-sm);
8686
8695
  }.Layer__card {
8687
8696
  display: flex;
8688
8697
  flex-direction: column;
@@ -10155,6 +10164,81 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
10155
10164
  }
10156
10165
  .Layer__InvoiceSummaryStats__Meter__fill {
10157
10166
  fill: var(--color-info-warning-bg);
10167
+ }.Layer__UI__Banner {
10168
+ box-sizing: border-box;
10169
+ min-height: 56px;
10170
+ padding: var(--spacing-sm) var(--spacing-md);
10171
+ border-radius: var(--border-radius-sm);
10172
+ border: 1px solid var(--banner-border-color);
10173
+ background-color: var(--banner-bg);
10174
+ }
10175
+ .Layer__UI__Banner[data-variant=default] {
10176
+ --banner-bg: var(--color-base-100);
10177
+ --banner-border-color: var(--color-base-800);
10178
+ --banner-fg: var(--color-base-800);
10179
+ --banner-fg-muted: var(--color-base-600);
10180
+ --banner-icon-color: var(--color-base-800);
10181
+ }
10182
+ .Layer__UI__Banner[data-variant=info] {
10183
+ --banner-bg: var(--badge-bg-color-info);
10184
+ --banner-border-color: var(--badge-color-info);
10185
+ --banner-fg: var(--color-base-800);
10186
+ --banner-fg-muted: var(--color-base-600);
10187
+ --banner-icon-color: var(--color-base-800);
10188
+ }
10189
+ .Layer__UI__Banner[data-variant=warning] {
10190
+ --banner-bg: var(--badge-bg-color-warning);
10191
+ --banner-border-color: var(--badge-color-warning);
10192
+ --banner-fg: var(--color-base-800);
10193
+ --banner-fg-muted: var(--color-base-600);
10194
+ --banner-icon-color: var(--color-base-800);
10195
+ }
10196
+ .Layer__UI__Banner[data-variant=error] {
10197
+ --banner-bg: var(--badge-bg-color-error);
10198
+ --banner-border-color: var(--badge-color-error);
10199
+ --banner-fg: var(--color-base-800);
10200
+ --banner-fg-muted: var(--color-base-600);
10201
+ --banner-icon-color: var(--color-base-800);
10202
+ }
10203
+ .Layer__UI__Banner[data-variant=success] {
10204
+ --banner-bg: var(--badge-bg-color-success);
10205
+ --banner-border-color: var(--badge-color-success);
10206
+ --banner-fg: var(--color-base-800);
10207
+ --banner-fg-muted: var(--color-base-600);
10208
+ --banner-icon-color: var(--color-base-800);
10209
+ }
10210
+
10211
+ .Layer__UI__Banner__iconContainer {
10212
+ color: var(--banner-icon-color);
10213
+ }
10214
+
10215
+ .Layer__UI__Banner__content {
10216
+ flex: 1;
10217
+ min-width: 0;
10218
+ color: var(--banner-fg);
10219
+ }
10220
+
10221
+ .Layer__UI__Banner__title {
10222
+ color: var(--banner-fg);
10223
+ }
10224
+
10225
+ .Layer__UI__Banner__description {
10226
+ color: var(--banner-fg-muted);
10227
+ }
10228
+
10229
+ .Layer__UI__Banner__actions {
10230
+ flex-shrink: 0;
10231
+ }
10232
+
10233
+ @container (max-width: 560px) {
10234
+ .Layer__UI__Banner {
10235
+ flex-direction: column;
10236
+ align-items: flex-start;
10237
+ }
10238
+ }.Layer__StripeConnectBanner__wrapper {
10239
+ box-sizing: border-box;
10240
+ width: clamp(48rem, 100%, 1406px);
10241
+ container-type: inline-size;
10158
10242
  }.Layer__ExpandButton {
10159
10243
  height: 16px;
10160
10244
  min-width: 16px;
@@ -10293,9 +10377,6 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
10293
10377
  padding-inline: var(--spacing-md);
10294
10378
  border-radius: var(--border-radius-2xs);
10295
10379
  border: 1px solid var(--border-color);
10296
- }.Layer__UI__ResponsiveComponent {
10297
- height: 100%;
10298
- width: 100%;
10299
10380
  }.Layer__TripPurposeComboBox {
10300
10381
  display: grid;
10301
10382
  grid-template-areas: "label" "input";
@@ -10322,7 +10403,7 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
10322
10403
  padding-inline: var(--spacing-lg);
10323
10404
  }
10324
10405
  .Layer__TripForm .Layer__TripForm__FormError {
10325
- padding-block: var(--spacing-xs);
10406
+ padding-block-end: var(--spacing-xs);
10326
10407
  }
10327
10408
  .Layer__TripForm .Layer__TripForm__Field__Vehicle,
10328
10409
  .Layer__TripForm .Layer__TripForm__Field__TripDate,
@@ -10337,27 +10418,6 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
10337
10418
  .Layer__TripForm .Layer__TripForm__Submit {
10338
10419
  align-items: flex-end;
10339
10420
  padding-block-start: 1rem;
10340
- }.Layer__MobileListItem {
10341
- display: grid;
10342
- grid-template-areas: "content";
10343
- grid-template-columns: 1fr;
10344
- padding: var(--spacing-sm);
10345
- border-radius: var(--border-radius-sm);
10346
- border: 1px solid var(--border-color);
10347
- background-color: var(--color-base-0);
10348
- }
10349
- .Layer__MobileListItem[data-selection-mode=multiple], .Layer__MobileListItem[data-selection-mode=single] {
10350
- grid-template-areas: "selection content";
10351
- grid-template-columns: auto 1fr;
10352
- }.Layer__MobileListSkeleton__Item {
10353
- padding: var(--spacing-sm);
10354
- border-radius: var(--border-radius-2xs);
10355
- border: 1px solid var(--border-color);
10356
- background-color: var(--color-base-0);
10357
- }.Layer__MobileList {
10358
- display: flex;
10359
- flex-direction: column;
10360
- gap: var(--spacing-sm);
10361
10421
  }.Layer__TripsMobileHeader__SearchField {
10362
10422
  flex: 1;
10363
10423
  }.Layer__TripsMobileList .Layer__TripsView__EmptyState,
@@ -10466,6 +10526,8 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
10466
10526
  .Layer__ExpandableCard__Content {
10467
10527
  padding-block-end: var(--spacing-md);
10468
10528
  padding-inline: var(--spacing-md);
10529
+ }.Layer__ResponsiveDetailView {
10530
+ container-type: inline-size;
10469
10531
  }.Layer__TaxTable {
10470
10532
  width: 100%;
10471
10533
  table-layout: fixed;
@@ -10556,6 +10618,23 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
10556
10618
  }
10557
10619
  .Layer__TaxSummaryCard__BreakdownCard {
10558
10620
  padding: var(--spacing-lg);
10621
+ }.Layer__FullYearProjectionComboBox__Container {
10622
+ inline-size: 11rem;
10623
+ max-inline-size: 11rem;
10624
+ }
10625
+ @container (max-width: 500px) {
10626
+ .Layer__FullYearProjectionComboBox__Container {
10627
+ inline-size: 100%;
10628
+ max-inline-size: 100%;
10629
+ }
10630
+ }@container (max-width: 500px) {
10631
+ .Layer__TaxEstimatesHeader.Layer__TaxEstimatesHeader {
10632
+ flex-direction: column;
10633
+ align-items: flex-start;
10634
+ }
10635
+ .Layer__TaxEstimatesHeader__ComboBoxContainer {
10636
+ width: 100%;
10637
+ }
10559
10638
  }.Layer__TaxDetails--mobile .Layer__TaxSummaryCard--mobile > .Layer__card,
10560
10639
  .Layer__TaxDetails--mobile .Layer__TaxDetails__ExpandableCardsWrapper {
10561
10640
  border: 1px solid var(--color-base-200);
package/dist/index.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const AccountingConfigurationSchema: Schema.Struct<{
7
7
  id: typeof Schema.UUID;
8
8
  enableAccountNumbers: Schema.PropertySignature<":", boolean, "enable_account_numbers", ":", boolean, false, never>;
9
9
  enableCustomerManagement: Schema.PropertySignature<":", boolean, "enable_customer_management", ":", boolean, false, never>;
10
+ enableStripeOnboarding: Schema.PropertySignature<":", boolean, "enable_stripe_onboarding", ":", boolean, false, never>;
10
11
  platformDisplayTags: Schema.PropertySignature<":", readonly {
11
12
  readonly id: string;
12
13
  readonly key: string;
@@ -537,7 +538,7 @@ declare interface IntegrationsProps {
537
538
  };
538
539
  }
539
540
 
540
- export declare const Invoices: ({ showTitle, stringOverrides, onSendInvoice }: InvoicesProps) => JSX_2.Element;
541
+ export declare const Invoices: ({ showTitle, stringOverrides, onSendInvoice, }: InvoicesProps) => JSX_2.Element;
541
542
 
542
543
  declare interface InvoicesProps {
543
544
  showTitle?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@layerfi/components",
3
- "version": "0.1.121-alpha.2",
3
+ "version": "0.1.121",
4
4
  "description": "Layer React Components",
5
5
  "main": "dist/cjs/index.cjs",
6
6
  "module": "dist/esm/index.mjs",