@quidgest/ui 0.15.5 → 0.15.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 (101) hide show
  1. package/dist/manifest/components.json +1 -0
  2. package/dist/ui.css +91 -1
  3. package/dist/ui.esm.js +4453 -4433
  4. package/dist/ui.js +18 -18
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +755 -754
  7. package/dist/ui.scss +32 -2
  8. package/esm/components/QAccordion/types.d.ts.map +1 -1
  9. package/esm/components/QBadge/types.d.ts.map +1 -1
  10. package/esm/components/QBadgeIndicator/types.d.ts.map +1 -1
  11. package/esm/components/QButton/QButton.d.ts.map +1 -1
  12. package/esm/components/QButton/QButton.vue.js +34 -32
  13. package/esm/components/QButton/types.d.ts +1 -1
  14. package/esm/components/QButton/types.d.ts.map +1 -1
  15. package/esm/components/QButtonGroup/types.d.ts.map +1 -1
  16. package/esm/components/QButtonToggle/types.d.ts.map +1 -1
  17. package/esm/components/QCard/types.d.ts.map +1 -1
  18. package/esm/components/QCheckbox/QCheckbox.vue.js +28 -28
  19. package/esm/components/QCheckbox/index.d.ts +18 -1
  20. package/esm/components/QCheckbox/index.d.ts.map +1 -1
  21. package/esm/components/QCheckbox/index.js +6 -4
  22. package/esm/components/QCheckbox/types.d.ts.map +1 -1
  23. package/esm/components/QCollapsible/types.d.ts.map +1 -1
  24. package/esm/components/QColorPicker/types.d.ts.map +1 -1
  25. package/esm/components/QCombobox/QCombobox.d.ts +53 -25
  26. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  27. package/esm/components/QCombobox/QCombobox.vue.js +37 -37
  28. package/esm/components/QCombobox/index.d.ts +24 -10
  29. package/esm/components/QCombobox/index.d.ts.map +1 -1
  30. package/esm/components/QCombobox/types.d.ts.map +1 -1
  31. package/esm/components/QDateTimePicker/types.d.ts.map +1 -1
  32. package/esm/components/QDialog/types.d.ts.map +1 -1
  33. package/esm/components/QDropdownMenu/QDropdownMenu.d.ts +4 -0
  34. package/esm/components/QDropdownMenu/QDropdownMenu.d.ts.map +1 -1
  35. package/esm/components/QDropdownMenu/QDropdownMenu.vue.js +15 -10
  36. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +66 -34
  37. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
  38. package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +36 -35
  39. package/esm/components/QDropdownMenu/index.d.ts +7 -4
  40. package/esm/components/QDropdownMenu/index.d.ts.map +1 -1
  41. package/esm/components/QDropdownMenu/types.d.ts +4 -21
  42. package/esm/components/QDropdownMenu/types.d.ts.map +1 -1
  43. package/esm/components/QFileUpload/QFileUpload.d.ts +1 -1
  44. package/esm/components/QFileUpload/types.d.ts.map +1 -1
  45. package/esm/components/QIcon/types.d.ts.map +1 -1
  46. package/esm/components/QInputGroup/QInputGroup.d.ts +1 -1
  47. package/esm/components/QInputGroup/types.d.ts.map +1 -1
  48. package/esm/components/QLabel/types.d.ts.map +1 -1
  49. package/esm/components/QLineLoader/types.d.ts.map +1 -1
  50. package/esm/components/QList/QList.d.ts +39 -18
  51. package/esm/components/QList/QList.d.ts.map +1 -1
  52. package/esm/components/QList/QList.vue.js +98 -94
  53. package/esm/components/QList/QListItem.d.ts +12 -6
  54. package/esm/components/QList/QListItem.d.ts.map +1 -1
  55. package/esm/components/QList/QListItem.vue.js +52 -50
  56. package/esm/components/QList/index.d.ts +48 -19
  57. package/esm/components/QList/index.d.ts.map +1 -1
  58. package/esm/components/QList/types.d.ts +0 -4
  59. package/esm/components/QList/types.d.ts.map +1 -1
  60. package/esm/components/QMeter/types.d.ts.map +1 -1
  61. package/esm/components/QOverlay/types.d.ts.map +1 -1
  62. package/esm/components/QPasswordField/index.d.ts.map +1 -1
  63. package/esm/components/QPopover/types.d.ts.map +1 -1
  64. package/esm/components/QPropertyList/index.d.ts.map +1 -1
  65. package/esm/components/QPropertyList/types.d.ts.map +1 -1
  66. package/esm/components/QSelect/QSelect.d.ts +61 -33
  67. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  68. package/esm/components/QSelect/QSelect.vue.js +14 -14
  69. package/esm/components/QSelect/index.d.ts +24 -10
  70. package/esm/components/QSelect/index.d.ts.map +1 -1
  71. package/esm/components/QSelect/types.d.ts.map +1 -1
  72. package/esm/components/QSkeletonLoader/types.d.ts.map +1 -1
  73. package/esm/components/QSpinnerLoader/types.d.ts.map +1 -1
  74. package/esm/components/QTextArea/types.d.ts.map +1 -1
  75. package/esm/components/QTextField/QTextField.d.ts +10 -10
  76. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  77. package/esm/components/QTextField/index.d.ts.map +1 -1
  78. package/esm/components/QTextField/types.d.ts.map +1 -1
  79. package/esm/components/QThemeProvider/types.d.ts.map +1 -1
  80. package/esm/components/QTooltip/types.d.ts.map +1 -1
  81. package/esm/components/__internal__/QChevron/types.d.ts.map +1 -1
  82. package/esm/components/__internal__/QClearButton/QClearButton.vue.js +8 -8
  83. package/esm/components/__internal__/QClearButton/types.d.ts.map +1 -1
  84. package/esm/components/index.js +63 -62
  85. package/esm/composables/defaults.js +4 -4
  86. package/esm/composables/theme.d.ts.map +1 -1
  87. package/esm/composables/theme.js +5 -5
  88. package/esm/composables/useColor/index.d.ts.map +1 -1
  89. package/esm/composables/useColor/index.js +27 -25
  90. package/esm/composables/useColor/types.d.ts +9 -1
  91. package/esm/composables/useColor/types.d.ts.map +1 -1
  92. package/esm/framework.d.ts +1 -1
  93. package/esm/framework.d.ts.map +1 -1
  94. package/esm/index.d.ts +1 -0
  95. package/esm/templates/theme.d.ts.map +1 -1
  96. package/esm/utils/color.d.ts +6 -0
  97. package/esm/utils/color.d.ts.map +1 -1
  98. package/esm/utils/color.js +16 -12
  99. package/esm/utils/theme.d.ts +1 -1
  100. package/esm/utils/theme.d.ts.map +1 -1
  101. package/package.json +1 -1
