@quidgest/ui 0.8.2 → 0.8.4

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/dist/index.d.ts CHANGED
@@ -1509,6 +1509,9 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
1509
1509
  "label.prepend"?(_: {}): any;
1510
1510
  "label.append"?(_: {}): any;
1511
1511
  prepend?(_: {}): any;
1512
+ /**
1513
+ * Focuses the input element within the trigger element.
1514
+ */
1512
1515
  append?(_: {}): any;
1513
1516
  extras?(_: {}): any;
1514
1517
  };
package/dist/ui.css CHANGED
@@ -366,7 +366,7 @@ body *::-webkit-scrollbar-track {
366
366
  .q-btn:disabled {
367
367
  opacity: 0.6;
368
368
  }
369
- .q-btn--loading {
369
+ .q-btn--loading:hover {
370
370
  cursor: not-allowed;
371
371
  }
372
372
  .q-btn--loading span {
@@ -426,13 +426,29 @@ body *::-webkit-scrollbar-track {
426
426
  z-index: 3;
427
427
  }
428
428
 
429
- .q-combobox__clear {
430
- opacity: 0.5;
431
- }
432
- .q-combobox__clear:hover, .q-combobox__clear:focus {
429
+ .q-combobox:not(.q-combobox--disabled) .q-combobox__clear:hover, .q-combobox:not(.q-combobox--disabled) .q-combobox__clear:focus,
430
+ .q-combobox:not(.q-combobox--disabled) .q-combobox__chevron:hover,
431
+ .q-combobox:not(.q-combobox--disabled) .q-combobox__chevron:focus {
433
432
  cursor: pointer;
434
433
  opacity: 1;
435
434
  }
435
+ .q-combobox--expanded .q-combobox__chevron svg {
436
+ transform: rotate(-180deg);
437
+ }
438
+
439
+ .q-combobox__clear,
440
+ .q-combobox__chevron {
441
+ padding: 0.1rem;
442
+ opacity: 0.5;
443
+ }
444
+ .q-combobox__clear:hover,
445
+ .q-combobox__chevron:hover {
446
+ cursor: inherit;
447
+ }
448
+
449
+ .q-combobox__chevron svg {
450
+ transition: all 0.2s;
451
+ }
436
452
 
437
453
  .q-field {
438
454
  display: flex;
@@ -484,9 +500,11 @@ body *::-webkit-scrollbar-track {
484
500
  background-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
485
501
  }
486
502
  .q-field--disabled > .q-field__control {
487
- cursor: not-allowed;
488
503
  opacity: 0.5;
489
504
  }
505
+ .q-field--disabled > .q-field__control:hover {
506
+ cursor: not-allowed;
507
+ }
490
508
  .q-field:not(.q-field--disabled) .q-field__control:focus-within {
491
509
  outline: 2px solid rgb(var(--q-theme-info-rgb)/0.5);
492
510
  }
@@ -659,17 +677,21 @@ body *::-webkit-scrollbar-track {
659
677
  word-wrap: break-word;
660
678
  -webkit-touch-callout: none;
661
679
  width: inherit;
662
- cursor: pointer;
663
680
  border-radius: 0.25rem;
664
681
  outline: none;
665
682
  }
683
+ .q-list-item:hover {
684
+ cursor: pointer;
685
+ }
686
+ .q-list-item:hover, .q-list-item:focus-visible, .q-list-item--highlighted {
687
+ background-color: rgb(var(--q-theme-primary-light-rgb)/0.5);
688
+ }
666
689
  .q-list-item--disabled {
667
- cursor: not-allowed;
668
690
  pointer-events: none;
669
691
  opacity: 0.5;
670
692
  }
671
- .q-list-item:hover, .q-list-item:focus-visible, .q-list-item--highlighted {
672
- background-color: rgb(var(--q-theme-primary-light-rgb)/0.5);
693
+ .q-list-item--disabled:hover {
694
+ cursor: not-allowed;
673
695
  }
674
696
  .q-list-item--selected {
675
697
  background-color: var(--q-theme-primary-light) !important;
@@ -851,7 +873,7 @@ body *::-webkit-scrollbar-track {
851
873
  font-style: italic;
852
874
  color: var(--q-theme-neutral);
853
875
  }
854
- .q-select--expanded .q-select__chevron {
876
+ .q-select--expanded .q-select__chevron svg {
855
877
  transform: rotate(-180deg);
856
878
  }
857
879
  .q-select .q-field__prepend {
@@ -861,10 +883,15 @@ body *::-webkit-scrollbar-track {
861
883
 
862
884
  .q-select__clear,
863
885
  .q-select__chevron {
886
+ padding: 0.1rem;
864
887
  opacity: 0.5;
865
888
  }
889
+ .q-select__clear:hover,
890
+ .q-select__chevron:hover {
891
+ cursor: inherit;
892
+ }
866
893
 
867
- .q-select__chevron {
894
+ .q-select__chevron svg {
868
895
  transition: all 0.2s;
869
896
  }
870
897
 
@@ -969,7 +996,6 @@ body *::-webkit-scrollbar-track {
969
996
  outline: none;
970
997
  color: inherit;
971
998
  background-color: transparent;
972
- cursor: inherit;
973
999
  padding: 0;
974
1000
  }
975
1001
  .q-text-field__input::-moz-placeholder {
@@ -985,6 +1011,9 @@ body *::-webkit-scrollbar-track {
985
1011
  -moz-user-select: none;
986
1012
  user-select: none;
987
1013
  }
1014
+ .q-text-field__input:hover {
1015
+ cursor: inherit;
1016
+ }
988
1017
 
989
1018
  .q-theme-provider {
990
1019
  color: var(--q-theme-on-background);