@kushagradhawan/kookie-ui 0.1.58 → 0.1.60

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 (11) hide show
  1. package/components.css +33 -33
  2. package/package.json +1 -1
  3. package/schemas/base-button.json +1 -1
  4. package/schemas/button.json +1 -1
  5. package/schemas/icon-button.json +1 -1
  6. package/schemas/index.json +6 -6
  7. package/schemas/toggle-button.json +1 -1
  8. package/schemas/toggle-icon-button.json +1 -1
  9. package/src/components/callout.css +5 -5
  10. package/src/components/chatbar.css +3 -3
  11. package/styles.css +33 -33
package/components.css CHANGED
@@ -4666,7 +4666,7 @@
4666
4666
  -moz-column-gap: var(--space-2);
4667
4667
  column-gap: var(--space-2);
4668
4668
  padding: var(--space-3);
4669
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
4669
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
4670
4670
  --callout-icon-height: var(--line-height-1);
4671
4671
  --callout-icon-size: var(--content-icon-size-1);
4672
4672
  }
@@ -4675,7 +4675,7 @@
4675
4675
  -moz-column-gap: var(--space-3);
4676
4676
  column-gap: var(--space-3);
4677
4677
  padding: var(--space-4);
4678
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
4678
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
4679
4679
  --callout-icon-height: var(--line-height-2);
4680
4680
  --callout-icon-size: var(--content-icon-size-2);
4681
4681
  }
@@ -4684,7 +4684,7 @@
4684
4684
  -moz-column-gap: var(--space-4);
4685
4685
  column-gap: var(--space-4);
4686
4686
  padding: var(--space-5);
4687
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
4687
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
4688
4688
  --callout-icon-height: var(--line-height-3);
4689
4689
  --callout-icon-size: var(--content-icon-size-3);
4690
4690
  }
@@ -4693,7 +4693,7 @@
4693
4693
  -moz-column-gap: var(--space-5);
4694
4694
  column-gap: var(--space-5);
4695
4695
  padding: var(--space-6);
4696
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
4696
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
4697
4697
  --callout-icon-height: var(--line-height-4);
4698
4698
  --callout-icon-size: var(--content-icon-size-4);
4699
4699
  }
@@ -4702,7 +4702,7 @@
4702
4702
  -moz-column-gap: var(--space-6);
4703
4703
  column-gap: var(--space-6);
4704
4704
  padding: var(--space-7);
4705
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
4705
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
4706
4706
  --callout-icon-height: var(--line-height-5);
4707
4707
  --callout-icon-size: var(--content-icon-size-5);
4708
4708
  }
@@ -4712,7 +4712,7 @@
4712
4712
  -moz-column-gap: var(--space-2);
4713
4713
  column-gap: var(--space-2);
4714
4714
  padding: var(--space-3);
4715
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
4715
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
4716
4716
  --callout-icon-height: var(--line-height-1);
4717
4717
  --callout-icon-size: var(--content-icon-size-1);
4718
4718
  }
@@ -4721,7 +4721,7 @@
4721
4721
  -moz-column-gap: var(--space-3);
4722
4722
  column-gap: var(--space-3);
4723
4723
  padding: var(--space-4);
4724
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
4724
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
4725
4725
  --callout-icon-height: var(--line-height-2);
4726
4726
  --callout-icon-size: var(--content-icon-size-2);
4727
4727
  }
@@ -4730,7 +4730,7 @@
4730
4730
  -moz-column-gap: var(--space-4);
4731
4731
  column-gap: var(--space-4);
4732
4732
  padding: var(--space-5);
4733
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
4733
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
4734
4734
  --callout-icon-height: var(--line-height-3);
4735
4735
  --callout-icon-size: var(--content-icon-size-3);
4736
4736
  }
@@ -4739,7 +4739,7 @@
4739
4739
  -moz-column-gap: var(--space-5);
4740
4740
  column-gap: var(--space-5);
4741
4741
  padding: var(--space-6);
4742
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
4742
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
4743
4743
  --callout-icon-height: var(--line-height-4);
4744
4744
  --callout-icon-size: var(--content-icon-size-4);
4745
4745
  }
@@ -4748,7 +4748,7 @@
4748
4748
  -moz-column-gap: var(--space-6);
4749
4749
  column-gap: var(--space-6);
4750
4750
  padding: var(--space-7);
4751
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
4751
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
4752
4752
  --callout-icon-height: var(--line-height-5);