package/dist/manifest/components.json CHANGED
@@ -7,6 +7,7 @@
7
7
  "QButtonToggle",
8
8
  "QCard",
9
9
  "QCheckbox",
10
+ "QCheckboxLabel",
10
11
  "QCollapsible",
11
12
  "QColorPicker",
12
13
  "QCombobox",
package/dist/ui.css CHANGED
@@ -361,51 +361,83 @@ body *::-webkit-scrollbar-track {
361
361
  }
362
362
  .q-badge--primary {
363
363
  --q-badge-main-color: var(--q-theme-primary);
364
+ --q-badge-main-color-rgb: var(--q-theme-primary-rgb);
364
365
  --q-badge-on-main-color: var(--q-theme-on-primary);
366
+ --q-badge-on-main-color-rgb: var(--q-theme-on-primary-rgb);
365
367
  --q-badge-hover-color: var(--q-theme-primary-dark);
368
+ --q-badge-hover-color-rgb: var(--q-theme-primary-dark-rgb);
366
369
  --q-badge-on-hover-color: var(--q-theme-on-primary);
370
+ --q-badge-on-hover-color-rgb: var(--q-theme-on-primary-rgb);
367
371
  }
368
372
  .q-badge--secondary {
369
373
  --q-badge-main-color: var(--q-theme-secondary);
374
+ --q-badge-main-color-rgb: var(--q-theme-secondary-rgb);
370
375
  --q-badge-on-main-color: var(--q-theme-on-secondary);
376
+ --q-badge-on-main-color-rgb: var(--q-theme-on-secondary-rgb);
371
377
  --q-badge-hover-color: var(--q-theme-secondary-dark);
378
+ --q-badge-hover-color-rgb: var(--q-theme-secondary-dark-rgb);
372
379
  --q-badge-on-hover-color: var(--q-theme-on-secondary);
380
+ --q-badge-on-hover-color-rgb: var(--q-theme-on-secondary-rgb);
373
381
  }
