@womp/kookie-ui 0.3.23 → 0.3.24
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 +105 -206
- package/dist/cjs/components/index.js +5 -5
- package/dist/cjs/components/index.js.map +3 -3
- package/dist/cjs/components/shell.d.ts.map +1 -1
- package/dist/cjs/components/shell.js +1 -1
- package/dist/cjs/components/shell.js.map +3 -3
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +3 -3
- package/dist/esm/chunk-D2IX5LU6.js +2 -0
- package/dist/esm/chunk-D2IX5LU6.js.map +7 -0
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/shell.d.ts.map +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/index.js +1 -1
- 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/shell.tsx +144 -97
- package/styles.css +105 -206
- package/dist/esm/chunk-RMBS6CAO.js +0 -2
- package/dist/esm/chunk-RMBS6CAO.js.map +0 -7
package/styles.css
CHANGED
|
@@ -6585,18 +6585,15 @@
|
|
|
6585
6585
|
isolation: isolate;
|
|
6586
6586
|
}
|
|
6587
6587
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-AccordionRoot{
|
|
6588
|
-
|
|
6589
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
6588
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
6590
6589
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
6591
6590
|
}
|
|
6592
6591
|
.rt-AccordionRoot:where([data-panel-background='solid'],[data-material='solid']){
|
|
6593
|
-
|
|
6594
|
-
backdrop-filter: none;
|
|
6592
|
+
backdrop-filter: none;
|
|
6595
6593
|
--backdrop-filter-components: none;
|
|
6596
6594
|
}
|
|
6597
6595
|
.rt-AccordionRoot:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
6598
|
-
|
|
6599
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
6596
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
6600
6597
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
6601
6598
|
}
|
|
6602
6599
|
.rt-AccordionRoot:where(.rt-r-size-1){
|
|
@@ -6692,23 +6689,20 @@
|
|
|
6692
6689
|
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
6693
6690
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6694
6691
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6695
|
-
|
|
6696
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
6692
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
6697
6693
|
}
|
|
6698
6694
|
:where(.rt-AccordionRoot:where(.rt-variant-surface)):where([data-panel-background='solid'],[data-material='solid']){
|
|
6699
6695
|
background-color: var(--accent-2);
|
|
6700
6696
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6701
6697
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6702
|
-
|
|
6703
|
-
backdrop-filter: none;
|
|
6698
|
+
backdrop-filter: none;
|
|
6704
6699
|
--backdrop-filter-components: none;
|
|
6705
6700
|
}
|
|
6706
6701
|
:where(.rt-AccordionRoot:where(.rt-variant-surface)):where([data-panel-background='translucent'],[data-material='translucent']){
|
|
6707
6702
|
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
6708
6703
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6709
6704
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6710
|
-
|
|
6711
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
6705
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
6712
6706
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
6713
6707
|
}
|
|
6714
6708
|
:where(.rt-AccordionRoot:where(.rt-variant-classic)){
|
|
@@ -6720,19 +6714,16 @@
|
|
|
6720
6714
|
}
|
|
6721
6715
|
:where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-classic)){
|
|
6722
6716
|
background-color: var(--color-surface-translucent);
|
|
6723
|
-
|
|
6724
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
6717
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
6725
6718
|
}
|
|
6726
6719
|
:where(.rt-AccordionRoot:where(.rt-variant-classic)):where([data-panel-background='solid'],[data-material='solid']){
|
|
6727
6720
|
background-color: var(--color-surface-solid);
|
|
6728
|
-
|
|
6729
|
-
backdrop-filter: none;
|
|
6721
|
+
backdrop-filter: none;
|
|
6730
6722
|
--backdrop-filter-components: none;
|
|
6731
6723
|
}
|
|
6732
6724
|
:where(.rt-AccordionRoot:where(.rt-variant-classic)):where([data-panel-background='translucent'],[data-material='translucent']){
|
|
6733
6725
|
background-color: var(--color-surface-translucent);
|
|
6734
|
-
|
|
6735
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
6726
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
6736
6727
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
6737
6728
|
}
|
|
6738
6729
|
:where(.rt-AccordionRoot:where(.rt-variant-soft)){
|
|
@@ -6742,19 +6733,16 @@
|
|
|
6742
6733
|
}
|
|
6743
6734
|
:where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-soft)){
|
|
6744
6735
|
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
6745
|
-
|
|
6746
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
6736
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
6747
6737
|
}
|
|
6748
6738
|
:where(.rt-AccordionRoot:where(.rt-variant-soft)):where([data-panel-background='solid'],[data-material='solid']){
|
|
6749
6739
|
background-color: var(--accent-2);
|
|
6750
|
-
|
|
6751
|
-
backdrop-filter: none;
|
|
6740
|
+
backdrop-filter: none;
|
|
6752
6741
|
--backdrop-filter-components: none;
|
|
6753
6742
|
}
|
|
6754
6743
|
:where(.rt-AccordionRoot:where(.rt-variant-soft)):where([data-panel-background='translucent'],[data-material='translucent']){
|
|
6755
6744
|
background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
|
|
6756
|
-
|
|
6757
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
6745
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
6758
6746
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
6759
6747
|
}
|
|
6760
6748
|
:where(.rt-AccordionRoot:where(.rt-variant-outline)){
|
|
@@ -6770,15 +6758,13 @@
|
|
|
6770
6758
|
:where(.rt-AccordionRoot:where(.rt-variant-outline)):where([data-panel-background='solid'],[data-material='solid']){
|
|
6771
6759
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6772
6760
|
box-shadow: inset 0 0 0 1px var(--accent-6);
|
|
6773
|
-
|
|
6774
|
-
backdrop-filter: none;
|
|
6761
|
+
backdrop-filter: none;
|
|
6775
6762
|
--backdrop-filter-components: none;
|
|
6776
6763
|
}
|
|
6777
6764
|
:where(.rt-AccordionRoot:where(.rt-variant-outline)):where([data-panel-background='translucent'],[data-material='translucent']){
|
|
6778
6765
|
-webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6779
6766
|
box-shadow: inset 0 0 0 1px var(--accent-a6);
|
|
6780
|
-
|
|
6781
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
6767
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
6782
6768
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
6783
6769
|
}
|
|
6784
6770
|
:where(.rt-AccordionRoot:where(.rt-variant-ghost)){
|
|
@@ -7119,7 +7105,7 @@
|
|
|
7119
7105
|
animation: none;
|
|
7120
7106
|
}
|
|
7121
7107
|
}
|
|
7122
|
-
@supports not (
|
|
7108
|
+
@supports not (backdrop-filter: blur(1px)) {
|
|
7123
7109
|
:where(.rt-AccordionRoot[data-material='translucent']){
|
|
7124
7110
|
background-color: var(--accent-2);
|
|
7125
7111
|
}
|
|
@@ -7143,8 +7129,7 @@
|
|
|
7143
7129
|
}
|
|
7144
7130
|
:where(.rt-AccordionRoot[data-material='translucent']){
|
|
7145
7131
|
background-color: Canvas;
|
|
7146
|
-
|
|
7147
|
-
backdrop-filter: none;
|
|
7132
|
+
backdrop-filter: none;
|
|
7148
7133
|
}
|
|
7149
7134
|
}
|
|
7150
7135
|
@media (hover: hover) {
|
|
@@ -7314,18 +7299,15 @@
|
|
|
7314
7299
|
outline: none;
|
|
7315
7300
|
}
|
|
7316
7301
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseDialogContent{
|
|
7317
|
-
|
|
7318
|
-
backdrop-filter: var(--backdrop-filter-dialog);
|
|
7302
|
+
backdrop-filter: var(--backdrop-filter-dialog);
|
|
7319
7303
|
}
|
|
7320
7304
|
.rt-BaseDialogContent:where([data-panel-background='solid'],[data-material='solid']){
|
|
7321
7305
|
background-color: var(--color-dialog-solid);
|
|
7322
|
-
|
|
7323
|
-
backdrop-filter: none;
|
|
7306
|
+
backdrop-filter: none;
|
|
7324
7307
|
}
|
|
7325
7308
|
.rt-BaseDialogContent:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
7326
7309
|
background-color: var(--color-dialog-translucent);
|
|
7327
|
-
|
|
7328
|
-
backdrop-filter: var(--backdrop-filter-dialog);
|
|
7310
|
+
backdrop-filter: var(--backdrop-filter-dialog);
|
|
7329
7311
|
}
|
|
7330
7312
|
.rt-BaseDialogContent:where(.rt-r-size-1){
|
|
7331
7313
|
--dialog-content-padding: var(--space-5);
|
|
@@ -7457,7 +7439,7 @@
|
|
|
7457
7439
|
animation: rt-dialog-content-hide var(--motion-duration-small) var(--motion-spring-snappy);
|
|
7458
7440
|
}
|
|
7459
7441
|
}
|
|
7460
|
-
@supports not (
|
|
7442
|
+
@supports not (backdrop-filter: blur(1px)) {
|
|
7461
7443
|
:where(.rt-BaseDialogContent[data-material='translucent']),
|
|
7462
7444
|
:where(.rt-BaseDialogContent[data-panel-background='translucent']){
|
|
7463
7445
|
background-color: var(--color-dialog-solid);
|
|
@@ -7522,18 +7504,15 @@
|
|
|
7522
7504
|
isolation: isolate;
|
|
7523
7505
|
}
|
|
7524
7506
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-AvatarRoot{
|
|
7525
|
-
|
|
7526
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
7507
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
7527
7508
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
7528
7509
|
}
|
|
7529
7510
|
.rt-AvatarRoot:where([data-panel-background='solid'],[data-material='solid']){
|
|
7530
|
-
|
|
7531
|
-
backdrop-filter: none;
|
|
7511
|
+
backdrop-filter: none;
|
|
7532
7512
|
--backdrop-filter-components: none;
|
|
7533
7513
|
}
|
|
7534
7514
|
.rt-AvatarRoot:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
7535
|
-
|
|
7536
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
7515
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
7537
7516
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
7538
7517
|
}
|
|
7539
7518
|
.rt-AvatarRoot:where(button),
|
|
@@ -8427,22 +8406,19 @@
|
|
|
8427
8406
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge{
|
|
8428
8407
|
--material-blend: 60%;
|
|
8429
8408
|
--material-alpha: 1;
|
|
8430
|
-
|
|
8431
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
8409
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
8432
8410
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
8433
8411
|
}
|
|
8434
8412
|
.rt-Badge:where([data-panel-background='solid'],[data-material='solid']){
|
|
8435
8413
|
--material-blend: 100%;
|
|
8436
8414
|
--material-alpha: 0;
|
|
8437
|
-
|
|
8438
|
-
backdrop-filter: none;
|
|
8415
|
+
backdrop-filter: none;
|
|
8439
8416
|
--backdrop-filter-components: none;
|
|
8440
8417
|
}
|
|
8441
8418
|
.rt-Badge:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
8442
8419
|
--material-blend: 60%;
|
|
8443
8420
|
--material-alpha: 1;
|
|
8444
|
-
|
|
8445
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
8421
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
8446
8422
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
8447
8423
|
}
|
|
8448
8424
|
@media (prefers-reduced-motion: reduce) {
|
|
@@ -8896,18 +8872,15 @@
|
|
|
8896
8872
|
flex-direction: row-reverse;
|
|
8897
8873
|
}
|
|
8898
8874
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseButton{
|
|
8899
|
-
|
|
8900
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
8875
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
8901
8876
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
8902
8877
|
}
|
|
8903
8878
|
.rt-BaseButton:where([data-panel-background='solid'],[data-material='solid']){
|
|
8904
|
-
|
|
8905
|
-
backdrop-filter: none;
|
|
8879
|
+
backdrop-filter: none;
|
|
8906
8880
|
--backdrop-filter-components: none;
|
|
8907
8881
|
}
|
|
8908
8882
|
.rt-BaseButton:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
8909
|
-
|
|
8910
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
8883
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
8911
8884
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
8912
8885
|
}
|
|
8913
8886
|
@media (forced-colors: active) {
|
|
@@ -8937,8 +8910,7 @@
|
|
|
8937
8910
|
.rt-BaseButton{
|
|
8938
8911
|
-webkit-transition: none;
|
|
8939
8912
|
transition: none;
|
|
8940
|
-
|
|
8941
|
-
backdrop-filter: none;
|
|
8913
|
+
backdrop-filter: none;
|
|
8942
8914
|
-webkit-animation: none;
|
|
8943
8915
|
animation: none;
|
|
8944
8916
|
}
|
|
@@ -10037,22 +10009,19 @@
|
|
|
10037
10009
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-CalloutRoot{
|
|
10038
10010
|
--material-blend: 60%;
|
|
10039
10011
|
--material-alpha: 1;
|
|
10040
|
-
|
|
10041
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
10012
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
10042
10013
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
10043
10014
|
}
|
|
10044
10015
|
.rt-CalloutRoot:where([data-panel-background='solid'],[data-material='solid']){
|
|
10045
10016
|
--material-blend: 100%;
|
|
10046
10017
|
--material-alpha: 0;
|
|
10047
|
-
|
|
10048
|
-
backdrop-filter: none;
|
|
10018
|
+
backdrop-filter: none;
|
|
10049
10019
|
--backdrop-filter-components: none;
|
|
10050
10020
|
}
|
|
10051
10021
|
.rt-CalloutRoot:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
10052
10022
|
--material-blend: 60%;
|
|
10053
10023
|
--material-alpha: 1;
|
|
10054
|
-
|
|
10055
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
10024
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
10056
10025
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
10057
10026
|
}
|
|
10058
10027
|
.rt-CalloutRoot:where(.rt-high-contrast){
|
|
@@ -10495,17 +10464,14 @@
|
|
|
10495
10464
|
z-index: -1;
|
|
10496
10465
|
}
|
|
10497
10466
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseCard::before{
|
|
10498
|
-
|
|
10499
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
10467
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
10500
10468
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
10501
10469
|
}
|
|
10502
10470
|
.rt-BaseCard:where([data-material='solid'],[data-panel-background='solid'])::before{
|
|
10503
|
-
|
|
10504
|
-
backdrop-filter: none;
|
|
10471
|
+
backdrop-filter: none;
|
|
10505
10472
|
}
|
|
10506
10473
|
.rt-BaseCard:where([data-material='translucent'],[data-panel-background='translucent'])::before{
|
|
10507
|
-
|
|
10508
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
10474
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
10509
10475
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
10510
10476
|
}
|
|
10511
10477
|
.rt-BaseCard:where(:-moz-any-link,button,label){
|
|
@@ -10945,17 +10911,14 @@
|
|
|
10945
10911
|
outline-offset: var(--v-focus-offset);
|
|
10946
10912
|
}
|
|
10947
10913
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseCard:where(.rt-variant-ghost){
|
|
10948
|
-
|
|
10949
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
10914
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
10950
10915
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
10951
10916
|
}
|
|
10952
10917
|
.rt-BaseCard:where(.rt-variant-ghost):where([data-panel-background='solid'],[data-material='solid']){
|
|
10953
|
-
|
|
10954
|
-
backdrop-filter: none;
|
|
10918
|
+
backdrop-filter: none;
|
|
10955
10919
|
}
|
|
10956
10920
|
.rt-BaseCard:where(.rt-variant-ghost):where([data-panel-background='translucent'],[data-material='translucent']){
|
|
10957
|
-
|
|
10958
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
10921
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
10959
10922
|
--backdrop-filter-panel: blur(var(--backdrop-blur-panel));
|
|
10960
10923
|
}
|
|
10961
10924
|
@media (hover: hover) {
|
|
@@ -11006,8 +10969,7 @@
|
|
|
11006
10969
|
}
|
|
11007
10970
|
}
|
|
11008
10971
|
:where(.rt-PopoverContent,.rt-BaseDialogContent,.rt-BaseMenuContent,.rt-DropdownMenuContent,.rt-ContextMenuContent,.rt-AlertDialogContent,.rt-HoverCardContent,.rt-TooltipContent,.rt-Card) .rt-BaseCard:where(.rt-variant-ghost){
|
|
11009
|
-
|
|
11010
|
-
backdrop-filter: none !important;
|
|
10972
|
+
backdrop-filter: none !important;
|
|
11011
10973
|
}
|
|
11012
10974
|
.rt-BaseCard:where(.rt-variant-classic){
|
|
11013
10975
|
--card-border-width: 1px;
|
|
@@ -11139,18 +11101,15 @@
|
|
|
11139
11101
|
isolation: isolate;
|
|
11140
11102
|
}
|
|
11141
11103
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseCheckboxRoot{
|
|
11142
|
-
|
|
11143
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
11104
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
11144
11105
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
11145
11106
|
}
|
|
11146
11107
|
.rt-BaseCheckboxRoot:where([data-panel-background='solid'],[data-material='solid']){
|
|
11147
|
-
|
|
11148
|
-
backdrop-filter: none;
|
|
11108
|
+
backdrop-filter: none;
|
|
11149
11109
|
--backdrop-filter-components: none;
|
|
11150
11110
|
}
|
|
11151
11111
|
.rt-BaseCheckboxRoot:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
11152
|
-
|
|
11153
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
11112
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
11154
11113
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
11155
11114
|
}
|
|
11156
11115
|
.rt-BaseCheckboxRoot::before{
|
|
@@ -12228,8 +12187,7 @@
|
|
|
12228
12187
|
overflow: hidden;
|
|
12229
12188
|
z-index: 200;
|
|
12230
12189
|
background-color: var(--color-panel);
|
|
12231
|
-
|
|
12232
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
12190
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
12233
12191
|
-webkit-box-shadow: var(--shadow-5);
|
|
12234
12192
|
box-shadow: var(--shadow-5);
|
|
12235
12193
|
-webkit-transition: var(--transition-background-blur);
|
|
@@ -12245,19 +12203,16 @@
|
|
|
12245
12203
|
-webkit-transition: none;
|
|
12246
12204
|
transition: none;
|
|
12247
12205
|
will-change: auto;
|
|
12248
|
-
|
|
12249
|
-
backdrop-filter: none;
|
|
12206
|
+
backdrop-filter: none;
|
|
12250
12207
|
}
|
|
12251
12208
|
}
|
|
12252
12209
|
.rt-BaseMenuContent:where([data-panel-background='solid']){
|
|
12253
12210
|
background-color: var(--color-panel-solid);
|
|
12254
|
-
|
|
12255
|
-
backdrop-filter: none;
|
|
12211
|
+
backdrop-filter: none;
|
|
12256
12212
|
}
|
|
12257
12213
|
.rt-BaseMenuContent:where([data-panel-background='translucent']){
|
|
12258
12214
|
background-color: var(--color-panel-translucent);
|
|
12259
|
-
|
|
12260
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
12215
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
12261
12216
|
}
|
|
12262
12217
|
.rt-BaseMenuViewport{
|
|
12263
12218
|
-webkit-box-flex: 1;
|
|
@@ -12315,8 +12270,7 @@
|
|
|
12315
12270
|
.rt-BaseMenuItem{
|
|
12316
12271
|
-webkit-transition: none;
|
|
12317
12272
|
transition: none;
|
|
12318
|
-
|
|
12319
|
-
backdrop-filter: none;
|
|
12273
|
+
backdrop-filter: none;
|
|
12320
12274
|
}
|
|
12321
12275
|
}
|
|
12322
12276
|
.rt-BaseMenuShortcut{
|
|
@@ -13101,8 +13055,7 @@
|
|
|
13101
13055
|
.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger){
|
|
13102
13056
|
-webkit-transition: none;
|
|
13103
13057
|
transition: none;
|
|
13104
|
-
|
|
13105
|
-
backdrop-filter: none;
|
|
13058
|
+
backdrop-filter: none;
|
|
13106
13059
|
}
|
|
13107
13060
|
}
|
|
13108
13061
|
:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger)){
|
|
@@ -13121,8 +13074,7 @@
|
|
|
13121
13074
|
}
|
|
13122
13075
|
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']){
|
|
13123
13076
|
background-color: var(--gray-3);
|
|
13124
|
-
|
|
13125
|
-
backdrop-filter: none;
|
|
13077
|
+
backdrop-filter: none;
|
|
13126
13078
|
--backdrop-filter-components: none;
|
|
13127
13079
|
}
|
|
13128
13080
|
:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']){
|
|
@@ -13172,8 +13124,7 @@
|
|
|
13172
13124
|
}
|
|
13173
13125
|
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']){
|
|
13174
13126
|
background-color: var(--accent-3);
|
|
13175
|
-
|
|
13176
|
-
backdrop-filter: none;
|
|
13127
|
+
backdrop-filter: none;
|
|
13177
13128
|
--backdrop-filter-components: none;
|
|
13178
13129
|
}
|
|
13179
13130
|
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']){
|
|
@@ -13187,8 +13138,7 @@
|
|
|
13187
13138
|
}
|
|
13188
13139
|
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='solid']){
|
|
13189
13140
|
background-color: var(--accent-4);
|
|
13190
|
-
|
|
13191
|
-
backdrop-filter: none;
|
|
13141
|
+
backdrop-filter: none;
|
|
13192
13142
|
--backdrop-filter-components: none;
|
|
13193
13143
|
}
|
|
13194
13144
|
:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='translucent']){
|
|
@@ -13925,13 +13875,11 @@
|
|
|
13925
13875
|
}
|
|
13926
13876
|
}
|
|
13927
13877
|
.rt-DialogOverlay::before{
|
|
13928
|
-
|
|
13929
|
-
backdrop-filter: var(--backdrop-filter-components) !important;
|
|
13878
|
+
backdrop-filter: var(--backdrop-filter-components) !important;
|
|
13930
13879
|
}
|
|
13931
|
-
@supports not (
|
|
13880
|
+
@supports not (backdrop-filter: blur(1px)) {
|
|
13932
13881
|
.rt-DialogOverlay::before{
|
|
13933
|
-
|
|
13934
|
-
backdrop-filter: none !important;
|
|
13882
|
+
backdrop-filter: none !important;
|
|
13935
13883
|
}
|
|
13936
13884
|
}
|
|
13937
13885
|
.rt-DropdownMenuContent{
|
|
@@ -14162,18 +14110,15 @@
|
|
|
14162
14110
|
}
|
|
14163
14111
|
}
|
|
14164
14112
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextFieldRoot{
|
|
14165
|
-
|
|
14166
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
14113
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
14167
14114
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
14168
14115
|
}
|
|
14169
14116
|
.rt-TextFieldRoot:where([data-panel-background='solid'],[data-material='solid']){
|
|
14170
|
-
|
|
14171
|
-
backdrop-filter: none;
|
|
14117
|
+
backdrop-filter: none;
|
|
14172
14118
|
--backdrop-filter-components: none;
|
|
14173
14119
|
}
|
|
14174
14120
|
.rt-TextFieldRoot:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
14175
|
-
|
|
14176
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
14121
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
14177
14122
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
14178
14123
|
}
|
|
14179
14124
|
@supports selector(:has(*)) {
|
|
@@ -17622,8 +17567,7 @@
|
|
|
17622
17567
|
}
|
|
17623
17568
|
.rt-PopoverContent{
|
|
17624
17569
|
background-color: var(--color-panel);
|
|
17625
|
-
|
|
17626
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
17570
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
17627
17571
|
-webkit-box-shadow: var(--shadow-5);
|
|
17628
17572
|
box-shadow: var(--shadow-5);
|
|
17629
17573
|
min-width: var(--radix-popover-trigger-width);
|
|
@@ -17652,13 +17596,11 @@
|
|
|
17652
17596
|
}
|
|
17653
17597
|
.rt-PopoverContent:where([data-panel-background='solid']){
|
|
17654
17598
|
background-color: var(--color-panel-solid);
|
|
17655
|
-
|
|
17656
|
-
backdrop-filter: none;
|
|
17599
|
+
backdrop-filter: none;
|
|
17657
17600
|
}
|
|
17658
17601
|
.rt-PopoverContent:where([data-panel-background='translucent']){
|
|
17659
17602
|
background-color: var(--color-panel-translucent);
|
|
17660
|
-
|
|
17661
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
17603
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
17662
17604
|
}
|
|
17663
17605
|
.rt-PopoverContent:where([data-has-toolbar]){
|
|
17664
17606
|
padding-top: var(--popover-toolbar-offset, var(--popover-content-padding));
|
|
@@ -17852,18 +17794,15 @@
|
|
|
17852
17794
|
isolation: isolate;
|
|
17853
17795
|
}
|
|
17854
17796
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-ProgressRoot{
|
|
17855
|
-
|
|
17856
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
17797
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
17857
17798
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
17858
17799
|
}
|
|
17859
17800
|
.rt-ProgressRoot:where([data-panel-background='solid'],[data-material='solid']){
|
|
17860
|
-
|
|
17861
|
-
backdrop-filter: none;
|
|
17801
|
+
backdrop-filter: none;
|
|
17862
17802
|
--backdrop-filter-components: none;
|
|
17863
17803
|
}
|
|
17864
17804
|
.rt-ProgressRoot:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
17865
|
-
|
|
17866
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
17805
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
17867
17806
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
17868
17807
|
}
|
|
17869
17808
|
.rt-ProgressIndicator{
|
|
@@ -18298,18 +18237,15 @@
|
|
|
18298
18237
|
isolation: isolate;
|
|
18299
18238
|
}
|
|
18300
18239
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseRadioRoot{
|
|
18301
|
-
|
|
18302
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
18240
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
18303
18241
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
18304
18242
|
}
|
|
18305
18243
|
.rt-BaseRadioRoot:where([data-panel-background='solid'],[data-material='solid']){
|
|
18306
|
-
|
|
18307
|
-
backdrop-filter: none;
|
|
18244
|
+
backdrop-filter: none;
|
|
18308
18245
|
--backdrop-filter-components: none;
|
|
18309
18246
|
}
|
|
18310
18247
|
.rt-BaseRadioRoot:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
18311
|
-
|
|
18312
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
18248
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
18313
18249
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
18314
18250
|
}
|
|
18315
18251
|
.rt-BaseRadioRoot:where(:disabled,[data-disabled]){
|
|
@@ -18931,13 +18867,11 @@
|
|
|
18931
18867
|
border-end-end-radius: 0;
|
|
18932
18868
|
}
|
|
18933
18869
|
.rt-SheetOverlay::before{
|
|
18934
|
-
|
|
18935
|
-
backdrop-filter: var(--backdrop-filter-components) !important;
|
|
18870
|
+
backdrop-filter: var(--backdrop-filter-components) !important;
|
|
18936
18871
|
}
|
|
18937
|
-
@supports not (
|
|
18872
|
+
@supports not (backdrop-filter: blur(1px)) {
|
|
18938
18873
|
.rt-SheetOverlay::before{
|
|
18939
|
-
|
|
18940
|
-
backdrop-filter: none !important;
|
|
18874
|
+
backdrop-filter: none !important;
|
|
18941
18875
|
}
|
|
18942
18876
|
}
|
|
18943
18877
|
@media (prefers-reduced-motion: no-preference) {
|
|
@@ -19218,23 +19152,19 @@
|
|
|
19218
19152
|
grid-auto-columns: minmax(var(--segmented-control-height), 1fr);
|
|
19219
19153
|
}
|
|
19220
19154
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SegmentedControlRoot{
|
|
19221
|
-
|
|
19222
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
19155
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
19223
19156
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
19224
19157
|
}
|
|
19225
19158
|
.rt-SegmentedControlRoot:where([data-panel-background='solid'],[data-material='solid']){
|
|
19226
|
-
|
|
19227
|
-
backdrop-filter: none;
|
|
19159
|
+
backdrop-filter: none;
|
|
19228
19160
|
--backdrop-filter-components: none;
|
|
19229
19161
|
}
|
|
19230
19162
|
.rt-SegmentedControlRoot:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
19231
|
-
|
|
19232
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
19163
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
19233
19164
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
19234
19165
|
}
|
|
19235
19166
|
:where(.rt-PopoverContent,.rt-BaseDialogContent,.rt-BaseMenuContent,.rt-DropdownMenuContent,.rt-ContextMenuContent,.rt-AlertDialogContent,.rt-HoverCardContent,.rt-TooltipContent,.rt-Card) .rt-SegmentedControlRoot{
|
|
19236
|
-
|
|
19237
|
-
backdrop-filter: none !important;
|
|
19167
|
+
backdrop-filter: none !important;
|
|
19238
19168
|
}
|
|
19239
19169
|
.rt-SegmentedControlRoot:where([data-disabled]){
|
|
19240
19170
|
color: var(--gray-a8);
|
|
@@ -20299,18 +20229,15 @@
|
|
|
20299
20229
|
color: var(--gray-12);
|
|
20300
20230
|
}
|
|
20301
20231
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger{
|
|
20302
|
-
|
|
20303
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
20232
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
20304
20233
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
20305
20234
|
}
|
|
20306
20235
|
.rt-SelectTrigger:where([data-panel-background='solid'],[data-material='solid']){
|
|
20307
|
-
|
|
20308
|
-
backdrop-filter: none;
|
|
20236
|
+
backdrop-filter: none;
|
|
20309
20237
|
--backdrop-filter-components: none;
|
|
20310
20238
|
}
|
|
20311
20239
|
.rt-SelectTrigger:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
20312
|
-
|
|
20313
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
20240
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
20314
20241
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
20315
20242
|
}
|
|
20316
20243
|
.rt-SelectTrigger:where(.rt-high-contrast) :where(.rt-SelectTriggerInner){
|
|
@@ -20349,8 +20276,7 @@
|
|
|
20349
20276
|
overflow: hidden;
|
|
20350
20277
|
z-index: 200;
|
|
20351
20278
|
background-color: var(--color-panel);
|
|
20352
|
-
|
|
20353
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
20279
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
20354
20280
|
-webkit-box-shadow: var(--shadow-5);
|
|
20355
20281
|
box-shadow: var(--shadow-5);
|
|
20356
20282
|
}
|
|
@@ -21887,8 +21813,7 @@
|
|
|
21887
21813
|
height: 100%;
|
|
21888
21814
|
width: 100%;
|
|
21889
21815
|
background-color: var(--color-panel);
|
|
21890
|
-
|
|
21891
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
21816
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
21892
21817
|
border-radius: inherit;
|
|
21893
21818
|
-webkit-box-flex: 1;
|
|
21894
21819
|
-ms-flex: 1;
|
|
@@ -21934,8 +21859,7 @@
|
|
|
21934
21859
|
box-sizing: border-box;
|
|
21935
21860
|
min-height: 0;
|
|
21936
21861
|
background-color: transparent !important;
|
|
21937
|
-
|
|
21938
|
-
backdrop-filter: none !important;
|
|
21862
|
+
backdrop-filter: none !important;
|
|
21939
21863
|
-webkit-box-shadow: none !important;
|
|
21940
21864
|
box-shadow: none !important;
|
|
21941
21865
|
border-radius: 0 !important;
|
|
@@ -22561,12 +22485,10 @@
|
|
|
22561
22485
|
}
|
|
22562
22486
|
:where([data-panel-background='translucent']) .rt-SidebarContainer{
|
|
22563
22487
|
--sidebar-border-color: var(--gray-a6);
|
|
22564
|
-
|
|
22565
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
22488
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
22566
22489
|
}
|
|
22567
22490
|
.rt-SidebarContainer:where([data-panel-background='solid']){
|
|
22568
|
-
|
|
22569
|
-
backdrop-filter: none;
|
|
22491
|
+
backdrop-filter: none;
|
|
22570
22492
|
--backdrop-filter-panel: none;
|
|
22571
22493
|
}
|
|
22572
22494
|
.rt-SidebarContainer:where(.rt-variant-outline){
|
|
@@ -23611,8 +23533,7 @@
|
|
|
23611
23533
|
}
|
|
23612
23534
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']){
|
|
23613
23535
|
background-color: var(--gray-3);
|
|
23614
|
-
|
|
23615
|
-
backdrop-filter: none;
|
|
23536
|
+
backdrop-filter: none;
|
|
23616
23537
|
--backdrop-filter-components: none;
|
|
23617
23538
|
}
|
|
23618
23539
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']){
|
|
@@ -23736,8 +23657,7 @@
|
|
|
23736
23657
|
}
|
|
23737
23658
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']){
|
|
23738
23659
|
background-color: var(--accent-3);
|
|
23739
|
-
|
|
23740
|
-
backdrop-filter: none;
|
|
23660
|
+
backdrop-filter: none;
|
|
23741
23661
|
--backdrop-filter-components: none;
|
|
23742
23662
|
}
|
|
23743
23663
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']){
|
|
@@ -23755,8 +23675,7 @@
|
|
|
23755
23675
|
}
|
|
23756
23676
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='solid']){
|
|
23757
23677
|
background-color: var(--accent-4);
|
|
23758
|
-
|
|
23759
|
-
backdrop-filter: none;
|
|
23678
|
+
backdrop-filter: none;
|
|
23760
23679
|
--backdrop-filter-components: none;
|
|
23761
23680
|
}
|
|
23762
23681
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='translucent']){
|
|
@@ -23777,8 +23696,7 @@
|
|
|
23777
23696
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])):where([data-panel-background='solid']){
|
|
23778
23697
|
background-color: var(--accent-3);
|
|
23779
23698
|
color: var(--accent-12);
|
|
23780
|
-
|
|
23781
|
-
backdrop-filter: none;
|
|
23699
|
+
backdrop-filter: none;
|
|
23782
23700
|
--backdrop-filter-components: none;
|
|
23783
23701
|
}
|
|
23784
23702
|
:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])):where([data-panel-background='translucent']){
|
|
@@ -24684,18 +24602,15 @@
|
|
|
24684
24602
|
isolation: isolate;
|
|
24685
24603
|
}
|
|
24686
24604
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SliderRoot{
|
|
24687
|
-
|
|
24688
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
24605
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
24689
24606
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
24690
24607
|
}
|
|
24691
24608
|
.rt-SliderRoot:where([data-panel-background='solid'],[data-material='solid']){
|
|
24692
|
-
|
|
24693
|
-
backdrop-filter: none;
|
|
24609
|
+
backdrop-filter: none;
|
|
24694
24610
|
--backdrop-filter-components: none;
|
|
24695
24611
|
}
|
|
24696
24612
|
.rt-SliderRoot:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
24697
|
-
|
|
24698
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
24613
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
24699
24614
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
24700
24615
|
}
|
|
24701
24616
|
.rt-SliderRoot:where([data-orientation='horizontal']){
|
|
@@ -25317,18 +25232,15 @@
|
|
|
25317
25232
|
isolation: isolate;
|
|
25318
25233
|
}
|
|
25319
25234
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SwitchRoot{
|
|
25320
|
-
|
|
25321
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
25235
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
25322
25236
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
25323
25237
|
}
|
|
25324
25238
|
.rt-SwitchRoot:where([data-panel-background='solid'],[data-material='solid']){
|
|
25325
|
-
|
|
25326
|
-
backdrop-filter: none;
|
|
25239
|
+
backdrop-filter: none;
|
|
25327
25240
|
--backdrop-filter-components: none;
|
|
25328
25241
|
}
|
|
25329
25242
|
.rt-SwitchRoot:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
25330
|
-
|
|
25331
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
25243
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
25332
25244
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
25333
25245
|
}
|
|
25334
25246
|
.rt-SwitchRoot::before{
|
|
@@ -25849,43 +25761,36 @@
|
|
|
25849
25761
|
}
|
|
25850
25762
|
:where([data-panel-background='translucent']) :is(.rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner)){
|
|
25851
25763
|
background-color: var(--gray-a3);
|
|
25852
|
-
|
|
25853
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
25764
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
25854
25765
|
}
|
|
25855
25766
|
:where(.rt-BaseTabList[data-panel-background='solid']) :is(.rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner)){
|
|
25856
25767
|
background-color: var(--gray-a3);
|
|
25857
|
-
|
|
25858
|
-
backdrop-filter: none;
|
|
25768
|
+
backdrop-filter: none;
|
|
25859
25769
|
--backdrop-filter-components: none;
|
|
25860
25770
|
}
|
|
25861
25771
|
:where(.rt-BaseTabList[data-panel-background='translucent']) :is(.rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner)){
|
|
25862
25772
|
background-color: var(--gray-a3);
|
|
25863
|
-
|
|
25864
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
25773
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
25865
25774
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
25866
25775
|
}
|
|
25867
25776
|
:where(.rt-PopoverContent,.rt-BaseDialogContent,.rt-BaseMenuContent,.rt-DropdownMenuContent,.rt-ContextMenuContent,.rt-AlertDialogContent,.rt-HoverCardContent,.rt-TooltipContent,.rt-Card) :is(.rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner)){
|
|
25868
|
-
|
|
25869
|
-
backdrop-filter: none !important;
|
|
25777
|
+
backdrop-filter: none !important;
|
|
25870
25778
|
}
|
|
25871
25779
|
.rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner){
|
|
25872
25780
|
background-color: var(--accent-a3);
|
|
25873
25781
|
}
|
|
25874
25782
|
:where([data-panel-background='translucent']) :is(.rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner)){
|
|
25875
25783
|
background-color: var(--accent-a3);
|
|
25876
|
-
|
|
25877
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
25784
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
25878
25785
|
}
|
|
25879
25786
|
:where(.rt-BaseTabList[data-panel-background='solid']) :is(.rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner)){
|
|
25880
25787
|
background-color: var(--accent-a3);
|
|
25881
|
-
|
|
25882
|
-
backdrop-filter: none;
|
|
25788
|
+
backdrop-filter: none;
|
|
25883
25789
|
--backdrop-filter-components: none;
|
|
25884
25790
|
}
|
|
25885
25791
|
:where(.rt-BaseTabList[data-panel-background='translucent']) :is(.rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner)){
|
|
25886
25792
|
background-color: var(--accent-a3);
|
|
25887
|
-
|
|
25888
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
25793
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
25889
25794
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
25890
25795
|
}
|
|
25891
25796
|
}
|
|
@@ -26263,8 +26168,7 @@
|
|
|
26263
26168
|
border: 1px solid var(--gray-a5);
|
|
26264
26169
|
border-radius: var(--table-border-radius);
|
|
26265
26170
|
background-color: var(--color-panel);
|
|
26266
|
-
|
|
26267
|
-
backdrop-filter: var(--backdrop-filter-panel);
|
|
26171
|
+
backdrop-filter: var(--backdrop-filter-panel);
|
|
26268
26172
|
background-clip: padding-box;
|
|
26269
26173
|
position: relative;
|
|
26270
26174
|
}
|
|
@@ -26309,18 +26213,15 @@
|
|
|
26309
26213
|
--material-alpha: 1;
|
|
26310
26214
|
}
|
|
26311
26215
|
:where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextAreaRoot{
|
|
26312
|
-
|
|
26313
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
26216
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
26314
26217
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
26315
26218
|
}
|
|
26316
26219
|
.rt-TextAreaRoot:where([data-panel-background='solid'],[data-material='solid']){
|
|
26317
|
-
|
|
26318
|
-
backdrop-filter: none;
|
|
26220
|
+
backdrop-filter: none;
|
|
26319
26221
|
--backdrop-filter-components: none;
|
|
26320
26222
|
}
|
|
26321
26223
|
.rt-TextAreaRoot:where([data-panel-background='translucent'],[data-material='translucent']){
|
|
26322
|
-
|
|
26323
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
26224
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
26324
26225
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
26325
26226
|
}
|
|
26326
26227
|
.rt-TextAreaRoot:where(:focus-within){
|
|
@@ -27455,13 +27356,11 @@
|
|
|
27455
27356
|
isolation: isolate;
|
|
27456
27357
|
}
|
|
27457
27358
|
.rt-ChatbarRoot:where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox{
|
|
27458
|
-
|
|
27459
|
-
backdrop-filter: var(--backdrop-filter-components);
|
|
27359
|
+
backdrop-filter: var(--backdrop-filter-components);
|
|
27460
27360
|
--backdrop-filter-components: blur(var(--backdrop-blur-components));
|
|
27461
27361
|
}
|
|
27462
27362
|
.rt-ChatbarRoot:where([data-panel-background='solid'], [data-material='solid']) .rt-ChatbarBox{
|
|
27463
|
-
|
|
27464
|
-
backdrop-filter: none;
|
|
27363
|
+
backdrop-filter: none;
|
|
27465
27364
|
--backdrop-filter-components: none;
|
|
27466
27365
|
}
|
|
27467
27366
|
.rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarBox{
|