4753
4753
  --callout-icon-size: var(--content-icon-size-5);
4754
4754
  }
@@ -4759,7 +4759,7 @@
4759
4759
  -moz-column-gap: var(--space-2);
4760
4760
  column-gap: var(--space-2);
4761
4761
  padding: var(--space-3);
4762
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
4762
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
4763
4763
  --callout-icon-height: var(--line-height-1);
4764
4764
  --callout-icon-size: var(--content-icon-size-1);
4765
4765
  }
@@ -4768,7 +4768,7 @@
4768
4768
  -moz-column-gap: var(--space-3);
4769
4769
  column-gap: var(--space-3);
4770
4770
  padding: var(--space-4);
4771
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
4771
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
4772
4772
  --callout-icon-height: var(--line-height-2);
4773
4773
  --callout-icon-size: var(--content-icon-size-2);
4774
4774
  }
@@ -4777,7 +4777,7 @@
4777
4777
  -moz-column-gap: var(--space-4);
4778
4778
  column-gap: var(--space-4);
4779
4779
  padding: var(--space-5);
4780
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
4780
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
4781
4781
  --callout-icon-height: var(--line-height-3);
4782
4782
  --callout-icon-size: var(--content-icon-size-3);
4783
4783
  }
@@ -4786,7 +4786,7 @@
4786
4786
  -moz-column-gap: var(--space-5);
4787
4787
  column-gap: var(--space-5);
4788
4788
  padding: var(--space-6);
4789
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
4789
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
4790
4790
  --callout-icon-height: var(--line-height-4);
4791
4791
  --callout-icon-size: var(--content-icon-size-4);
4792
4792
  }
@@ -4795,7 +4795,7 @@
4795
4795
  -moz-column-gap: var(--space-6);
4796
4796
  column-gap: var(--space-6);
4797
4797
  padding: var(--space-7);
4798
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
4798
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
4799
4799
  --callout-icon-height: var(--line-height-5);
4800
4800
  --callout-icon-size: var(--content-icon-size-5);
4801
4801
  }
@@ -4806,7 +4806,7 @@
4806
4806
  -moz-column-gap: var(--space-2);
4807
4807
  column-gap: var(--space-2);
4808
4808
  padding: var(--space-3);
4809
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
4809
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
4810
4810
  --callout-icon-height: var(--line-height-1);
4811
4811
  --callout-icon-size: var(--content-icon-size-1);
4812
4812
  }
@@ -4815,7 +4815,7 @@
4815
4815
  -moz-column-gap: var(--space-3);
4816
4816
  column-gap: var(--space-3);
4817
4817
  padding: var(--space-4);
4818
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
4818
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
4819
4819
  --callout-icon-height: var(--line-height-2);
4820
4820
  --callout-icon-size: var(--content-icon-size-2);
4821
4821
  }
@@ -4824,7 +4824,7 @@
4824
4824
  -moz-column-gap: var(--space-4);
4825
4825
  column-gap: var(--space-4);
4826
4826
  padding: var(--space-5);
4827
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
4827
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
4828
4828
  --callout-icon-height: var(--line-height-3);
4829
4829
  --callout-icon-size: var(--content-icon-size-3);
4830
4830
  }
@@ -4833,7 +4833,7 @@
4833
4833
  -moz-column-gap: var(--space-5);
4834
4834
  column-gap: var(--space-5);
4835
4835
  padding: var(--space-6);
4836
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
4836
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
4837
4837
  --callout-icon-height: var(--line-height-4);
4838
4838
  --callout-icon-size: var(--content-icon-size-4);
4839
4839
  }
@@ -4842,7 +4842,7 @@
4842
4842
  -moz-column-gap: var(--space-6);
4843
4843
  column-gap: var(--space-6);
4844
4844
  padding: var(--space-7);
4845
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
4845
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
4846
4846
  --callout-icon-height: var(--line-height-5);
4847
4847
  --callout-icon-size: var(--content-icon-size-5);
4848
4848
  }
@@ -4853,7 +4853,7 @@
4853
4853
  -moz-column-gap: var(--space-2);
4854
4854
  column-gap: var(--space-2);
4855
4855
  padding: var(--space-3);
4856
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
4856
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
4857
4857
  --callout-icon-height: var(--line-height-1);
4858
4858
  --callout-icon-size: var(--content-icon-size-1);
4859
4859
  }
@@ -4862,7 +4862,7 @@
4862
4862
  -moz-column-gap: var(--space-3);