374
382
  .q-badge--highlight {
375
383
  --q-badge-main-color: var(--q-theme-highlight);
384
+ --q-badge-main-color-rgb: var(--q-theme-highlight-rgb);
376
385
  --q-badge-on-main-color: var(--q-theme-on-highlight);
386
+ --q-badge-on-main-color-rgb: var(--q-theme-on-highlight-rgb);
377
387
  --q-badge-hover-color: var(--q-theme-highlight-dark);
388
+ --q-badge-hover-color-rgb: var(--q-theme-highlight-dark-rgb);
378
389
  --q-badge-on-hover-color: var(--q-theme-on-highlight);
390
+ --q-badge-on-hover-color-rgb: var(--q-theme-on-highlight-rgb);
379
391
  }
380
392
  .q-badge--info {
381
393
  --q-badge-main-color: var(--q-theme-info);
394
+ --q-badge-main-color-rgb: var(--q-theme-info-rgb);
382
395
  --q-badge-on-main-color: var(--q-theme-on-info);
396
+ --q-badge-on-main-color-rgb: var(--q-theme-on-info-rgb);
383
397
  --q-badge-hover-color: var(--q-theme-info-dark);
398
+ --q-badge-hover-color-rgb: var(--q-theme-info-dark-rgb);
384
399
  --q-badge-on-hover-color: var(--q-theme-on-info);
400
+ --q-badge-on-hover-color-rgb: var(--q-theme-on-info-rgb);
385
401
  }
386
402
  .q-badge--success {
387
403
  --q-badge-main-color: var(--q-theme-success);
404
+ --q-badge-main-color-rgb: var(--q-theme-success-rgb);
388
405
  --q-badge-on-main-color: var(--q-theme-on-success);
406
+ --q-badge-on-main-color-rgb: var(--q-theme-on-success-rgb);
389
407
  --q-badge-hover-color: var(--q-theme-success-dark);
408
+ --q-badge-hover-color-rgb: var(--q-theme-success-dark-rgb);
390
409
  --q-badge-on-hover-color: var(--q-theme-on-success);
410
+ --q-badge-on-hover-color-rgb: var(--q-theme-on-success-rgb);
391
411
  }
392
412
  .q-badge--warning {
393
413
  --q-badge-main-color: var(--q-theme-warning);
414
+ --q-badge-main-color-rgb: var(--q-theme-warning-rgb);
394
415
  --q-badge-on-main-color: var(--q-theme-on-warning);
416
+ --q-badge-on-main-color-rgb: var(--q-theme-on-warning-rgb);
395
417
  --q-badge-hover-color: var(--q-theme-warning-dark);
418
+ --q-badge-hover-color-rgb: var(--q-theme-warning-dark-rgb);
396
419
  --q-badge-on-hover-color: var(--q-theme-on-warning);
420
+ --q-badge-on-hover-color-rgb: var(--q-theme-on-warning-rgb);
397
421
  }
398
422
  .q-badge--danger {
399
423
  --q-badge-main-color: var(--q-theme-danger);
424
+ --q-badge-main-color-rgb: var(--q-theme-danger-rgb);
400
425
  --q-badge-on-main-color: var(--q-theme-on-danger);
426
+ --q-badge-on-main-color-rgb: var(--q-theme-on-danger-rgb);
401
427
  --q-badge-hover-color: var(--q-theme-danger-dark);
428
+ --q-badge-hover-color-rgb: var(--q-theme-danger-dark-rgb);
402
429
  --q-badge-on-hover-color: var(--q-theme-on-danger);
430
+ --q-badge-on-hover-color-rgb: var(--q-theme-on-danger-rgb);
403
431
  }
404
432
  .q-badge--neutral {
405
433
  --q-badge-main-color: var(--q-theme-neutral);
434
+ --q-badge-main-color-rgb: var(--q-theme-neutral-rgb);
406
435
  --q-badge-on-main-color: var(--q-theme-on-neutral);
436
+ --q-badge-on-main-color-rgb: var(--q-theme-on-neutral-rgb);
407
437
  --q-badge-hover-color: var(--q-theme-neutral-dark);
438
+ --q-badge-hover-color-rgb: var(--q-theme-neutral-dark-rgb);
408
439
  --q-badge-on-hover-color: var(--q-theme-on-neutral);
440
+ --q-badge-on-hover-color-rgb: var(--q-theme-on-neutral-rgb);
409
441
  }
