@quidgest/ui 0.16.6 → 0.16.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/ui.css +35 -20
  2. package/dist/ui.esm.js +3858 -3949
  3. package/dist/ui.js +28 -28
  4. package/dist/ui.min.css +1 -1
  5. package/dist/ui.min.js +693 -717
  6. package/dist/ui.scss +37 -21
  7. package/esm/components/QDismissibleLayer/QDismissibleLayer.d.ts.map +1 -1
  8. package/esm/components/QDismissibleLayer/QDismissibleLayer.vue.js +46 -25
  9. package/esm/components/QRadioGroup/QRadioButton.d.ts.map +1 -1
  10. package/esm/components/QRadioGroup/QRadioGroup.d.ts +1 -0
  11. package/esm/components/QRadioGroup/QRadioGroup.d.ts.map +1 -1
  12. package/esm/components/QRadioGroup/QRadioGroup.vue.js +31 -25
  13. package/esm/components/QRadioGroup/index.d.ts +6 -0
  14. package/esm/components/QRadioGroup/index.d.ts.map +1 -1
  15. package/esm/components/QRadioGroup/types.d.ts +4 -0
  16. package/esm/components/QRadioGroup/types.d.ts.map +1 -1
  17. package/esm/vendors/@vueuse/core/index.js +67 -173
  18. package/esm/vendors/@vueuse/shared/index.js +15 -36
  19. package/package.json +1 -1
package/dist/ui.css CHANGED
@@ -672,50 +672,60 @@ body *::-webkit-scrollbar-track {
672
672
  border-color: var(--q-button-main-color);
673
673
  color: var(--q-button-on-main-color);
674
674
  }
675
- .q-button--bold:hover:not(:disabled) {
676
- background-color: var(--q-button-hover-color);
677
- border-color: var(--q-button-hover-color);
678
- color: var(--q-button-on-hover-color);
675
+ @media (hover: hover) {
676
+ .q-button--bold:hover:not(:disabled) {
677
+ background-color: var(--q-button-hover-color);
678
+ border-color: var(--q-button-hover-color);
679
+ color: var(--q-button-on-hover-color);
680
+ }
679
681
  }
680
682
  .q-button--tonal {
681
683
  background-color: rgb(var(--q-button-main-color-rgb)/12%);
682
684
  border-color: transparent;
683
685
  color: var(--q-button-main-color);
684
686
  }
685
- .q-button--tonal:hover:not(:disabled) {
686
- background-color: var(--q-button-hover-color);
687
- border-color: var(--q-button-hover-color);
688
- color: var(--q-button-on-hover-color);
687
+ @media (hover: hover) {
688
+ .q-button--tonal:hover:not(:disabled) {
689
+ background-color: var(--q-button-hover-color);
690
+ border-color: var(--q-button-hover-color);
691
+ color: var(--q-button-on-hover-color);
692
+ }
689
693
  }
690
694
  .q-button--outlined {
691
695
  background-color: transparent;
692
696
  border-color: var(--q-button-main-color);
693
697
  color: var(--q-button-main-color);
694
698
  }
695
- .q-button--outlined:hover:not(:disabled) {
696
- background-color: var(--q-button-hover-color);
697
- color: var(--q-button-on-hover-color);
698
- border-color: var(--q-button-hover-color);
699
+ @media (hover: hover) {
700
+ .q-button--outlined:hover:not(:disabled) {
701
+ background-color: var(--q-button-hover-color);
702
+ color: var(--q-button-on-hover-color);
703
+ border-color: var(--q-button-hover-color);
704
+ }
699
705
  }
700
706
  .q-button--ghost {
701
707
  background-color: transparent;
702
708
  border-color: transparent;
703
709
  color: var(--q-button-main-color);
704
710
  }
705
- .q-button--ghost:hover:not(:disabled) {
706
- background-color: rgb(var(--q-button-hover-color-rgb)/6%);
707
- border-color: transparent;
708
- color: var(--q-button-hover-color);
711
+ @media (hover: hover) {
712
+ .q-button--ghost:hover:not(:disabled) {
713
+ background-color: rgb(var(--q-button-hover-color-rgb)/6%);
714
+ border-color: transparent;
715
+ color: var(--q-button-hover-color);
716
+ }
709
717
  }
710
718
  .q-button--text {
711
719
  background-color: transparent;
712
720
  border-color: transparent;
713
721
  color: var(--q-button-main-color);
714
722
  }
715
- .q-button--text:hover:not(:disabled) {
716
- background-color: transparent;
717
- border-color: transparent;
718
- color: var(--q-button-hover-color);
723
+ @media (hover: hover) {
724
+ .q-button--text:hover:not(:disabled) {
725
+ background-color: transparent;
726
+ border-color: transparent;
727
+ color: var(--q-button-hover-color);
728
+ }
719
729
  }
720
730
  .q-button--pill {
721
731
  border-radius: 9999px;
@@ -3798,6 +3808,7 @@ body *::-webkit-scrollbar-track {
3798
3808
  }
3799
3809
 
3800
3810
  .q-radio-group {
3811
+ --q-radio-group-columns: 1;
3801
3812
  display: flex;
3802
3813
  flex-direction: column;
3803
3814
  gap: 0.5rem;
@@ -3810,6 +3821,10 @@ body *::-webkit-scrollbar-track {
3810
3821
  .q-radio-group--horizontal .q-radio-group__group {
3811
3822
  flex-direction: row;
3812
3823
  }
3824
+ .q-radio-group--grid {
3825
+ display: grid;
3826
+ grid-template-columns: repeat(var(--q-radio-group-columns), auto);
3827
+ }
3813
3828
 
3814
3829
  .q-radio-button {
3815
3830
  --q-radio-button-circle-size: 1rem;