4863
4863
  column-gap: var(--space-3);
4864
4864
  padding: var(--space-4);
4865
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
4865
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
4866
4866
  --callout-icon-height: var(--line-height-2);
4867
4867
  --callout-icon-size: var(--content-icon-size-2);
4868
4868
  }
@@ -4871,7 +4871,7 @@
4871
4871
  -moz-column-gap: var(--space-4);
4872
4872
  column-gap: var(--space-4);
4873
4873
  padding: var(--space-5);
4874
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
4874
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
4875
4875
  --callout-icon-height: var(--line-height-3);
4876
4876
  --callout-icon-size: var(--content-icon-size-3);
4877
4877
  }
@@ -4880,7 +4880,7 @@
4880
4880
  -moz-column-gap: var(--space-5);
4881
4881
  column-gap: var(--space-5);
4882
4882
  padding: var(--space-6);
4883
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
4883
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
4884
4884
  --callout-icon-height: var(--line-height-4);
4885
4885
  --callout-icon-size: var(--content-icon-size-4);
4886
4886
  }
@@ -4889,7 +4889,7 @@
4889
4889
  -moz-column-gap: var(--space-6);
4890
4890
  column-gap: var(--space-6);
4891
4891
  padding: var(--space-7);
4892
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
4892
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
4893
4893
  --callout-icon-height: var(--line-height-5);
4894
4894
  --callout-icon-size: var(--content-icon-size-5);
4895
4895
  }
@@ -4900,7 +4900,7 @@
4900
4900
  -moz-column-gap: var(--space-2);
4901
4901
  column-gap: var(--space-2);
4902
4902
  padding: var(--space-3);
4903
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
4903
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
4904
4904
  --callout-icon-height: var(--line-height-1);
4905
4905
  --callout-icon-size: var(--content-icon-size-1);
4906
4906
  }
@@ -4909,7 +4909,7 @@
4909
4909
  -moz-column-gap: var(--space-3);
4910
4910
  column-gap: var(--space-3);
4911
4911
  padding: var(--space-4);
4912
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
4912
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
4913
4913
  --callout-icon-height: var(--line-height-2);
4914
4914
  --callout-icon-size: var(--content-icon-size-2);
4915
4915
  }
@@ -4918,7 +4918,7 @@
4918
4918
  -moz-column-gap: var(--space-4);
4919
4919
  column-gap: var(--space-4);
4920
4920
  padding: var(--space-5);
4921
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
4921
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
4922
4922
  --callout-icon-height: var(--line-height-3);
4923
4923
  --callout-icon-size: var(--content-icon-size-3);
4924
4924
  }
@@ -4927,7 +4927,7 @@
4927
4927
  -moz-column-gap: var(--space-5);
4928
4928
  column-gap: var(--space-5);
4929
4929
  padding: var(--space-6);
4930
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
4930
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
4931
4931
  --callout-icon-height: var(--line-height-4);
4932
4932
  --callout-icon-size: var(--content-icon-size-4);
4933
4933
  }
@@ -4936,7 +4936,7 @@
4936
4936
  -moz-column-gap: var(--space-6);
4937
4937
  column-gap: var(--space-6);
4938
4938
  padding: var(--space-7);
4939
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
4939
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
4940
4940
  --callout-icon-height: var(--line-height-5);
4941
4941
  --callout-icon-size: var(--content-icon-size-5);
4942
4942
  }
@@ -19997,7 +19997,7 @@
19997
19997
  }
19998
19998
  .rt-ChatbarBox:where(.rt-variant-outline) {
19999
19999
  --text-area-selection-color: var(--focus-a5);
20000
- --text-area-focus-color: var(--focus-8);
20000
+ --text-area-focus-color: var(--focus-9);
20001
20001
  --text-area-border-width: 1px;
20002
20002
  box-shadow: inset 0 0 0 1px var(--accent-6);
20003
20003
  transition: var(--transition-background-blur);
@@ -20023,7 +20023,7 @@
20023
20023
  }
20024
20024
  .rt-ChatbarBox:where(.rt-variant-classic) {
20025
20025
  --text-area-selection-color: var(--focus-a5);
20026
- --text-area-focus-color: var(--focus-8);
20026
+ --text-area-focus-color: var(--focus-9);
20027
20027
  --text-area-border-width: 0px;
20028
20028
  background-color: var(--color-surface-solid);
20029
20029
  box-shadow: var(--shadow-2);
@@ -20039,7 +20039,7 @@
20039
20039
  }
