@florid-kit/components 0.9.16 → 0.9.18
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/index.js +27 -10
- package/index.mjs +27 -10
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -586,10 +586,13 @@
|
|
|
586
586
|
${at}
|
|
587
587
|
}
|
|
588
588
|
|
|
589
|
-
|
|
590
|
-
flex: 1 1 auto;
|
|
589
|
+
[role="document"] {
|
|
591
590
|
overflow-y: auto;
|
|
592
591
|
overflow-x: hidden;
|
|
592
|
+
}
|
|
593
|
+
|
|
594
|
+
.content {
|
|
595
|
+
flex: 1 1 auto;
|
|
593
596
|
padding: var(--spacing-xl);
|
|
594
597
|
|
|
595
598
|
&.with-detail {
|
|
@@ -2529,10 +2532,17 @@
|
|
|
2529
2532
|
width: 16px;
|
|
2530
2533
|
height: 16px;
|
|
2531
2534
|
}
|
|
2532
|
-
:host([size="L"])
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2535
|
+
:host([size="L"]) {
|
|
2536
|
+
.box {
|
|
2537
|
+
width: 24px;
|
|
2538
|
+
height: 24px;
|
|
2539
|
+
border: 2px solid var(--color-border-secondary);
|
|
2540
|
+
}
|
|
2541
|
+
|
|
2542
|
+
.label {
|
|
2543
|
+
line-height: var(--line-height-200);
|
|
2544
|
+
font-size: var(--font-size-200);
|
|
2545
|
+
}
|
|
2536
2546
|
}
|
|
2537
2547
|
|
|
2538
2548
|
:host([checked]) .box,
|
|
@@ -2634,10 +2644,17 @@
|
|
|
2634
2644
|
width: 16px;
|
|
2635
2645
|
height: 16px;
|
|
2636
2646
|
}
|
|
2637
|
-
:host([size="L"])
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
|
|
2647
|
+
:host([size="L"]) {
|
|
2648
|
+
.box {
|
|
2649
|
+
width: 24px;
|
|
2650
|
+
height: 24px;
|
|
2651
|
+
border: 2px solid #7e7173;
|
|
2652
|
+
}
|
|
2653
|
+
|
|
2654
|
+
.label {
|
|
2655
|
+
line-height: var(--line-height-200);
|
|
2656
|
+
font-size: var(--font-size-200);
|
|
2657
|
+
}
|
|
2641
2658
|
}
|
|
2642
2659
|
|
|
2643
2660
|
:host(:focus-visible) .box {
|
package/index.mjs
CHANGED
|
@@ -1694,10 +1694,13 @@ p.styles = f`
|
|
|
1694
1694
|
${at}
|
|
1695
1695
|
}
|
|
1696
1696
|
|
|
1697
|
-
|
|
1698
|
-
flex: 1 1 auto;
|
|
1697
|
+
[role="document"] {
|
|
1699
1698
|
overflow-y: auto;
|
|
1700
1699
|
overflow-x: hidden;
|
|
1700
|
+
}
|
|
1701
|
+
|
|
1702
|
+
.content {
|
|
1703
|
+
flex: 1 1 auto;
|
|
1701
1704
|
padding: var(--spacing-xl);
|
|
1702
1705
|
|
|
1703
1706
|
&.with-detail {
|
|
@@ -4694,10 +4697,17 @@ _.styles = f`
|
|
|
4694
4697
|
width: 16px;
|
|
4695
4698
|
height: 16px;
|
|
4696
4699
|
}
|
|
4697
|
-
:host([size="L"])
|
|
4698
|
-
|
|
4699
|
-
|
|
4700
|
-
|
|
4700
|
+
:host([size="L"]) {
|
|
4701
|
+
.box {
|
|
4702
|
+
width: 24px;
|
|
4703
|
+
height: 24px;
|
|
4704
|
+
border: 2px solid var(--color-border-secondary);
|
|
4705
|
+
}
|
|
4706
|
+
|
|
4707
|
+
.label {
|
|
4708
|
+
line-height: var(--line-height-200);
|
|
4709
|
+
font-size: var(--font-size-200);
|
|
4710
|
+
}
|
|
4701
4711
|
}
|
|
4702
4712
|
|
|
4703
4713
|
:host([checked]) .box,
|
|
@@ -4864,10 +4874,17 @@ I.styles = f`
|
|
|
4864
4874
|
width: 16px;
|
|
4865
4875
|
height: 16px;
|
|
4866
4876
|
}
|
|
4867
|
-
:host([size="L"])
|
|
4868
|
-
|
|
4869
|
-
|
|
4870
|
-
|
|
4877
|
+
:host([size="L"]) {
|
|
4878
|
+
.box {
|
|
4879
|
+
width: 24px;
|
|
4880
|
+
height: 24px;
|
|
4881
|
+
border: 2px solid #7e7173;
|
|
4882
|
+
}
|
|
4883
|
+
|
|
4884
|
+
.label {
|
|
4885
|
+
line-height: var(--line-height-200);
|
|
4886
|
+
font-size: var(--font-size-200);
|
|
4887
|
+
}
|
|
4871
4888
|
}
|
|
4872
4889
|
|
|
4873
4890
|
:host(:focus-visible) .box {
|