@florid-kit/components 0.9.17 → 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.
Files changed (3) hide show
  1. package/index.js +22 -8
  2. package/index.mjs +22 -8
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -2532,10 +2532,17 @@
2532
2532
  width: 16px;
2533
2533
  height: 16px;
2534
2534
  }
2535
- :host([size="L"]) .box {
2536
- width: 24px;
2537
- height: 24px;
2538
- border: 2px solid var(--color-border-secondary);
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
+ }
2539
2546
  }
2540
2547
 
2541
2548
  :host([checked]) .box,
@@ -2637,10 +2644,17 @@
2637
2644
  width: 16px;
2638
2645
  height: 16px;
2639
2646
  }
2640
- :host([size="L"]) .box {
2641
- width: 24px;
2642
- height: 24px;
2643
- border: 2px solid #7e7173;
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
+ }
2644
2658
  }
2645
2659
 
2646
2660
  :host(:focus-visible) .box {
package/index.mjs CHANGED
@@ -4697,10 +4697,17 @@ _.styles = f`
4697
4697
  width: 16px;
4698
4698
  height: 16px;
4699
4699
  }
4700
- :host([size="L"]) .box {
4701
- width: 24px;
4702
- height: 24px;
4703
- border: 2px solid var(--color-border-secondary);
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
+ }
4704
4711
  }
4705
4712
 
4706
4713
  :host([checked]) .box,
@@ -4867,10 +4874,17 @@ I.styles = f`
4867
4874
  width: 16px;
4868
4875
  height: 16px;
4869
4876
  }
4870
- :host([size="L"]) .box {
4871
- width: 24px;
4872
- height: 24px;
4873
- border: 2px solid #7e7173;
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
+ }
4874
4888
  }
4875
4889
 
4876
4890
  :host(:focus-visible) .box {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.9.17",
3
+ "version": "0.9.18",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",