20040
20040
  }
20041
20041
  .rt-ChatbarBox:where(.rt-variant-classic):where(:focus-within) {
20042
- box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
20042
+ box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-9);
20043
20043
  }
20044
20044
  .rt-ChatbarBox:where(.rt-variant-soft) {
20045
20045
  --text-area-selection-color: var(--accent-a5);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kushagradhawan/kookie-ui",
3
- "version": "0.1.58",
3
+ "version": "0.1.60",
4
4
  "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive docs",
5
5
  "keywords": [
6
6
  "react",
package/schemas/base-button.json CHANGED
@@ -279,6 +279,6 @@
279
279
  "title": "Base-button Component Props",
280
280
  "description": "Props schema for the base-button component in Kookie UI",
281
281
  "version": "1.0.0",
282
- "generatedAt": "2025-10-08T07:38:35.931Z",
282
+ "generatedAt": "2025-11-12T09:28:20.189Z",
283
283
  "source": "Zod schema"
284
284
  }
package/schemas/button.json CHANGED
@@ -530,6 +530,6 @@
530
530
  "title": "Button Component Props",
531
531
  "description": "Props schema for the button component in Kookie UI",
532
532
  "version": "1.0.0",
533
- "generatedAt": "2025-10-08T07:38:35.937Z",
533
+ "generatedAt": "2025-11-12T09:28:20.194Z",
534
534
  "source": "Zod schema"
535
535
  }
package/schemas/icon-button.json CHANGED
@@ -313,6 +313,6 @@
313
313
  "title": "Icon-button Component Props",
314
314
  "description": "Props schema for the icon-button component in Kookie UI",
315
315
  "version": "1.0.0",
316
- "generatedAt": "2025-10-08T07:38:35.939Z",
316
+ "generatedAt": "2025-11-12T09:28:20.196Z",
317
317
  "source": "Zod schema"
318
318
  }
package/schemas/index.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "title": "Kookie UI Button Components",
4
4
  "description": "Complete JSON Schema collection for all button components in Kookie UI",
5
5
  "version": "1.0.0",
6
- "generatedAt": "2025-10-08T07:38:35.941Z",
6
+ "generatedAt": "2025-11-12T09:28:20.199Z",
7
7
  "source": "Zod schemas",
8
8
  "components": {
9
9
  "base-button": {
@@ -287,7 +287,7 @@
287
287
  "title": "Base-button Component Props",
288
288
  "description": "Props schema for the base-button component in Kookie UI",
289
289
  "version": "1.0.0",
290
- "generatedAt": "2025-10-08T07:38:35.931Z",
290
+ "generatedAt": "2025-11-12T09:28:20.189Z",
291
291
  "source": "Zod schema"
292
292
  },
293
293
  "button": {
@@ -822,7 +822,7 @@
822
822
  "title": "Button Component Props",
823
823
  "description": "Props schema for the button component in Kookie UI",
824
824
  "version": "1.0.0",
825
- "generatedAt": "2025-10-08T07:38:35.937Z",
825
+ "generatedAt": "2025-11-12T09:28:20.194Z",
826
826
  "source": "Zod schema"
827
827
  },
828
828
  "icon-button": {
@@ -1140,7 +1140,7 @@
1140
1140
  "title": "Icon-button Component Props",
1141
1141
  "description": "Props schema for the icon-button component in Kookie UI",
1142
1142
  "version": "1.0.0",
1143
- "generatedAt": "2025-10-08T07:38:35.939Z",
1143
+ "generatedAt": "2025-11-12T09:28:20.196Z",
1144
1144
  "source": "Zod schema"
1145
1145
  },
1146
1146
  "toggle-button": {
@@ -1683,7 +1683,7 @@
1683
1683
  "title": "Toggle-button Component Props",
1684
1684
  "description": "Props schema for the toggle-button component in Kookie UI",
1685
1685
  "version": "1.0.0",
1686
- "generatedAt": "2025-10-08T07:38:35.940Z",
1686
+ "generatedAt": "2025-11-12T09:28:20.197Z",
1687
1687
  "source": "Zod schema"
1688
1688
  },
1689
1689
  "toggle-icon-button": {
@@ -2009,7 +2009,7 @@
2009
2009
  "title": "Toggle-icon-button Component Props",
2010
2010
  "description": "Props schema for the toggle-icon-button component in Kookie UI",
2011
2011
  "version": "1.0.0",
2012
- "generatedAt": "2025-10-08T07:38:35.941Z",
2012
+ "generatedAt": "2025-11-12T09:28:20.198Z",
2013
2013
  "source": "Zod schema"
2014
2014
  }
2015
2015
  }
