@quidgest/ui 0.14.18 → 0.14.19

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 (94) hide show
  1. package/dist/manifest/components.json +3 -0
  2. package/dist/ui.css +66 -10
  3. package/dist/ui.esm.js +5840 -5486
  4. package/dist/ui.js +16 -16
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +670 -646
  7. package/dist/ui.scss +70 -11
  8. package/esm/components/QBadge/QBadge.d.ts.map +1 -1
  9. package/esm/components/QBadge/QBadge.vue.js +42 -48
  10. package/esm/components/QCombobox/QCombobox.d.ts +24 -0
  11. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  12. package/esm/components/QCombobox/QCombobox.vue.js +1 -0
  13. package/esm/components/QCombobox/index.d.ts +45 -3
  14. package/esm/components/QCombobox/index.d.ts.map +1 -1
  15. package/esm/components/QDateTimePicker/QDateTimePicker.d.ts.map +1 -1
  16. package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +12 -10
  17. package/esm/components/QDateTimePicker/index.d.ts +6 -0
  18. package/esm/components/QDateTimePicker/index.d.ts.map +1 -1
  19. package/esm/components/QField/QField.d.ts.map +1 -1
  20. package/esm/components/QField/QField.vue.js +47 -39
  21. package/esm/components/QField/types.d.ts +6 -10
  22. package/esm/components/QField/types.d.ts.map +1 -1
  23. package/esm/components/QFileUpload/QFileUpload.d.ts.map +1 -1
  24. package/esm/components/QFileUpload/QFileUpload.vue.js +15 -13
  25. package/esm/components/QFileUpload/index.d.ts +6 -0
  26. package/esm/components/QFileUpload/index.d.ts.map +1 -1
  27. package/esm/components/QInputGroup/QInputGroup.d.ts +2 -0
  28. package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
  29. package/esm/components/QInputGroup/QInputGroup.vue.js +40 -32
  30. package/esm/components/QInputGroup/index.d.ts +2 -0
  31. package/esm/components/QInputGroup/index.d.ts.map +1 -1
  32. package/esm/components/QLabel/QLabel.d.ts +20 -0
  33. package/esm/components/QLabel/QLabel.d.ts.map +1 -0
  34. package/esm/components/QLabel/QLabel.vue.js +27 -0
  35. package/esm/components/QLabel/QLabel.vue2.js +4 -0
  36. package/esm/components/QLabel/index.d.ts +22 -0
  37. package/esm/components/QLabel/index.d.ts.map +1 -0
  38. package/esm/components/QLabel/index.js +6 -0
  39. package/esm/components/QLabel/types.d.ts +12 -0
  40. package/esm/components/QLabel/types.d.ts.map +1 -0
  41. package/esm/components/QMeter/QMeter.d.ts +14 -0
  42. package/esm/components/QMeter/QMeter.d.ts.map +1 -0
  43. package/esm/components/QMeter/QMeter.vue.js +60 -0
  44. package/esm/components/QMeter/QMeter.vue2.js +4 -0
  45. package/esm/components/QMeter/index.d.ts +29 -0
  46. package/esm/components/QMeter/index.d.ts.map +1 -0
  47. package/esm/components/QMeter/index.js +6 -0
  48. package/esm/components/QMeter/types.d.ts +20 -0
  49. package/esm/components/QMeter/types.d.ts.map +1 -0
  50. package/esm/components/QOverlay/index.d.ts +2 -0
  51. package/esm/components/QOverlay/index.d.ts.map +1 -1
  52. package/esm/components/QPasswordField/QPasswordField.d.ts +413 -0
  53. package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -0
  54. package/esm/components/QPasswordField/QPasswordField.vue.js +162 -0
  55. package/esm/components/QPasswordField/QPasswordField.vue2.js +4 -0
  56. package/esm/components/QPasswordField/QPasswordFieldMessages.d.ts +4 -0
  57. package/esm/components/QPasswordField/QPasswordFieldMessages.d.ts.map +1 -0
  58. package/esm/components/QPasswordField/QPasswordFieldMessages.vue.js +28 -0
  59. package/esm/components/QPasswordField/QPasswordFieldMessages.vue2.js +4 -0
  60. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.d.ts +12 -0
  61. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.d.ts.map +1 -0
  62. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +97 -0
  63. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue2.js +4 -0
  64. package/esm/components/QPasswordField/constants.d.ts +9 -0
  65. package/esm/components/QPasswordField/constants.d.ts.map +1 -0
  66. package/esm/components/QPasswordField/constants.js +11 -0
  67. package/esm/components/QPasswordField/index.d.ts +264 -0
  68. package/esm/components/QPasswordField/index.d.ts.map +1 -0
  69. package/esm/components/QPasswordField/index.js +6 -0
  70. package/esm/components/QPasswordField/types.d.ts +100 -0
  71. package/esm/components/QPasswordField/types.d.ts.map +1 -0
  72. package/esm/components/QSelect/QSelect.d.ts +2 -0
  73. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  74. package/esm/components/QSelect/QSelect.vue.js +31 -29
  75. package/esm/components/QSelect/index.d.ts +7 -0
  76. package/esm/components/QSelect/index.d.ts.map +1 -1
  77. package/esm/components/QTextArea/QTextArea.vue.js +10 -9
  78. package/esm/components/QTextArea/index.d.ts +6 -0
  79. package/esm/components/QTextArea/index.d.ts.map +1 -1
  80. package/esm/components/QTextField/QTextField.d.ts +2 -0
  81. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  82. package/esm/components/QTextField/QTextField.vue.js +8 -6
  83. package/esm/components/QTextField/index.d.ts +9 -0
  84. package/esm/components/QTextField/index.d.ts.map +1 -1
  85. package/esm/components/index.d.ts +3 -0
  86. package/esm/components/index.d.ts.map +1 -1
  87. package/esm/components/index.js +51 -45
  88. package/esm/composables/useColorStyle/index.d.ts +11 -0
  89. package/esm/composables/useColorStyle/index.d.ts.map +1 -0
  90. package/esm/composables/useColorStyle/index.js +33 -0
  91. package/esm/composables/useColorStyle/types.d.ts +36 -0
  92. package/esm/composables/useColorStyle/types.d.ts.map +1 -0
  93. package/esm/index.d.ts +3 -0
  94. package/package.json +1 -1
