@kushagradhawan/kookie-ui 0.1.68 → 0.1.69
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/components.css +174 -60
- package/package.json +1 -1
- package/schemas/base-button.json +1 -1
- package/schemas/button.json +1 -1
- package/schemas/icon-button.json +1 -1
- package/schemas/index.json +6 -6
- package/schemas/toggle-button.json +1 -1
- package/schemas/toggle-icon-button.json +1 -1
- package/src/components/sidebar.css +36 -5
- package/styles.css +174 -60
|
@@ -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-12-05T07:
|
|
541
|
+
"generatedAt": "2025-12-05T07:18:52.484Z",
|
|
542
542
|
"source": "Zod schema"
|
|
543
543
|
}
|
|
@@ -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-12-05T07:
|
|
324
|
+
"generatedAt": "2025-12-05T07:18:52.485Z",
|
|
325
325
|
"source": "Zod schema"
|
|
326
326
|
}
|
|
@@ -558,7 +558,7 @@
|
|
|
558
558
|
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
559
559
|
--base-menu-item-padding-right: var(--space-2);
|
|
560
560
|
--base-menu-item-padding-y: var(--space-1);
|
|
561
|
-
--base-menu-item-height: var(--space-
|
|
561
|
+
--base-menu-item-height: var(--space-6);
|
|
562
562
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
563
563
|
}
|
|
564
564
|
|
|
@@ -567,7 +567,7 @@
|
|
|
567
567
|
--base-menu-item-padding-left: var(--space-3);
|
|
568
568
|
--base-menu-item-padding-right: var(--space-3);
|
|
569
569
|
--base-menu-item-padding-y: var(--space-1);
|
|
570
|
-
--base-menu-item-height: var(--space-
|
|
570
|
+
--base-menu-item-height: var(--space-7);
|
|
571
571
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
572
572
|
}
|
|
573
573
|
|
|
@@ -576,13 +576,15 @@
|
|
|
576
576
|
--base-menu-item-padding-left: var(--space-3);
|
|
577
577
|
--base-menu-item-padding-right: var(--space-3);
|
|
578
578
|
--base-menu-item-padding-y: var(--space-2);
|
|
579
|
-
--base-menu-item-height: var(--space-
|
|
579
|
+
--base-menu-item-height: var(--space-8);
|
|
580
580
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
581
581
|
}
|
|
582
582
|
}
|
|
583
583
|
|
|
584
584
|
/* Size-specific menu button styling - inherit from base menu */
|
|
585
|
-
.rt-SidebarContent:where(.rt-r-size-1)
|
|
585
|
+
.rt-SidebarContent:where(.rt-r-size-1),
|
|
586
|
+
.rt-SidebarHeader:where(.rt-r-size-1),
|
|
587
|
+
.rt-SidebarFooter:where(.rt-r-size-1) {
|
|
586
588
|
& :where(.rt-SidebarMenuButton) {
|
|
587
589
|
gap: var(--component-gap-2);
|
|
588
590
|
font-size: var(--font-size-1);
|
|
@@ -608,7 +610,9 @@
|
|
|
608
610
|
}
|
|
609
611
|
}
|
|
610
612
|
|
|
611
|
-
.rt-SidebarContent:where(.rt-r-size-2)
|
|
613
|
+
.rt-SidebarContent:where(.rt-r-size-2),
|
|
614
|
+
.rt-SidebarHeader:where(.rt-r-size-2),
|
|
615
|
+
.rt-SidebarFooter:where(.rt-r-size-2) {
|
|
612
616
|
& :where(.rt-SidebarMenuButton) {
|
|
613
617
|
gap: var(--component-gap-3);
|
|
614
618
|
font-size: var(--font-size-2);
|
|
@@ -645,6 +649,33 @@
|
|
|
645
649
|
margin-left: auto;
|
|
646
650
|
}
|
|
647
651
|
}
|
|
652
|
+
|
|
653
|
+
.rt-SidebarContent:where(.rt-r-size-3),
|
|
654
|
+
.rt-SidebarHeader:where(.rt-r-size-3),
|
|
655
|
+
.rt-SidebarFooter:where(.rt-r-size-3) {
|
|
656
|
+
& :where(.rt-SidebarMenuButton) {
|
|
657
|
+
gap: var(--component-gap-3);
|
|
658
|
+
font-size: var(--font-size-3);
|
|
659
|
+
line-height: var(--line-height-2);
|
|
660
|
+
letter-spacing: var(--letter-spacing-2);
|
|
661
|
+
border-radius: var(--radius-2);
|
|
662
|
+
font-weight: var(--font-weight-regular);
|
|
663
|
+
|
|
664
|
+
/* stylelint-disable-next-line selector-max-type */
|
|
665
|
+
& :where(svg) {
|
|
666
|
+
width: var(--content-icon-size-3);
|
|
667
|
+
height: var(--content-icon-size-3);
|
|
668
|
+
flex-shrink: 0;
|
|
669
|
+
}
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
& :where(.rt-BaseMenuSubTriggerIcon) {
|
|
673
|
+
width: var(--indicator-icon-size-2);
|
|
674
|
+
height: var(--indicator-icon-size-2);
|
|
675
|
+
flex-shrink: 0;
|
|
676
|
+
margin-left: auto;
|
|
677
|
+
}
|
|
678
|
+
}
|
|
648
679
|
}
|
|
649
680
|
|
|
650
681
|
/***************************************************************************************************
|
package/styles.css
CHANGED
|
@@ -21383,7 +21383,7 @@
|
|
|
21383
21383
|
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
21384
21384
|
--base-menu-item-padding-right: var(--space-2);
|
|
21385
21385
|
--base-menu-item-padding-y: var(--space-1);
|
|
21386
|
-
--base-menu-item-height: var(--space-
|
|
21386
|
+
--base-menu-item-height: var(--space-6);
|
|
21387
21387
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21388
21388
|
}
|
|
21389
21389
|
.rt-SidebarHeader:where(.rt-r-size-2), .rt-SidebarFooter:where(.rt-r-size-2){
|
|
@@ -21391,7 +21391,7 @@
|
|
|
21391
21391
|
--base-menu-item-padding-left: var(--space-3);
|
|
21392
21392
|
--base-menu-item-padding-right: var(--space-3);
|
|
21393
21393
|
--base-menu-item-padding-y: var(--space-1);
|
|
21394
|
-
--base-menu-item-height: var(--space-
|
|
21394
|
+
--base-menu-item-height: var(--space-7);
|
|
21395
21395
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21396
21396
|
}
|
|
21397
21397
|
.rt-SidebarHeader:where(.rt-r-size-3), .rt-SidebarFooter:where(.rt-r-size-3){
|
|
@@ -21399,10 +21399,10 @@
|
|
|
21399
21399
|
--base-menu-item-padding-left: var(--space-3);
|
|
21400
21400
|
--base-menu-item-padding-right: var(--space-3);
|
|
21401
21401
|
--base-menu-item-padding-y: var(--space-2);
|
|
21402
|
-
--base-menu-item-height: var(--space-
|
|
21402
|
+
--base-menu-item-height: var(--space-8);
|
|
21403
21403
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21404
21404
|
}
|
|
21405
|
-
.rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
21405
|
+
.rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
21406
21406
|
gap: var(--component-gap-2);
|
|
21407
21407
|
font-size: var(--font-size-1);
|
|
21408
21408
|
line-height: var(--line-height-1);
|
|
@@ -21410,18 +21410,18 @@
|
|
|
21410
21410
|
border-radius: var(--radius-1);
|
|
21411
21411
|
font-weight: var(--font-weight-regular);
|
|
21412
21412
|
}
|
|
21413
|
-
.rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21413
|
+
.rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21414
21414
|
width: var(--content-icon-size-2);
|
|
21415
21415
|
height: var(--content-icon-size-2);
|
|
21416
21416
|
flex-shrink: 0;
|
|
21417
21417
|
}
|
|
21418
|
-
.rt-SidebarContent:where(.rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21418
|
+
.rt-SidebarContent:where(.rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21419
21419
|
width: var(--indicator-icon-size-1);
|
|
21420
21420
|
height: var(--indicator-icon-size-1);
|
|
21421
21421
|
flex-shrink: 0;
|
|
21422
21422
|
margin-left: auto;
|
|
21423
21423
|
}
|
|
21424
|
-
.rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
21424
|
+
.rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
21425
21425
|
gap: var(--component-gap-3);
|
|
21426
21426
|
font-size: var(--font-size-2);
|
|
21427
21427
|
line-height: var(--line-height-2);
|
|
@@ -21429,17 +21429,36 @@
|
|
|
21429
21429
|
border-radius: var(--radius-2);
|
|
21430
21430
|
font-weight: var(--font-weight-regular);
|
|
21431
21431
|
}
|
|
21432
|
-
.rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21432
|
+
.rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21433
21433
|
width: var(--content-icon-size-3);
|
|
21434
21434
|
height: var(--content-icon-size-3);
|
|
21435
21435
|
flex-shrink: 0;
|
|
21436
21436
|
}
|
|
21437
|
-
.rt-SidebarContent:where(.rt-r-size-2) .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21437
|
+
.rt-SidebarContent:where(.rt-r-size-2) .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.rt-r-size-2) .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.rt-r-size-2) .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21438
21438
|
width: var(--content-icon-size-3);
|
|
21439
21439
|
height: var(--content-icon-size-3);
|
|
21440
21440
|
flex-shrink: 0;
|
|
21441
21441
|
}
|
|
21442
|
-
.rt-SidebarContent:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21442
|
+
.rt-SidebarContent:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21443
|
+
width: var(--indicator-icon-size-2);
|
|
21444
|
+
height: var(--indicator-icon-size-2);
|
|
21445
|
+
flex-shrink: 0;
|
|
21446
|
+
margin-left: auto;
|
|
21447
|
+
}
|
|
21448
|
+
.rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.rt-r-size-3) :where(.rt-SidebarMenuButton){
|
|
21449
|
+
gap: var(--component-gap-3);
|
|
21450
|
+
font-size: var(--font-size-3);
|
|
21451
|
+
line-height: var(--line-height-2);
|
|
21452
|
+
letter-spacing: var(--letter-spacing-2);
|
|
21453
|
+
border-radius: var(--radius-2);
|
|
21454
|
+
font-weight: var(--font-weight-regular);
|
|
21455
|
+
}
|
|
21456
|
+
.rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21457
|
+
width: var(--content-icon-size-3);
|
|
21458
|
+
height: var(--content-icon-size-3);
|
|
21459
|
+
flex-shrink: 0;
|
|
21460
|
+
}
|
|
21461
|
+
.rt-SidebarContent:where(.rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21443
21462
|
width: var(--indicator-icon-size-2);
|
|
21444
21463
|
height: var(--indicator-icon-size-2);
|
|
21445
21464
|
flex-shrink: 0;
|
|
@@ -21487,7 +21506,7 @@
|
|
|
21487
21506
|
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
21488
21507
|
--base-menu-item-padding-right: var(--space-2);
|
|
21489
21508
|
--base-menu-item-padding-y: var(--space-1);
|
|
21490
|
-
--base-menu-item-height: var(--space-
|
|
21509
|
+
--base-menu-item-height: var(--space-6);
|
|
21491
21510
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21492
21511
|
}
|
|
21493
21512
|
.rt-SidebarHeader:where(.xs\:rt-r-size-2), .rt-SidebarFooter:where(.xs\:rt-r-size-2){
|
|
@@ -21495,7 +21514,7 @@
|
|
|
21495
21514
|
--base-menu-item-padding-left: var(--space-3);
|
|
21496
21515
|
--base-menu-item-padding-right: var(--space-3);
|
|
21497
21516
|
--base-menu-item-padding-y: var(--space-1);
|
|
21498
|
-
--base-menu-item-height: var(--space-
|
|
21517
|
+
--base-menu-item-height: var(--space-7);
|
|
21499
21518
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21500
21519
|
}
|
|
21501
21520
|
.rt-SidebarHeader:where(.xs\:rt-r-size-3), .rt-SidebarFooter:where(.xs\:rt-r-size-3){
|
|
@@ -21503,10 +21522,10 @@
|
|
|
21503
21522
|
--base-menu-item-padding-left: var(--space-3);
|
|
21504
21523
|
--base-menu-item-padding-right: var(--space-3);
|
|
21505
21524
|
--base-menu-item-padding-y: var(--space-2);
|
|
21506
|
-
--base-menu-item-height: var(--space-
|
|
21525
|
+
--base-menu-item-height: var(--space-8);
|
|
21507
21526
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21508
21527
|
}
|
|
21509
|
-
.rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
21528
|
+
.rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
21510
21529
|
gap: var(--component-gap-2);
|
|
21511
21530
|
font-size: var(--font-size-1);
|
|
21512
21531
|
line-height: var(--line-height-1);
|
|
@@ -21514,18 +21533,18 @@
|
|
|
21514
21533
|
border-radius: var(--radius-1);
|
|
21515
21534
|
font-weight: var(--font-weight-regular);
|
|
21516
21535
|
}
|
|
21517
|
-
.rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21536
|
+
.rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21518
21537
|
width: var(--content-icon-size-2);
|
|
21519
21538
|
height: var(--content-icon-size-2);
|
|
21520
21539
|
flex-shrink: 0;
|
|
21521
21540
|
}
|
|
21522
|
-
.rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21541
|
+
.rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21523
21542
|
width: var(--indicator-icon-size-1);
|
|
21524
21543
|
height: var(--indicator-icon-size-1);
|
|
21525
21544
|
flex-shrink: 0;
|
|
21526
21545
|
margin-left: auto;
|
|
21527
21546
|
}
|
|
21528
|
-
.rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
21547
|
+
.rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
21529
21548
|
gap: var(--component-gap-3);
|
|
21530
21549
|
font-size: var(--font-size-2);
|
|
21531
21550
|
line-height: var(--line-height-2);
|
|
@@ -21533,17 +21552,36 @@
|
|
|
21533
21552
|
border-radius: var(--radius-2);
|
|
21534
21553
|
font-weight: var(--font-weight-regular);
|
|
21535
21554
|
}
|
|
21536
|
-
.rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21555
|
+
.rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21556
|
+
width: var(--content-icon-size-3);
|
|
21557
|
+
height: var(--content-icon-size-3);
|
|
21558
|
+
flex-shrink: 0;
|
|
21559
|
+
}
|
|
21560
|
+
.rt-SidebarContent:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21537
21561
|
width: var(--content-icon-size-3);
|
|
21538
21562
|
height: var(--content-icon-size-3);
|
|
21539
21563
|
flex-shrink: 0;
|
|
21540
21564
|
}
|
|
21541
|
-
.rt-SidebarContent:where(.xs\:rt-r-size-2) .rt-
|
|
21565
|
+
.rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21566
|
+
width: var(--indicator-icon-size-2);
|
|
21567
|
+
height: var(--indicator-icon-size-2);
|
|
21568
|
+
flex-shrink: 0;
|
|
21569
|
+
margin-left: auto;
|
|
21570
|
+
}
|
|
21571
|
+
.rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton){
|
|
21572
|
+
gap: var(--component-gap-3);
|
|
21573
|
+
font-size: var(--font-size-3);
|
|
21574
|
+
line-height: var(--line-height-2);
|
|
21575
|
+
letter-spacing: var(--letter-spacing-2);
|
|
21576
|
+
border-radius: var(--radius-2);
|
|
21577
|
+
font-weight: var(--font-weight-regular);
|
|
21578
|
+
}
|
|
21579
|
+
.rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21542
21580
|
width: var(--content-icon-size-3);
|
|
21543
21581
|
height: var(--content-icon-size-3);
|
|
21544
21582
|
flex-shrink: 0;
|
|
21545
21583
|
}
|
|
21546
|
-
.rt-SidebarContent:where(.xs\:rt-r-size-
|
|
21584
|
+
.rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21547
21585
|
width: var(--indicator-icon-size-2);
|
|
21548
21586
|
height: var(--indicator-icon-size-2);
|
|
21549
21587
|
flex-shrink: 0;
|
|
@@ -21592,7 +21630,7 @@
|
|
|
21592
21630
|
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
21593
21631
|
--base-menu-item-padding-right: var(--space-2);
|
|
21594
21632
|
--base-menu-item-padding-y: var(--space-1);
|
|
21595
|
-
--base-menu-item-height: var(--space-
|
|
21633
|
+
--base-menu-item-height: var(--space-6);
|
|
21596
21634
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21597
21635
|
}
|
|
21598
21636
|
.rt-SidebarHeader:where(.sm\:rt-r-size-2), .rt-SidebarFooter:where(.sm\:rt-r-size-2){
|
|
@@ -21600,7 +21638,7 @@
|
|
|
21600
21638
|
--base-menu-item-padding-left: var(--space-3);
|
|
21601
21639
|
--base-menu-item-padding-right: var(--space-3);
|
|
21602
21640
|
--base-menu-item-padding-y: var(--space-1);
|
|
21603
|
-
--base-menu-item-height: var(--space-
|
|
21641
|
+
--base-menu-item-height: var(--space-7);
|
|
21604
21642
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21605
21643
|
}
|
|
21606
21644
|
.rt-SidebarHeader:where(.sm\:rt-r-size-3), .rt-SidebarFooter:where(.sm\:rt-r-size-3){
|
|
@@ -21608,10 +21646,10 @@
|
|
|
21608
21646
|
--base-menu-item-padding-left: var(--space-3);
|
|
21609
21647
|
--base-menu-item-padding-right: var(--space-3);
|
|
21610
21648
|
--base-menu-item-padding-y: var(--space-2);
|
|
21611
|
-
--base-menu-item-height: var(--space-
|
|
21649
|
+
--base-menu-item-height: var(--space-8);
|
|
21612
21650
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21613
21651
|
}
|
|
21614
|
-
.rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
21652
|
+
.rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
21615
21653
|
gap: var(--component-gap-2);
|
|
21616
21654
|
font-size: var(--font-size-1);
|
|
21617
21655
|
line-height: var(--line-height-1);
|
|
@@ -21619,18 +21657,18 @@
|
|
|
21619
21657
|
border-radius: var(--radius-1);
|
|
21620
21658
|
font-weight: var(--font-weight-regular);
|
|
21621
21659
|
}
|
|
21622
|
-
.rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21660
|
+
.rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21623
21661
|
width: var(--content-icon-size-2);
|
|
21624
21662
|
height: var(--content-icon-size-2);
|
|
21625
21663
|
flex-shrink: 0;
|
|
21626
21664
|
}
|
|
21627
|
-
.rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21665
|
+
.rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21628
21666
|
width: var(--indicator-icon-size-1);
|
|
21629
21667
|
height: var(--indicator-icon-size-1);
|
|
21630
21668
|
flex-shrink: 0;
|
|
21631
21669
|
margin-left: auto;
|
|
21632
21670
|
}
|
|
21633
|
-
.rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
21671
|
+
.rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
21634
21672
|
gap: var(--component-gap-3);
|
|
21635
21673
|
font-size: var(--font-size-2);
|
|
21636
21674
|
line-height: var(--line-height-2);
|
|
@@ -21638,17 +21676,36 @@
|
|
|
21638
21676
|
border-radius: var(--radius-2);
|
|
21639
21677
|
font-weight: var(--font-weight-regular);
|
|
21640
21678
|
}
|
|
21641
|
-
.rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21679
|
+
.rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21642
21680
|
width: var(--content-icon-size-3);
|
|
21643
21681
|
height: var(--content-icon-size-3);
|
|
21644
21682
|
flex-shrink: 0;
|
|
21645
21683
|
}
|
|
21646
|
-
.rt-SidebarContent:where(.sm\:rt-r-size-2) .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21684
|
+
.rt-SidebarContent:where(.sm\:rt-r-size-2) .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.sm\:rt-r-size-2) .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.sm\:rt-r-size-2) .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21685
|
+
width: var(--content-icon-size-3);
|
|
21686
|
+
height: var(--content-icon-size-3);
|
|
21687
|
+
flex-shrink: 0;
|
|
21688
|
+
}
|
|
21689
|
+
.rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21690
|
+
width: var(--indicator-icon-size-2);
|
|
21691
|
+
height: var(--indicator-icon-size-2);
|
|
21692
|
+
flex-shrink: 0;
|
|
21693
|
+
margin-left: auto;
|
|
21694
|
+
}
|
|
21695
|
+
.rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton){
|
|
21696
|
+
gap: var(--component-gap-3);
|
|
21697
|
+
font-size: var(--font-size-3);
|
|
21698
|
+
line-height: var(--line-height-2);
|
|
21699
|
+
letter-spacing: var(--letter-spacing-2);
|
|
21700
|
+
border-radius: var(--radius-2);
|
|
21701
|
+
font-weight: var(--font-weight-regular);
|
|
21702
|
+
}
|
|
21703
|
+
.rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21647
21704
|
width: var(--content-icon-size-3);
|
|
21648
21705
|
height: var(--content-icon-size-3);
|
|
21649
21706
|
flex-shrink: 0;
|
|
21650
21707
|
}
|
|
21651
|
-
.rt-SidebarContent:where(.sm\:rt-r-size-
|
|
21708
|
+
.rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21652
21709
|
width: var(--indicator-icon-size-2);
|
|
21653
21710
|
height: var(--indicator-icon-size-2);
|
|
21654
21711
|
flex-shrink: 0;
|
|
@@ -21697,7 +21754,7 @@
|
|
|
21697
21754
|
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
21698
21755
|
--base-menu-item-padding-right: var(--space-2);
|
|
21699
21756
|
--base-menu-item-padding-y: var(--space-1);
|
|
21700
|
-
--base-menu-item-height: var(--space-
|
|
21757
|
+
--base-menu-item-height: var(--space-6);
|
|
21701
21758
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21702
21759
|
}
|
|
21703
21760
|
.rt-SidebarHeader:where(.md\:rt-r-size-2), .rt-SidebarFooter:where(.md\:rt-r-size-2){
|
|
@@ -21705,7 +21762,7 @@
|
|
|
21705
21762
|
--base-menu-item-padding-left: var(--space-3);
|
|
21706
21763
|
--base-menu-item-padding-right: var(--space-3);
|
|
21707
21764
|
--base-menu-item-padding-y: var(--space-1);
|
|
21708
|
-
--base-menu-item-height: var(--space-
|
|
21765
|
+
--base-menu-item-height: var(--space-7);
|
|
21709
21766
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21710
21767
|
}
|
|
21711
21768
|
.rt-SidebarHeader:where(.md\:rt-r-size-3), .rt-SidebarFooter:where(.md\:rt-r-size-3){
|
|
@@ -21713,10 +21770,10 @@
|
|
|
21713
21770
|
--base-menu-item-padding-left: var(--space-3);
|
|
21714
21771
|
--base-menu-item-padding-right: var(--space-3);
|
|
21715
21772
|
--base-menu-item-padding-y: var(--space-2);
|
|
21716
|
-
--base-menu-item-height: var(--space-
|
|
21773
|
+
--base-menu-item-height: var(--space-8);
|
|
21717
21774
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21718
21775
|
}
|
|
21719
|
-
.rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
21776
|
+
.rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
21720
21777
|
gap: var(--component-gap-2);
|
|
21721
21778
|
font-size: var(--font-size-1);
|
|
21722
21779
|
line-height: var(--line-height-1);
|
|
@@ -21724,18 +21781,18 @@
|
|
|
21724
21781
|
border-radius: var(--radius-1);
|
|
21725
21782
|
font-weight: var(--font-weight-regular);
|
|
21726
21783
|
}
|
|
21727
|
-
.rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21784
|
+
.rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21728
21785
|
width: var(--content-icon-size-2);
|
|
21729
21786
|
height: var(--content-icon-size-2);
|
|
21730
21787
|
flex-shrink: 0;
|
|
21731
21788
|
}
|
|
21732
|
-
.rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21789
|
+
.rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.md\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.md\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21733
21790
|
width: var(--indicator-icon-size-1);
|
|
21734
21791
|
height: var(--indicator-icon-size-1);
|
|
21735
21792
|
flex-shrink: 0;
|
|
21736
21793
|
margin-left: auto;
|
|
21737
21794
|
}
|
|
21738
|
-
.rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
21795
|
+
.rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
21739
21796
|
gap: var(--component-gap-3);
|
|
21740
21797
|
font-size: var(--font-size-2);
|
|
21741
21798
|
line-height: var(--line-height-2);
|
|
@@ -21743,17 +21800,36 @@
|
|
|
21743
21800
|
border-radius: var(--radius-2);
|
|
21744
21801
|
font-weight: var(--font-weight-regular);
|
|
21745
21802
|
}
|
|
21746
|
-
.rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21803
|
+
.rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21747
21804
|
width: var(--content-icon-size-3);
|
|
21748
21805
|
height: var(--content-icon-size-3);
|
|
21749
21806
|
flex-shrink: 0;
|
|
21750
21807
|
}
|
|
21751
|
-
.rt-SidebarContent:where(.md\:rt-r-size-2) .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21808
|
+
.rt-SidebarContent:where(.md\:rt-r-size-2) .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.md\:rt-r-size-2) .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.md\:rt-r-size-2) .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21752
21809
|
width: var(--content-icon-size-3);
|
|
21753
21810
|
height: var(--content-icon-size-3);
|
|
21754
21811
|
flex-shrink: 0;
|
|
21755
21812
|
}
|
|
21756
|
-
.rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21813
|
+
.rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21814
|
+
width: var(--indicator-icon-size-2);
|
|
21815
|
+
height: var(--indicator-icon-size-2);
|
|
21816
|
+
flex-shrink: 0;
|
|
21817
|
+
margin-left: auto;
|
|
21818
|
+
}
|
|
21819
|
+
.rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton){
|
|
21820
|
+
gap: var(--component-gap-3);
|
|
21821
|
+
font-size: var(--font-size-3);
|
|
21822
|
+
line-height: var(--line-height-2);
|
|
21823
|
+
letter-spacing: var(--letter-spacing-2);
|
|
21824
|
+
border-radius: var(--radius-2);
|
|
21825
|
+
font-weight: var(--font-weight-regular);
|
|
21826
|
+
}
|
|
21827
|
+
.rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21828
|
+
width: var(--content-icon-size-3);
|
|
21829
|
+
height: var(--content-icon-size-3);
|
|
21830
|
+
flex-shrink: 0;
|
|
21831
|
+
}
|
|
21832
|
+
.rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.md\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.md\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21757
21833
|
width: var(--indicator-icon-size-2);
|
|
21758
21834
|
height: var(--indicator-icon-size-2);
|
|
21759
21835
|
flex-shrink: 0;
|
|
@@ -21802,7 +21878,7 @@
|
|
|
21802
21878
|
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
21803
21879
|
--base-menu-item-padding-right: var(--space-2);
|
|
21804
21880
|
--base-menu-item-padding-y: var(--space-1);
|
|
21805
|
-
--base-menu-item-height: var(--space-
|
|
21881
|
+
--base-menu-item-height: var(--space-6);
|
|
21806
21882
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21807
21883
|
}
|
|
21808
21884
|
.rt-SidebarHeader:where(.lg\:rt-r-size-2), .rt-SidebarFooter:where(.lg\:rt-r-size-2){
|
|
@@ -21810,7 +21886,7 @@
|
|
|
21810
21886
|
--base-menu-item-padding-left: var(--space-3);
|
|
21811
21887
|
--base-menu-item-padding-right: var(--space-3);
|
|
21812
21888
|
--base-menu-item-padding-y: var(--space-1);
|
|
21813
|
-
--base-menu-item-height: var(--space-
|
|
21889
|
+
--base-menu-item-height: var(--space-7);
|
|
21814
21890
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21815
21891
|
}
|
|
21816
21892
|
.rt-SidebarHeader:where(.lg\:rt-r-size-3), .rt-SidebarFooter:where(.lg\:rt-r-size-3){
|
|
@@ -21818,10 +21894,10 @@
|
|
|
21818
21894
|
--base-menu-item-padding-left: var(--space-3);
|
|
21819
21895
|
--base-menu-item-padding-right: var(--space-3);
|
|
21820
21896
|
--base-menu-item-padding-y: var(--space-2);
|
|
21821
|
-
--base-menu-item-height: var(--space-
|
|
21897
|
+
--base-menu-item-height: var(--space-8);
|
|
21822
21898
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21823
21899
|
}
|
|
21824
|
-
.rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
21900
|
+
.rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
21825
21901
|
gap: var(--component-gap-2);
|
|
21826
21902
|
font-size: var(--font-size-1);
|
|
21827
21903
|
line-height: var(--line-height-1);
|
|
@@ -21829,18 +21905,18 @@
|
|
|
21829
21905
|
border-radius: var(--radius-1);
|
|
21830
21906
|
font-weight: var(--font-weight-regular);
|
|
21831
21907
|
}
|
|
21832
|
-
.rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21908
|
+
.rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21833
21909
|
width: var(--content-icon-size-2);
|
|
21834
21910
|
height: var(--content-icon-size-2);
|
|
21835
21911
|
flex-shrink: 0;
|
|
21836
21912
|
}
|
|
21837
|
-
.rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21913
|
+
.rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21838
21914
|
width: var(--indicator-icon-size-1);
|
|
21839
21915
|
height: var(--indicator-icon-size-1);
|
|
21840
21916
|
flex-shrink: 0;
|
|
21841
21917
|
margin-left: auto;
|
|
21842
21918
|
}
|
|
21843
|
-
.rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
21919
|
+
.rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
21844
21920
|
gap: var(--component-gap-3);
|
|
21845
21921
|
font-size: var(--font-size-2);
|
|
21846
21922
|
line-height: var(--line-height-2);
|
|
@@ -21848,17 +21924,36 @@
|
|
|
21848
21924
|
border-radius: var(--radius-2);
|
|
21849
21925
|
font-weight: var(--font-weight-regular);
|
|
21850
21926
|
}
|
|
21851
|
-
.rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21927
|
+
.rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21928
|
+
width: var(--content-icon-size-3);
|
|
21929
|
+
height: var(--content-icon-size-3);
|
|
21930
|
+
flex-shrink: 0;
|
|
21931
|
+
}
|
|
21932
|
+
.rt-SidebarContent:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21852
21933
|
width: var(--content-icon-size-3);
|
|
21853
21934
|
height: var(--content-icon-size-3);
|
|
21854
21935
|
flex-shrink: 0;
|
|
21855
21936
|
}
|
|
21856
|
-
.rt-SidebarContent:where(.lg\:rt-r-size-2) .rt-
|
|
21937
|
+
.rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21938
|
+
width: var(--indicator-icon-size-2);
|
|
21939
|
+
height: var(--indicator-icon-size-2);
|
|
21940
|
+
flex-shrink: 0;
|
|
21941
|
+
margin-left: auto;
|
|
21942
|
+
}
|
|
21943
|
+
.rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton){
|
|
21944
|
+
gap: var(--component-gap-3);
|
|
21945
|
+
font-size: var(--font-size-3);
|
|
21946
|
+
line-height: var(--line-height-2);
|
|
21947
|
+
letter-spacing: var(--letter-spacing-2);
|
|
21948
|
+
border-radius: var(--radius-2);
|
|
21949
|
+
font-weight: var(--font-weight-regular);
|
|
21950
|
+
}
|
|
21951
|
+
.rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21857
21952
|
width: var(--content-icon-size-3);
|
|
21858
21953
|
height: var(--content-icon-size-3);
|
|
21859
21954
|
flex-shrink: 0;
|
|
21860
21955
|
}
|
|
21861
|
-
.rt-SidebarContent:where(.lg\:rt-r-size-
|
|
21956
|
+
.rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21862
21957
|
width: var(--indicator-icon-size-2);
|
|
21863
21958
|
height: var(--indicator-icon-size-2);
|
|
21864
21959
|
flex-shrink: 0;
|
|
@@ -21907,7 +22002,7 @@
|
|
|
21907
22002
|
--base-menu-item-padding-left: calc(var(--space-5) / 1.2);
|
|
21908
22003
|
--base-menu-item-padding-right: var(--space-2);
|
|
21909
22004
|
--base-menu-item-padding-y: var(--space-1);
|
|
21910
|
-
--base-menu-item-height: var(--space-
|
|
22005
|
+
--base-menu-item-height: var(--space-6);
|
|
21911
22006
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21912
22007
|
}
|
|
21913
22008
|
.rt-SidebarHeader:where(.xl\:rt-r-size-2), .rt-SidebarFooter:where(.xl\:rt-r-size-2){
|
|
@@ -21915,7 +22010,7 @@
|
|
|
21915
22010
|
--base-menu-item-padding-left: var(--space-3);
|
|
21916
22011
|
--base-menu-item-padding-right: var(--space-3);
|
|
21917
22012
|
--base-menu-item-padding-y: var(--space-1);
|
|
21918
|
-
--base-menu-item-height: var(--space-
|
|
22013
|
+
--base-menu-item-height: var(--space-7);
|
|
21919
22014
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21920
22015
|
}
|
|
21921
22016
|
.rt-SidebarHeader:where(.xl\:rt-r-size-3), .rt-SidebarFooter:where(.xl\:rt-r-size-3){
|
|
@@ -21923,10 +22018,10 @@
|
|
|
21923
22018
|
--base-menu-item-padding-left: var(--space-3);
|
|
21924
22019
|
--base-menu-item-padding-right: var(--space-3);
|
|
21925
22020
|
--base-menu-item-padding-y: var(--space-2);
|
|
21926
|
-
--base-menu-item-height: var(--space-
|
|
22021
|
+
--base-menu-item-height: var(--space-8);
|
|
21927
22022
|
--sidebar-item-height: var(--base-menu-item-height);
|
|
21928
22023
|
}
|
|
21929
|
-
.rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
22024
|
+
.rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton){
|
|
21930
22025
|
gap: var(--component-gap-2);
|
|
21931
22026
|
font-size: var(--font-size-1);
|
|
21932
22027
|
line-height: var(--line-height-1);
|
|
@@ -21934,18 +22029,18 @@
|
|
|
21934
22029
|
border-radius: var(--radius-1);
|
|
21935
22030
|
font-weight: var(--font-weight-regular);
|
|
21936
22031
|
}
|
|
21937
|
-
.rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
22032
|
+
.rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21938
22033
|
width: var(--content-icon-size-2);
|
|
21939
22034
|
height: var(--content-icon-size-2);
|
|
21940
22035
|
flex-shrink: 0;
|
|
21941
22036
|
}
|
|
21942
|
-
.rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
22037
|
+
.rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21943
22038
|
width: var(--indicator-icon-size-1);
|
|
21944
22039
|
height: var(--indicator-icon-size-1);
|
|
21945
22040
|
flex-shrink: 0;
|
|
21946
22041
|
margin-left: auto;
|
|
21947
22042
|
}
|
|
21948
|
-
.rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
22043
|
+
.rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton){
|
|
21949
22044
|
gap: var(--component-gap-3);
|
|
21950
22045
|
font-size: var(--font-size-2);
|
|
21951
22046
|
line-height: var(--line-height-2);
|
|
@@ -21953,17 +22048,36 @@
|
|
|
21953
22048
|
border-radius: var(--radius-2);
|
|
21954
22049
|
font-weight: var(--font-weight-regular);
|
|
21955
22050
|
}
|
|
21956
|
-
.rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
22051
|
+
.rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21957
22052
|
width: var(--content-icon-size-3);
|
|
21958
22053
|
height: var(--content-icon-size-3);
|
|
21959
22054
|
flex-shrink: 0;
|
|
21960
22055
|
}
|
|
21961
|
-
.rt-SidebarContent:where(.xl\:rt-r-size-2) .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
22056
|
+
.rt-SidebarContent:where(.xl\:rt-r-size-2) .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xl\:rt-r-size-2) .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xl\:rt-r-size-2) .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
22057
|
+
width: var(--content-icon-size-3);
|
|
22058
|
+
height: var(--content-icon-size-3);
|
|
22059
|
+
flex-shrink: 0;
|
|
22060
|
+
}
|
|
22061
|
+
.rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon){
|
|
22062
|
+
width: var(--indicator-icon-size-2);
|
|
22063
|
+
height: var(--indicator-icon-size-2);
|
|
22064
|
+
flex-shrink: 0;
|
|
22065
|
+
margin-left: auto;
|
|
22066
|
+
}
|
|
22067
|
+
.rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarHeader:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton), .rt-SidebarFooter:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton){
|
|
22068
|
+
gap: var(--component-gap-3);
|
|
22069
|
+
font-size: var(--font-size-3);
|
|
22070
|
+
line-height: var(--line-height-2);
|
|
22071
|
+
letter-spacing: var(--letter-spacing-2);
|
|
22072
|
+
border-radius: var(--radius-2);
|
|
22073
|
+
font-weight: var(--font-weight-regular);
|
|
22074
|
+
}
|
|
22075
|
+
.rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarHeader:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg), .rt-SidebarFooter:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg){
|
|
21962
22076
|
width: var(--content-icon-size-3);
|
|
21963
22077
|
height: var(--content-icon-size-3);
|
|
21964
22078
|
flex-shrink: 0;
|
|
21965
22079
|
}
|
|
21966
|
-
.rt-SidebarContent:where(.xl\:rt-r-size-
|
|
22080
|
+
.rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarHeader:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon), .rt-SidebarFooter:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuSubTriggerIcon){
|
|
21967
22081
|
width: var(--indicator-icon-size-2);
|
|
21968
22082
|
height: var(--indicator-icon-size-2);
|
|
21969
22083
|
flex-shrink: 0;
|