package/schemas/toggle-button.json CHANGED
@@ -538,6 +538,6 @@
538
538
  "title": "Toggle-button Component Props",
539
539
  "description": "Props schema for the toggle-button component in Kookie UI",
540
540
  "version": "1.0.0",
541
- "generatedAt": "2025-10-08T07:38:35.940Z",
541
+ "generatedAt": "2025-11-12T09:28:20.197Z",
542
542
  "source": "Zod schema"
543
543
  }
package/schemas/toggle-icon-button.json CHANGED
@@ -321,6 +321,6 @@
321
321
  "title": "Toggle-icon-button Component Props",
322
322
  "description": "Props schema for the toggle-icon-button component in Kookie UI",
323
323
  "version": "1.0.0",
324
- "generatedAt": "2025-10-08T07:38:35.941Z",
324
+ "generatedAt": "2025-11-12T09:28:20.198Z",
325
325
  "source": "Zod schema"
326
326
  }
package/src/components/callout.css CHANGED
@@ -80,7 +80,7 @@
80
80
  row-gap: var(--space-2);
81
81
  column-gap: var(--space-2);
82
82
  padding: var(--space-3);
83
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
83
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
84
84
  --callout-icon-height: var(--line-height-1);
85
85
  --callout-icon-size: var(--content-icon-size-1);
86
86
  }
@@ -88,7 +88,7 @@
88
88
  row-gap: var(--space-2);
89
89
  column-gap: var(--space-3);
90
90
  padding: var(--space-4);
91
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
91
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
92
92
  --callout-icon-height: var(--line-height-2);
93
93
  --callout-icon-size: var(--content-icon-size-2);
94
94
  }
@@ -96,7 +96,7 @@
96
96
  row-gap: var(--space-3);
97
97
  column-gap: var(--space-4);
98
98
  padding: var(--space-5);
99
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
99
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
100
100
  --callout-icon-height: var(--line-height-3);
101
101
  --callout-icon-size: var(--content-icon-size-3);
102
102
  }
@@ -104,7 +104,7 @@
104
104
  row-gap: var(--space-3);
105
105
  column-gap: var(--space-5);
106
106
  padding: var(--space-6);
107
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
107
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
108
108
  --callout-icon-height: var(--line-height-4);
109
109
  --callout-icon-size: var(--content-icon-size-4);
110
110
  }
@@ -112,7 +112,7 @@
112
112
  row-gap: var(--space-4);
113
113
  column-gap: var(--space-6);
114
114
  padding: var(--space-7);
115
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
115
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
116
116
  --callout-icon-height: var(--line-height-5);
117
117
  --callout-icon-size: var(--content-icon-size-5);
118
118
  }
package/src/components/chatbar.css CHANGED
@@ -219,7 +219,7 @@
219
219
  /* outline */
220
220
  .rt-ChatbarBox:where(.rt-variant-outline) {
221
221
  --text-area-selection-color: var(--focus-a5);
222
- --text-area-focus-color: var(--focus-8);
222
+ --text-area-focus-color: var(--focus-9);
223
223
  --text-area-border-width: 1px;
224
224
  box-shadow: inset 0 0 0 1px var(--accent-6);
225
225
  transition: var(--transition-background-blur);
@@ -248,7 +248,7 @@
248
248
  /* classic */
249
249
  .rt-ChatbarBox:where(.rt-variant-classic) {
250
250
  --text-area-selection-color: var(--focus-a5);
251
- --text-area-focus-color: var(--focus-8);
251
+ --text-area-focus-color: var(--focus-9);
252
252
  --text-area-border-width: 0px;
253
253
  background-color: var(--color-surface-solid);
254
254
  box-shadow: var(--shadow-2);
@@ -267,7 +267,7 @@
267
267
  .rt-ChatbarBox:where(.rt-variant-classic):where(:focus-within) {
268
268
  box-shadow:
269
269
  var(--shadow-2),
270
- 0 0 0 2px var(--focus-8);
270
+ 0 0 0 2px var(--focus-9);
271
271
  }
272
272
 
273
273
  /* soft */
package/styles.css CHANGED
@@ -9671,7 +9671,7 @@
9671
9671
  -moz-column-gap: var(--space-2);
9672
9672
  column-gap: var(--space-2);
9673
9673
  padding: var(--space-3);
9674
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9674
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
9675
9675
  --callout-icon-height: var(--line-height-1);
9676
9676
  --callout-icon-size: var(--content-icon-size-1);
9677
9677
  }
@@ -9680,7 +9680,7 @@
9680
9680
  -moz-column-gap: var(--space-3);
9681
9681
  column-gap: var(--space-3);
9682
9682
  padding: var(--space-4);
9683
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9683
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
9684
9684
  --callout-icon-height: var(--line-height-2);
9685
9685
  --callout-icon-size: var(--content-icon-size-2);
9686
9686
  }