@@ -20,11 +20,14 @@
20
20
  "QIconImg",
21
21
  "QIconSvg",
22
22
  "QInputGroup",
23
+ "QLabel",
23
24
  "QLineLoader",
24
25
  "QList",
25
26
  "QListItem",
26
27
  "QListItemGroup",
28
+ "QMeter",
27
29
  "QOverlay",
30
+ "QPasswordField",
28
31
  "QPopover",
29
32
  "QPropertyList",
30
33
  "QPropertyListRow",
package/dist/ui.css CHANGED
@@ -2547,16 +2547,6 @@ body *::-webkit-scrollbar-track {
2547
2547
  width: -moz-fit-content;
2548
2548
  width: fit-content;
2549
2549
  }
2550
- .q-field__label {
2551
- display: flex;
2552
- gap: 0.25rem;
2553
- align-items: center;
2554
- color: var(--q-theme-neutral-dark);
2555
- line-height: 1.5;
2556
- }
2557
- .q-field__label .q-icon {
2558
- color: currentcolor;
2559
- }
2560
2550
  .q-field__control {
2561
2551
  display: flex;
2562
2552
  align-items: center;
@@ -2607,6 +2597,9 @@ body *::-webkit-scrollbar-track {
2607
2597
  .q-field--disabled > .q-field__control:hover {
2608
2598
  cursor: not-allowed;
2609
2599
  }
2600
+ .q-field--invalid .q-field__control:not(:focus-within) {
2601
+ border-color: var(--q-theme-danger);
2602
+ }
2610
2603
  .q-field:not(.q-field--disabled) .q-field__control:focus-within {
2611
2604
  outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
2612
2605
  }
@@ -2793,6 +2786,17 @@ body *::-webkit-scrollbar-track {
2793
2786
  border-bottom-right-radius: var(--border-radius);
2794
2787
  }
2795
2788
 
2789
+ .q-label {
2790
+ display: flex;
2791
+ gap: 0.25rem;
2792
+ align-items: center;
2793
+ color: var(--q-theme-neutral-dark);
2794
+ line-height: 1.5;
2795
+ }
2796
+ .q-label .q-icon {
2797
+ color: currentcolor;
2798
+ }
2799
+
2796
2800
  .q-line-loader {
2797
2801
  width: 100%;
2798
2802
  height: 2px;
@@ -2927,6 +2931,33 @@ body *::-webkit-scrollbar-track {
2927
2931
  margin-top: 1px;
2928
2932
  }
2929
2933
 
2934
+ .q-meter {
2935
+ display: flex;
2936
+ flex-direction: column;
2937
+ gap: 0.25rem;
2938
+ }
2939
+ .q-meter__labels {
2940
+ display: flex;
2941
+ justify-content: space-between;
2942
+ }
2943
+ .q-meter__value-label {
2944
+ color: var(--q-theme-neutral);
2945
+ }
2946
+ .q-meter__track {
2947
+ position: relative;
2948
+ width: 100%;
2949
+ height: 0.5rem;
2950
+ overflow: hidden;
2951
+ border-radius: 0.25rem;
2952
+ background-color: rgb(var(--q-theme-neutral-light-rgb)/50%);
2953
+ }
2954
+ .q-meter__fill {
2955
+ height: 100%;
2956
+ width: 100%;
2957
+ transition: all 0.3s ease;
2958
+ background-color: var(--q-theme-primary);
2959
+ }
2960
+
2930
2961
  .q-overlay {
2931
2962
  --q-overlay-bg: var(--q-theme-background);
2932
2963
  --q-overlay-color: var(--q-theme-on-background);
@@ -3004,6 +3035,31 @@ body *::-webkit-scrollbar-track {
3004
3035
  --q-overlay-border-color: var(--q-theme-neutral-dark);
3005
3036
  }
3006
3037
 
3038
+ .q-password-field__meter {
3039
+ display: flex;
3040
+ flex-direction: column;
3041
+ gap: 1rem;
3042
+ padding: 1rem;
3043
+ }
3044
+ .q-password-field__meter-score {
3045
+ display: flex;
3046
+ flex-direction: column;
3047
+ gap: 0.5rem;
3048
+ }
3049
+ .q-password-field__messages {
3050
+ display: flex;
3051
+ flex-direction: column;
3052
+ list-style: none;
3053
+ color: var(--q-theme-danger);
3054
+ padding: 0;
3055
+ margin: 0;
3056
+ font-size: 0.75rem;
3057
+ gap: 0.25rem;
3058
+ }
3059
+ .q-password-field__inline-messages {
3060
+ padding: 0.25rem 0;
3061
+ }
3062
+
3007
3063
  .q-popover .q-overlay__content {
3008
3064
  position: relative;
3009
3065
  z-index: 1070;