@kushagradhawan/kookie-ui 0.1.51 → 0.1.53

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 (19) hide show
  1. package/components.css +72 -72
  2. package/dist/cjs/components/chatbar.d.ts +12 -0
  3. package/dist/cjs/components/chatbar.d.ts.map +1 -1
  4. package/dist/cjs/components/chatbar.js +1 -1
  5. package/dist/cjs/components/chatbar.js.map +3 -3
  6. package/dist/esm/components/chatbar.d.ts +12 -0
  7. package/dist/esm/components/chatbar.d.ts.map +1 -1
  8. package/dist/esm/components/chatbar.js +1 -1
  9. package/dist/esm/components/chatbar.js.map +3 -3
  10. package/package.json +1 -1
  11. package/schemas/base-button.json +1 -1
  12. package/schemas/button.json +1 -1
  13. package/schemas/icon-button.json +1 -1
  14. package/schemas/index.json +6 -6
  15. package/schemas/toggle-button.json +1 -1
  16. package/schemas/toggle-icon-button.json +1 -1
  17. package/src/components/chatbar.css +15 -12
  18. package/src/components/chatbar.tsx +34 -1
  19. package/styles.css +72 -72
package/styles.css CHANGED
@@ -24489,68 +24489,68 @@
24489
24489
  --backdrop-filter-components: none;
24490
24490
  }
24491
24491
  .rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarBox{
24492
- border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
24493
- padding: var(--space-2);
24492
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24493
+ padding: var(--space-3);
24494
24494
  }
24495
24495
  .rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarInput{
24496
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24497
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24496
+ --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24497
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24498
24498
  font-size: var(--font-size-1);
24499
24499
  line-height: var(--line-height-1);
24500
24500
  letter-spacing: var(--letter-spacing-1);
24501
24501
  }
24502
24502
  .rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarBox{
24503
- border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24504
- padding: var(--space-3);
24503
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24504
+ padding: var(--space-4);
24505
24505
  }
24506
24506
  .rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarInput{
24507
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24508
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24507
+ --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
24508
+ --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
24509
24509
  font-size: var(--font-size-2);
24510
24510
  line-height: var(--line-height-2);
24511
24511
  letter-spacing: var(--letter-spacing-2);
24512
24512
  }
24513
24513
  .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarBox{
24514
- border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24515
- padding: var(--space-4);
24514
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
24515
+ padding: var(--space-5);
24516
24516
  }
24517
24517
  .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput{
24518
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24519
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24518
+ --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
24519
+ --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
24520
24520
  font-size: var(--font-size-3);
24521
24521
  line-height: var(--line-height-3);
24522
24522
  letter-spacing: var(--letter-spacing-3);
24523
24523
  }