@@ -9689,7 +9689,7 @@
9689
9689
  -moz-column-gap: var(--space-4);
9690
9690
  column-gap: var(--space-4);
9691
9691
  padding: var(--space-5);
9692
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9692
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
9693
9693
  --callout-icon-height: var(--line-height-3);
9694
9694
  --callout-icon-size: var(--content-icon-size-3);
9695
9695
  }
@@ -9698,7 +9698,7 @@
9698
9698
  -moz-column-gap: var(--space-5);
9699
9699
  column-gap: var(--space-5);
9700
9700
  padding: var(--space-6);
9701
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9701
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
9702
9702
  --callout-icon-height: var(--line-height-4);
9703
9703
  --callout-icon-size: var(--content-icon-size-4);
9704
9704
  }
@@ -9707,7 +9707,7 @@
9707
9707
  -moz-column-gap: var(--space-6);
9708
9708
  column-gap: var(--space-6);
9709
9709
  padding: var(--space-7);
9710
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9710
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
9711
9711
  --callout-icon-height: var(--line-height-5);
9712
9712
  --callout-icon-size: var(--content-icon-size-5);
9713
9713
  }
@@ -9717,7 +9717,7 @@
9717
9717
  -moz-column-gap: var(--space-2);
9718
9718
  column-gap: var(--space-2);
9719
9719
  padding: var(--space-3);
9720
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9720
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
9721
9721
  --callout-icon-height: var(--line-height-1);
9722
9722
  --callout-icon-size: var(--content-icon-size-1);
9723
9723
  }
@@ -9726,7 +9726,7 @@
9726
9726
  -moz-column-gap: var(--space-3);
9727
9727
  column-gap: var(--space-3);
9728
9728
  padding: var(--space-4);
9729
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9729
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
9730
9730
  --callout-icon-height: var(--line-height-2);
9731
9731
  --callout-icon-size: var(--content-icon-size-2);
9732
9732
  }
@@ -9735,7 +9735,7 @@
9735
9735
  -moz-column-gap: var(--space-4);
9736
9736
  column-gap: var(--space-4);
9737
9737
  padding: var(--space-5);
9738
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9738
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
9739
9739
  --callout-icon-height: var(--line-height-3);
9740
9740
  --callout-icon-size: var(--content-icon-size-3);
9741
9741
  }
@@ -9744,7 +9744,7 @@
9744
9744
  -moz-column-gap: var(--space-5);
9745
9745
  column-gap: var(--space-5);
9746
9746
  padding: var(--space-6);
9747
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9747
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
9748
9748
  --callout-icon-height: var(--line-height-4);
9749
9749
  --callout-icon-size: var(--content-icon-size-4);
9750
9750
  }
@@ -9753,7 +9753,7 @@
9753
9753
  -moz-column-gap: var(--space-6);
9754
9754
  column-gap: var(--space-6);
9755
9755
  padding: var(--space-7);
9756
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9756
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
9757
9757
  --callout-icon-height: var(--line-height-5);
9758
9758
  --callout-icon-size: var(--content-icon-size-5);
9759
9759
  }
@@ -9764,7 +9764,7 @@
9764
9764
  -moz-column-gap: var(--space-2);
9765
9765
  column-gap: var(--space-2);
9766
9766
  padding: var(--space-3);
9767
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9767
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
9768
9768
  --callout-icon-height: var(--line-height-1);
9769
9769
  --callout-icon-size: var(--content-icon-size-1);
9770
9770
  }
@@ -9773,7 +9773,7 @@
9773
9773
  -moz-column-gap: var(--space-3);
9774
9774
  column-gap: var(--space-3);
9775
9775
  padding: var(--space-4);
9776
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9776
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
9777
9777
  --callout-icon-height: var(--line-height-2);
