@layerfi/components 0.1.114-alpha.5 → 0.1.114
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 +293 -258
- package/dist/esm/index.mjs +295 -260
- package/dist/index.css +57 -57
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -8374,6 +8374,63 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
|
|
|
8374
8374
|
|
|
8375
8375
|
.Layer__MonthPicker__InputGroup {
|
|
8376
8376
|
inline-size: 12rem;
|
|
8377
|
+
}.Layer__NewToggle {
|
|
8378
|
+
box-sizing: border-box;
|
|
8379
|
+
position: relative;
|
|
8380
|
+
display: flex;
|
|
8381
|
+
align-items: center;
|
|
8382
|
+
height: 36px;
|
|
8383
|
+
width: max-content;
|
|
8384
|
+
padding: 2px;
|
|
8385
|
+
border-radius: 6px;
|
|
8386
|
+
box-shadow: 0 0 0 1px var(--color-base-300);
|
|
8387
|
+
background: var(--color-base-100);
|
|
8388
|
+
cursor: pointer;
|
|
8389
|
+
user-select: none;
|
|
8390
|
+
isolation: isolate;
|
|
8391
|
+
-webkit-tap-highlight-color: transparent;
|
|
8392
|
+
-webkit-touch-callout: none;
|
|
8393
|
+
}.Layer__NewToggleOption {
|
|
8394
|
+
box-sizing: border-box;
|
|
8395
|
+
position: relative;
|
|
8396
|
+
display: flex;
|
|
8397
|
+
align-items: center;
|
|
8398
|
+
justify-content: center;
|
|
8399
|
+
height: 32px;
|
|
8400
|
+
padding: 8px 16px;
|
|
8401
|
+
border-radius: 6px;
|
|
8402
|
+
border: none;
|
|
8403
|
+
background: transparent;
|
|
8404
|
+
color: var(--text-color-secondary);
|
|
8405
|
+
}
|
|
8406
|
+
.Layer__NewToggleOption::before {
|
|
8407
|
+
position: absolute;
|
|
8408
|
+
z-index: -2;
|
|
8409
|
+
inset: 0;
|
|
8410
|
+
border-radius: 6px;
|
|
8411
|
+
background: transparent;
|
|
8412
|
+
content: "";
|
|
8413
|
+
transition: background-color 150ms;
|
|
8414
|
+
}
|
|
8415
|
+
.Layer__NewToggleOption[data-hovered]:not([data-disabled], [data-selected]) {
|
|
8416
|
+
color: var(--text-color-primary);
|
|
8417
|
+
}
|
|
8418
|
+
.Layer__NewToggleOption[data-hovered]:not([data-disabled], [data-selected])::before {
|
|
8419
|
+
background-color: var(--color-base-200);
|
|
8420
|
+
}
|
|
8421
|
+
|
|
8422
|
+
.Layer__NewToggleOption-SelectionIndicator {
|
|
8423
|
+
position: absolute;
|
|
8424
|
+
z-index: -1;
|
|
8425
|
+
top: 0;
|
|
8426
|
+
left: 0;
|
|
8427
|
+
height: 100%;
|
|
8428
|
+
width: 100%;
|
|
8429
|
+
border-radius: 6px;
|
|
8430
|
+
box-shadow: 0 0 0 1px var(--color-base-300), 0 1px 1px 0 rgba(0, 0, 0, 0.04), 0 2px 3px 0 rgba(0, 0, 0, 0.04), 0 3px 4px 0 rgba(0, 0, 0, 0.02), 0 4px 5px 0 rgba(0, 0, 0, 0.01);
|
|
8431
|
+
background: var(--color-white);
|
|
8432
|
+
transition-property: translate, width;
|
|
8433
|
+
transition-duration: 200ms;
|
|
8377
8434
|
}.Layer__InvisibleDownload {
|
|
8378
8435
|
display: none;
|
|
8379
8436
|
}.Layer__UI__Table-Table {
|
|
@@ -8745,63 +8802,6 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
|
|
|
8745
8802
|
padding-inline-end: var(--spacing-md);
|
|
8746
8803
|
}.Layer__BankTransactionsMobileSplitForm__AmountInput {
|
|
8747
8804
|
inline-size: 6rem;
|
|
8748
|
-
}.Layer__NewToggle {
|
|
8749
|
-
box-sizing: border-box;
|
|
8750
|
-
position: relative;
|
|
8751
|
-
display: flex;
|
|
8752
|
-
align-items: center;
|
|
8753
|
-
height: 36px;
|
|
8754
|
-
width: max-content;
|
|
8755
|
-
padding: 2px;
|
|
8756
|
-
border-radius: 6px;
|
|
8757
|
-
box-shadow: 0 0 0 1px var(--color-base-300);
|
|
8758
|
-
background: var(--color-base-100);
|
|
8759
|
-
cursor: pointer;
|
|
8760
|
-
user-select: none;
|
|
8761
|
-
isolation: isolate;
|
|
8762
|
-
-webkit-tap-highlight-color: transparent;
|
|
8763
|
-
-webkit-touch-callout: none;
|
|
8764
|
-
}.Layer__NewToggleOption {
|
|
8765
|
-
box-sizing: border-box;
|
|
8766
|
-
position: relative;
|
|
8767
|
-
display: flex;
|
|
8768
|
-
align-items: center;
|
|
8769
|
-
justify-content: center;
|
|
8770
|
-
height: 32px;
|
|
8771
|
-
padding: 8px 16px;
|
|
8772
|
-
border-radius: 6px;
|
|
8773
|
-
border: none;
|
|
8774
|
-
background: transparent;
|
|
8775
|
-
color: var(--text-color-secondary);
|
|
8776
|
-
}
|
|
8777
|
-
.Layer__NewToggleOption::before {
|
|
8778
|
-
position: absolute;
|
|
8779
|
-
z-index: -2;
|
|
8780
|
-
inset: 0;
|
|
8781
|
-
border-radius: 6px;
|
|
8782
|
-
background: transparent;
|
|
8783
|
-
content: "";
|
|
8784
|
-
transition: background-color 150ms;
|
|
8785
|
-
}
|
|
8786
|
-
.Layer__NewToggleOption[data-hovered]:not([data-disabled], [data-selected]) {
|
|
8787
|
-
color: var(--text-color-primary);
|
|
8788
|
-
}
|
|
8789
|
-
.Layer__NewToggleOption[data-hovered]:not([data-disabled], [data-selected])::before {
|
|
8790
|
-
background-color: var(--color-base-200);
|
|
8791
|
-
}
|
|
8792
|
-
|
|
8793
|
-
.Layer__NewToggleOption-SelectionIndicator {
|
|
8794
|
-
position: absolute;
|
|
8795
|
-
z-index: -1;
|
|
8796
|
-
top: 0;
|
|
8797
|
-
left: 0;
|
|
8798
|
-
height: 100%;
|
|
8799
|
-
width: 100%;
|
|
8800
|
-
border-radius: 6px;
|
|
8801
|
-
box-shadow: 0 0 0 1px var(--color-base-300), 0 1px 1px 0 rgba(0, 0, 0, 0.04), 0 2px 3px 0 rgba(0, 0, 0, 0.04), 0 3px 4px 0 rgba(0, 0, 0, 0.02), 0 4px 5px 0 rgba(0, 0, 0, 0.01);
|
|
8802
|
-
background: var(--color-white);
|
|
8803
|
-
transition-property: translate, width;
|
|
8804
|
-
transition-duration: 200ms;
|
|
8805
8805
|
}.Layer__BankTransactionsMobileListItem__CategorizedValue {
|
|
8806
8806
|
color: var(--color-base-500);
|
|
8807
8807
|
}
|