@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/cjs/index.cjs +2385 -1943
- package/dist/esm/index.mjs +2388 -1946
- package/dist/index.css +284 -205
- package/dist/index.d.ts +2 -1
- package/package.json +1 -1
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
|
-
|
|
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
|
-
}.
|
|
8638
|
-
|
|
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
|
-
|
|
8642
|
-
grid-
|
|
8643
|
-
|
|
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;
|