9778
9778
  --callout-icon-size: var(--content-icon-size-2);
9779
9779
  }
@@ -9782,7 +9782,7 @@
9782
9782
  -moz-column-gap: var(--space-4);
9783
9783
  column-gap: var(--space-4);
9784
9784
  padding: var(--space-5);
9785
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9785
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
9786
9786
  --callout-icon-height: var(--line-height-3);
9787
9787
  --callout-icon-size: var(--content-icon-size-3);
9788
9788
  }
@@ -9791,7 +9791,7 @@
9791
9791
  -moz-column-gap: var(--space-5);
9792
9792
  column-gap: var(--space-5);
9793
9793
  padding: var(--space-6);
9794
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9794
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
9795
9795
  --callout-icon-height: var(--line-height-4);
9796
9796
  --callout-icon-size: var(--content-icon-size-4);
9797
9797
  }
@@ -9800,7 +9800,7 @@
9800
9800
  -moz-column-gap: var(--space-6);
9801
9801
  column-gap: var(--space-6);
9802
9802
  padding: var(--space-7);
9803
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9803
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
9804
9804
  --callout-icon-height: var(--line-height-5);
9805
9805
  --callout-icon-size: var(--content-icon-size-5);
9806
9806
  }
@@ -9811,7 +9811,7 @@
9811
9811
  -moz-column-gap: var(--space-2);
9812
9812
  column-gap: var(--space-2);
9813
9813
  padding: var(--space-3);
9814
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9814
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
9815
9815
  --callout-icon-height: var(--line-height-1);
9816
9816
  --callout-icon-size: var(--content-icon-size-1);
9817
9817
  }
@@ -9820,7 +9820,7 @@
9820
9820
  -moz-column-gap: var(--space-3);
9821
9821
  column-gap: var(--space-3);
9822
9822
  padding: var(--space-4);
9823
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9823
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
9824
9824
  --callout-icon-height: var(--line-height-2);
9825
9825
  --callout-icon-size: var(--content-icon-size-2);
9826
9826
  }
@@ -9829,7 +9829,7 @@
9829
9829
  -moz-column-gap: var(--space-4);
9830
9830
  column-gap: var(--space-4);
9831
9831
  padding: var(--space-5);
9832
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9832
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
9833
9833
  --callout-icon-height: var(--line-height-3);
9834
9834
  --callout-icon-size: var(--content-icon-size-3);
9835
9835
  }
@@ -9838,7 +9838,7 @@
9838
9838
  -moz-column-gap: var(--space-5);
9839
9839
  column-gap: var(--space-5);
9840
9840
  padding: var(--space-6);
9841
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9841
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
9842
9842
  --callout-icon-height: var(--line-height-4);
9843
9843
  --callout-icon-size: var(--content-icon-size-4);
9844
9844
  }
@@ -9847,7 +9847,7 @@
9847
9847
  -moz-column-gap: var(--space-6);
9848
9848
  column-gap: var(--space-6);
9849
9849
  padding: var(--space-7);
9850
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9850
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
9851
9851
  --callout-icon-height: var(--line-height-5);
9852
9852
  --callout-icon-size: var(--content-icon-size-5);
9853
9853
  }
@@ -9858,7 +9858,7 @@
9858
9858
  -moz-column-gap: var(--space-2);
9859
9859
  column-gap: var(--space-2);
9860
9860
  padding: var(--space-3);
9861
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9861
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
9862
9862
  --callout-icon-height: var(--line-height-1);
9863
9863
  --callout-icon-size: var(--content-icon-size-1);
9864
9864
  }
@@ -9867,7 +9867,7 @@
9867
9867
  -moz-column-gap: var(--space-3);
9868
9868
  column-gap: var(--space-3);
9869
9869
  padding: var(--space-4);
9870
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9870
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
9871
9871
  --callout-icon-height: var(--line-height-2);
9872
9872
  --callout-icon-size: var(--content-icon-size-2);
9873
9873
  }
@@ -9876,7 +9876,7 @@
9876
9876
  -moz-column-gap: var(--space-4);
9877
9877
  column-gap: var(--space-4);
9878
9878
  padding: var(--space-5);
9879
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9879
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
9880
9880
  --callout-icon-height: var(--line-height-3);
9881
9881
  --callout-icon-size: var(--content-icon-size-3);
9882
9882
  }
@@ -9885,7 +9885,7 @@
9885
9885
  -moz-column-gap: var(--space-5);