24524
24524
  @media (min-width: 520px){
24525
24525
  .rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarBox{
24526
- border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
24527
- padding: var(--space-2);
24526
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24527
+ padding: var(--space-3);
24528
24528
  }
24529
24529
  .rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarInput{
24530
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24531
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24530
+ --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24531
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24532
24532
  font-size: var(--font-size-1);
24533
24533
  line-height: var(--line-height-1);
24534
24534
  letter-spacing: var(--letter-spacing-1);
24535
24535
  }
24536
24536
  .rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarBox{
24537
- border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24538
- padding: var(--space-3);
24537
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24538
+ padding: var(--space-4);
24539
24539
  }
24540
24540
  .rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarInput{
24541
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24542
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24541
+ --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
24542
+ --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
24543
24543
  font-size: var(--font-size-2);
24544
24544
  line-height: var(--line-height-2);
24545
24545
  letter-spacing: var(--letter-spacing-2);
24546
24546
  }
24547
24547
  .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarBox{
24548
- border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24549
- padding: var(--space-4);
24548
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
24549
+ padding: var(--space-5);
24550
24550
  }
24551
24551
  .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarInput{
24552
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24553
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24552
+ --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
24553
+ --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
24554
24554
  font-size: var(--font-size-3);
24555
24555
  line-height: var(--line-height-3);
24556
24556
  letter-spacing: var(--letter-spacing-3);
@@ -24558,34 +24558,34 @@
24558
24558
  }
24559
24559
  @media (min-width: 768px){
24560
24560
  .rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarBox{
24561
- border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
24562
- padding: var(--space-2);
24561
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24562
+ padding: var(--space-3);
24563
24563
  }
24564
24564
  .rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarInput{
24565
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24566
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24565
+ --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24566
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24567
24567
  font-size: var(--font-size-1);
24568
24568
  line-height: var(--line-height-1);
24569
24569
  letter-spacing: var(--letter-spacing-1);
24570
24570
  }
24571
24571
  .rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarBox{
24572
- border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24573
- padding: var(--space-3);
24572
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24573
+ padding: var(--space-4);
24574
24574
  }
24575
24575
  .rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarInput{
24576
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24577
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24576
+ --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
24577
+ --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
24578
24578
  font-size: var(--font-size-2);
24579
24579
  line-height: var(--line-height-2);
24580
24580
  letter-spacing: var(--letter-spacing-2);
24581
24581
  }
24582
24582
  .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarBox{
24583
- border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24584
- padding: var(--space-4);
24583
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
24584
+ padding: var(--space-5);
24585
24585
  }
24586
24586
  .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarInput{
24587
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24588
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24587
+ --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
24588
+ --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
24589
24589
  font-size: var(--font-size-3);
24590
24590
  line-height: var(--line-height-3);
24591
24591
  letter-spacing: var(--letter-spacing-3);
@@ -24593,34 +24593,34 @@
24593
24593
  }
24594
24594
  @media (min-width: 1024px){
24595
24595
  .rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarBox{
24596
- border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
24597
- padding: var(--space-2);
24596
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24597
+ padding: var(--space-3);
24598
24598
  }
24599
24599
  .rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarInput{
24600
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24601
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24600
+ --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24601
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24602
24602
  font-size: var(--font-size-1);
24603
24603
  line-height: var(--line-height-1);
24604
24604
  letter-spacing: var(--letter-spacing-1);
24605
24605
  }
24606
24606
  .rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarBox{
24607
- border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24608
- padding: var(--space-3);
24607
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24608
+ padding: var(--space-4);
24609
24609
  }
24610
24610
  .rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarInput{
24611
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24612
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24611
+ --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
24612
+ --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
24613
24613
  font-size: var(--font-size-2);
24614
24614
  line-height: var(--line-height-2);
24615
24615
  letter-spacing: var(--letter-spacing-2);
24616
24616
  }
24617
24617
  .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarBox{
24618
- border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24619
- padding: var(--space-4);
24618
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
24619
+ padding: var(--space-5);
24620
24620
  }
24621
24621
  .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarInput{
24622
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24623
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24622
+ --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
24623
+ --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
24624
24624
  font-size: var(--font-size-3);
24625
24625
  line-height: var(--line-height-3);
24626
24626
  letter-spacing: var(--letter-spacing-3);
@@ -24628,34 +24628,34 @@
24628
24628
  }
24629
24629
  @media (min-width: 1280px){
24630
24630
  .rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarBox{
24631
- border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
24632
- padding: var(--space-2);
24631
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24632
+ padding: var(--space-3);
24633
24633
  }
24634
24634
  .rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarInput{
24635
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24636
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24635
+ --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24636
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24637
24637
  font-size: var(--font-size-1);
24638
24638
  line-height: var(--line-height-1);
24639
24639
  letter-spacing: var(--letter-spacing-1);
24640
24640
  }
24641
24641
  .rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarBox{
24642
- border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24643
- padding: var(--space-3);
24642
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24643
+ padding: var(--space-4);
24644
24644
  }
24645
24645
  .rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarInput{
24646
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24647
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24646
+ --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
24647
+ --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
24648
24648
  font-size: var(--font-size-2);
24649
24649
  line-height: var(--line-height-2);
24650
24650
  letter-spacing: var(--letter-spacing-2);
24651
24651
  }
24652
24652
  .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarBox{
24653
- border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24654
- padding: var(--space-4);
24653
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
24654
+ padding: var(--space-5);
24655
24655
  }
24656
24656
  .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarInput{
24657
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24658
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24657
+ --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
24658
+ --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
24659
24659
  font-size: var(--font-size-3);
24660
24660
  line-height: var(--line-height-3);
24661
24661
  letter-spacing: var(--letter-spacing-3);
@@ -24663,34 +24663,34 @@
24663
24663
  }
24664
24664
  @media (min-width: 1640px){
24665
24665
  .rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarBox{
24666
- border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
24667
- padding: var(--space-2);
24666
+ border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24667
+ padding: var(--space-3);
24668
24668
  }
24669
24669
  .rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarInput{
24670
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24671
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24670
+ --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24671
+ --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24672
24672
  font-size: var(--font-size-1);
24673
24673
  line-height: var(--line-height-1);
24674
24674
  letter-spacing: var(--letter-spacing-1);
24675
24675
  }
24676
24676
  .rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarBox{
24677
- border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
24678
- padding: var(--space-3);
24677
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24678
+ padding: var(--space-4);
24679
24679
  }
24680
24680
  .rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarInput{
24681
- --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
24682
- --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
24681
+ --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
24682
+ --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
24683
24683
  font-size: var(--font-size-2);
24684
24684
  line-height: var(--line-height-2);
24685
24685
  letter-spacing: var(--letter-spacing-2);
24686
24686
  }
24687
24687
  .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarBox{
24688
- border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24689
- padding: var(--space-4);
24688
+ border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
24689
+ padding: var(--space-5);
24690
24690
  }
24691
24691
  .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarInput{
24692
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
24693
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
24692
+ --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
24693
+ --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
24694
24694
  font-size: var(--font-size-3);
24695
24695
  line-height: var(--line-height-3);
24696
24696
  letter-spacing: var(--letter-spacing-3);