410
442
  .q-badge--large {
411
443
  font-size: 0.9rem;
@@ -484,9 +516,13 @@ body *::-webkit-scrollbar-track {
484
516
 
485
517
  .q-button {
486
518
  --q-button-main-color: var(--q-theme-primary);
519
+ --q-button-main-color-rgb: var(--q-theme-primary-rgb);
487
520
  --q-button-on-main-color: var(--q-theme-on-primary);
521
+ --q-button-on-main-color-rgb: var(--q-theme-on-primary-rgb);
488
522
  --q-button-hover-color: var(--q-theme-primary-dark);
523
+ --q-button-hover-color-rgb: var(--q-theme-primary-dark-rgb);
489
524
  --q-button-on-hover-color: var(--q-theme-on-primary);
525
+ --q-button-on-hover-color-rgb: var(--q-theme-on-primary-rgb);
490
526
  display: inline-flex;
491
527
  -webkit-user-select: none;
492
528
  -moz-user-select: none;
@@ -496,7 +532,6 @@ body *::-webkit-scrollbar-track {
496
532
  overflow: hidden;
497
533
  position: relative;
498
534
  border-width: 1px;
499
- border-color: transparent;
500
535
  padding: 0.4rem;
501
536
  line-height: 1;
502
537
  gap: 0.25rem;
@@ -553,8 +588,18 @@ body *::-webkit-scrollbar-track {
553
588
  }
554
589
  .q-button--bold:hover:not(:disabled) {
555
590
  background-color: var(--q-button-hover-color);
591
+ border-color: var(--q-button-hover-color);
556
592
  color: var(--q-button-on-hover-color);
593
+ }
594
+ .q-button--tonal {
595
+ background-color: rgb(var(--q-button-main-color-rgb)/12%);
596
+ border-color: transparent;
597
+ color: var(--q-button-main-color);
598
+ }
599
+ .q-button--tonal:hover:not(:disabled) {
600
+ background-color: var(--q-button-hover-color);
557
601
  border-color: var(--q-button-hover-color);
602
+ color: var(--q-button-on-hover-color);
558
603
  }
559
604
  .q-button--outlined {
560
605
  background-color: transparent;
@@ -566,12 +611,24 @@ body *::-webkit-scrollbar-track {
566
611
  color: var(--q-button-on-hover-color);
567
612
  border-color: var(--q-button-hover-color);
568
613
  }
614
+ .q-button--ghost {
615
+ background-color: transparent;
616
+ border-color: transparent;
617
+ color: var(--q-button-main-color);
618
+ }
619
+ .q-button--ghost:hover:not(:disabled) {
620
+ background-color: rgb(var(--q-button-hover-color-rgb)/6%);
621
+ border-color: transparent;
622
+ color: var(--q-button-hover-color);
623
+ }
569
624
  .q-button--text {
570
625
  background-color: transparent;
571
626
  border-color: transparent;
572
627
  color: var(--q-button-main-color);
573
628
  }
574
629
  .q-button--text:hover:not(:disabled) {
630
+ background-color: transparent;
631
+ border-color: transparent;
575
632
  color: var(--q-button-hover-color);
576
633
  }
577
634
  .q-button--pill {
@@ -579,51 +636,83 @@ body *::-webkit-scrollbar-track {
579
636
  }
580
637
  .q-button--primary {
581
638
  --q-button-main-color: var(--q-theme-primary);
639
+ --q-button-main-color-rgb: var(--q-theme-primary-rgb);
582
640
  --q-button-on-main-color: var(--q-theme-on-primary);
641
+ --q-button-on-main-color-rgb: var(--q-theme-on-primary-rgb);
583
642
  --q-button-hover-color: var(--q-theme-primary-dark);
643
+ --q-button-hover-color-rgb: var(--q-theme-primary-dark-rgb);
584
644
  --q-button-on-hover-color: var(--q-theme-on-primary);
645
+ --q-button-on-hover-color-rgb: var(--q-theme-on-primary-rgb);
585
646
  }
586
647
  .q-button--secondary {
587
648
  --q-button-main-color: var(--q-theme-secondary);
649
+ --q-button-main-color-rgb: var(--q-theme-secondary-rgb);
588
650
  --q-button-on-main-color: var(--q-theme-on-secondary);
651
+ --q-button-on-main-color-rgb: var(--q-theme-on-secondary-rgb);
589
652
  --q-button-hover-color: var(--q-theme-secondary-dark);
653
+ --q-button-hover-color-rgb: var(--q-theme-secondary-dark-rgb);
590
654
  --q-button-on-hover-color: var(--q-theme-on-secondary);
655
+ --q-button-on-hover-color-rgb: var(--q-theme-on-secondary-rgb);
591
656
  }
592
657
  .q-button--highlight {
593
658
  --q-button-main-color: var(--q-theme-highlight);
659
+ --q-button-main-color-rgb: var(--q-theme-highlight-rgb);
594
660
  --q-button-on-main-color: var(--q-theme-on-highlight);
661
+ --q-button-on-main-color-rgb: var(--q-theme-on-highlight-rgb);
595
662
  --q-button-hover-color: var(--q-theme-highlight-dark);
663
+ --q-button-hover-color-rgb: var(--q-theme-highlight-dark-rgb);
596
664
  --q-button-on-hover-color: var(--q-theme-on-highlight);
665
+ --q-button-on-hover-color-rgb: var(--q-theme-on-highlight-rgb);
597
666
  }
598
667
  .q-button--info {
599
668
  --q-button-main-color: var(--q-theme-info);
669
+ --q-button-main-color-rgb: var(--q-theme-info-rgb);
600
670
  --q-button-on-main-color: var(--q-theme-on-info);
671
+ --q-button-on-main-color-rgb: var(--q-theme-on-info-rgb);
601
672
  --q-button-hover-color: var(--q-theme-info-dark);
673
+ --q-button-hover-color-rgb: var(--q-theme-info-dark-rgb);
602
674
  --q-button-on-hover-color: var(--q-theme-on-info);
675
+ --q-button-on-hover-color-rgb: var(--q-theme-on-info-rgb);
603
676
  }
604
677
  .q-button--success {
605
678
  --q-button-main-color: var(--q-theme-success);
679
+ --q-button-main-color-rgb: var(--q-theme-success-rgb);
606
680
  --q-button-on-main-color: var(--q-theme-on-success);
681
+ --q-button-on-main-color-rgb: var(--q-theme-on-success-rgb);
607
682
  --q-button-hover-color: var(--q-theme-success-dark);
683
+ --q-button-hover-color-rgb: var(--q-theme-success-dark-rgb);
608
684
  --q-button-on-hover-color: var(--q-theme-on-success);
685
+ --q-button-on-hover-color-rgb: var(--q-theme-on-success-rgb);
609
686
  }
610
687
  .q-button--warning {
611
688
  --q-button-main-color: var(--q-theme-warning);
689
+ --q-button-main-color-rgb: var(--q-theme-warning-rgb);
612
690
  --q-button-on-main-color: var(--q-theme-on-warning);
691
+ --q-button-on-main-color-rgb: var(--q-theme-on-warning-rgb);
613
692
  --q-button-hover-color: var(--q-theme-warning-dark);
693
+ --q-button-hover-color-rgb: var(--q-theme-warning-dark-rgb);
614
694
  --q-button-on-hover-color: var(--q-theme-on-warning);
695
+ --q-button-on-hover-color-rgb: var(--q-theme-on-warning-rgb);
615
696
  }
616
697
  .q-button--danger {
617
698
  --q-button-main-color: var(--q-theme-danger);
699
+ --q-button-main-color-rgb: var(--q-theme-danger-rgb);
618
700
  --q-button-on-main-color: var(--q-theme-on-danger);
701
+ --q-button-on-main-color-rgb: var(--q-theme-on-danger-rgb);
619
702
  --q-button-hover-color: var(--q-theme-danger-dark);
703
+ --q-button-hover-color-rgb: var(--q-theme-danger-dark-rgb);
620
704
  --q-button-on-hover-color: var(--q-theme-on-danger);
705
+ --q-button-on-hover-color-rgb: var(--q-theme-on-danger-rgb);
621
706
  }
622
707
  .q-button--neutral {
623
708
  --q-button-main-color: var(--q-theme-neutral);
709
+ --q-button-main-color-rgb: var(--q-theme-neutral-rgb);
624
710
  --q-button-on-main-color: var(--q-theme-on-neutral);
711
+ --q-button-on-main-color-rgb: var(--q-theme-on-neutral-rgb);
625
712
  --q-button-hover-color: var(--q-theme-neutral-dark);
713
+ --q-button-hover-color-rgb: var(--q-theme-neutral-dark-rgb);
626
714
  --q-button-on-hover-color: var(--q-theme-on-neutral);
715
+ --q-button-on-hover-color-rgb: var(--q-theme-on-neutral-rgb);
627
716
  }
628
717
  .q-button--background {
629
718
  --q-button-main-color: var(--q-theme-background);
@@ -645,6 +734,7 @@ body *::-webkit-scrollbar-track {
645
734
  }
646
735
  .q-button--small {
647
736
  font-size: 0.8em;
737
+ padding: 0.25rem;
648
738
  }
649
739
  .q-button--borderless {
650
740
  border-color: transparent;