9886
9886
  column-gap: var(--space-5);
9887
9887
  padding: var(--space-6);
9888
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9888
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
9889
9889
  --callout-icon-height: var(--line-height-4);
9890
9890
  --callout-icon-size: var(--content-icon-size-4);
9891
9891
  }
@@ -9894,7 +9894,7 @@
9894
9894
  -moz-column-gap: var(--space-6);
9895
9895
  column-gap: var(--space-6);
9896
9896
  padding: var(--space-7);
9897
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9897
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
9898
9898
  --callout-icon-height: var(--line-height-5);
9899
9899
  --callout-icon-size: var(--content-icon-size-5);
9900
9900
  }
@@ -9905,7 +9905,7 @@
9905
9905
  -moz-column-gap: var(--space-2);
9906
9906
  column-gap: var(--space-2);
9907
9907
  padding: var(--space-3);
9908
- --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
9908
+ --callout-border-radius: max(var(--radius-1), var(--radius-full));
9909
9909
  --callout-icon-height: var(--line-height-1);
9910
9910
  --callout-icon-size: var(--content-icon-size-1);
9911
9911
  }
@@ -9914,7 +9914,7 @@
9914
9914
  -moz-column-gap: var(--space-3);
9915
9915
  column-gap: var(--space-3);
9916
9916
  padding: var(--space-4);
9917
- --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
9917
+ --callout-border-radius: max(var(--radius-2), var(--radius-full));
9918
9918
  --callout-icon-height: var(--line-height-2);
9919
9919
  --callout-icon-size: var(--content-icon-size-2);
9920
9920
  }
@@ -9923,7 +9923,7 @@
9923
9923
  -moz-column-gap: var(--space-4);
9924
9924
  column-gap: var(--space-4);
9925
9925
  padding: var(--space-5);
9926
- --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
9926
+ --callout-border-radius: max(var(--radius-3), var(--radius-full));
9927
9927
  --callout-icon-height: var(--line-height-3);
9928
9928
  --callout-icon-size: var(--content-icon-size-3);
9929
9929
  }
@@ -9932,7 +9932,7 @@
9932
9932
  -moz-column-gap: var(--space-5);
9933
9933
  column-gap: var(--space-5);
9934
9934
  padding: var(--space-6);
9935
- --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
9935
+ --callout-border-radius: max(var(--radius-4), var(--radius-full));
9936
9936
  --callout-icon-height: var(--line-height-4);
9937
9937
  --callout-icon-size: var(--content-icon-size-4);
9938
9938
  }
@@ -9941,7 +9941,7 @@
9941
9941
  -moz-column-gap: var(--space-6);
9942
9942
  column-gap: var(--space-6);
9943
9943
  padding: var(--space-7);
9944
- --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
9944
+ --callout-border-radius: max(var(--radius-5), var(--radius-full));
9945
9945
  --callout-icon-height: var(--line-height-5);
9946
9946
  --callout-icon-size: var(--content-icon-size-5);
9947
9947
  }
@@ -25002,7 +25002,7 @@
25002
25002
  }
25003
25003
  .rt-ChatbarBox:where(.rt-variant-outline){
25004
25004
  --text-area-selection-color: var(--focus-a5);
25005
- --text-area-focus-color: var(--focus-8);
25005
+ --text-area-focus-color: var(--focus-9);
25006
25006
  --text-area-border-width: 1px;
25007
25007
  box-shadow: inset 0 0 0 1px var(--accent-6);
25008
25008
  transition: var(--transition-background-blur);
@@ -25028,7 +25028,7 @@
25028
25028
  }
25029
25029
  .rt-ChatbarBox:where(.rt-variant-classic){
25030
25030
  --text-area-selection-color: var(--focus-a5);
25031
- --text-area-focus-color: var(--focus-8);
25031
+ --text-area-focus-color: var(--focus-9);
25032
25032
  --text-area-border-width: 0px;
25033
25033
  background-color: var(--color-surface-solid);
25034
25034
  box-shadow: var(--shadow-2);
@@ -25044,7 +25044,7 @@
25044
25044
  }
25045
25045
  }
25046
25046
  .rt-ChatbarBox:where(.rt-variant-classic):where(:focus-within){
25047
- box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
25047
+ box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-9);
25048
25048
  }
25049
25049
  .rt-ChatbarBox:where(.rt-variant-soft){
25050
25050
  --text-area-selection-color: var(--accent-a5);