@quidgest/ui 0.12.1 → 0.13.0

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 +2 -0
  2. package/dist/ui.css +161 -0
  3. package/dist/ui.esm.js +1066 -873
  4. package/dist/ui.js +6 -6
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +134 -127
  7. package/dist/ui.scss +117 -1
  8. package/esm/components/QBadge/QBadge.d.ts +72 -0
  9. package/esm/components/QBadge/QBadge.d.ts.map +1 -0
  10. package/esm/components/QBadge/QBadge.vue.js +87 -0
  11. package/esm/components/QBadge/QBadge.vue2.js +4 -0
  12. package/esm/components/QBadge/index.d.ts +119 -0
  13. package/esm/components/QBadge/index.d.ts.map +1 -0
  14. package/esm/components/QBadge/index.js +6 -0
  15. package/esm/components/QButton/QButton.vue.js +14 -15
  16. package/esm/components/QButton/index.d.ts +198 -1
  17. package/esm/components/QButton/index.d.ts.map +1 -1
  18. package/esm/components/QButton/index.js +6 -0
  19. package/esm/components/QButtonGroup/index.d.ts +79 -2
  20. package/esm/components/QButtonGroup/index.d.ts.map +1 -1
  21. package/esm/components/QButtonGroup/index.js +6 -0
  22. package/esm/components/QButtonToggle/QButtonToggle.vue.js +17 -17
  23. package/esm/components/QButtonToggle/index.d.ts +115 -2
  24. package/esm/components/QButtonToggle/index.d.ts.map +1 -1
  25. package/esm/components/QButtonToggle/index.js +6 -0
  26. package/esm/components/QCombobox/QCombobox.d.ts +10 -10
  27. package/esm/components/QCombobox/QCombobox.vue.js +106 -111
  28. package/esm/components/QCombobox/index.d.ts +1083 -2
  29. package/esm/components/QCombobox/index.d.ts.map +1 -1
  30. package/esm/components/QCombobox/index.js +6 -0
  31. package/esm/components/QDialog/QDialog.d.ts +180 -0
  32. package/esm/components/QDialog/QDialog.d.ts.map +1 -0
  33. package/esm/components/QDialog/QDialog.vue.js +146 -0
  34. package/esm/components/QDialog/QDialog.vue2.js +4 -0
  35. package/esm/components/QDialog/index.d.ts +237 -0
  36. package/esm/components/QDialog/index.d.ts.map +1 -0
  37. package/esm/components/QDialog/index.js +6 -0
  38. package/esm/components/QField/index.d.ts +168 -1
  39. package/esm/components/QField/index.d.ts.map +1 -1
  40. package/esm/components/QField/index.js +2 -2
  41. package/esm/components/QIcon/QIcon.vue.js +9 -12
  42. package/esm/components/QIcon/index.d.ts +156 -4
  43. package/esm/components/QIcon/index.d.ts.map +1 -1
  44. package/esm/components/QIcon/index.js +8 -11
  45. package/esm/components/QInputGroup/QInputGroup.vue.js +25 -27
  46. package/esm/components/QInputGroup/index.d.ts +153 -2
  47. package/esm/components/QInputGroup/index.d.ts.map +1 -1
  48. package/esm/components/QInputGroup/index.js +6 -0
  49. package/esm/components/QLineLoader/index.d.ts +13 -2
  50. package/esm/components/QLineLoader/index.d.ts.map +1 -1
  51. package/esm/components/QLineLoader/index.js +6 -0
  52. package/esm/components/QList/QList.vue.js +43 -45
  53. package/esm/components/QList/QListItem.vue.js +9 -10
  54. package/esm/components/QList/index.d.ts +418 -3
  55. package/esm/components/QList/index.d.ts.map +1 -1
  56. package/esm/components/QList/index.js +8 -10
  57. package/esm/components/QOverlay/index.d.ts +320 -2
  58. package/esm/components/QOverlay/index.d.ts.map +1 -1
  59. package/esm/components/QOverlay/index.js +4 -4
  60. package/esm/components/QPopover/QPopover.vue.js +11 -12
  61. package/esm/components/QPopover/index.d.ts +180 -2
  62. package/esm/components/QPopover/index.d.ts.map +1 -1
  63. package/esm/components/QPopover/index.js +6 -0
  64. package/esm/components/QSelect/QSelect.vue.js +68 -73
  65. package/esm/components/QSelect/index.d.ts +377 -2
  66. package/esm/components/QSelect/index.d.ts.map +1 -1
  67. package/esm/components/QSelect/index.js +6 -0
  68. package/esm/components/QSkeletonLoader/index.d.ts +31 -2
  69. package/esm/components/QSkeletonLoader/index.d.ts.map +1 -1
  70. package/esm/components/QSkeletonLoader/index.js +6 -0
  71. package/esm/components/QSpinnerLoader/index.d.ts +22 -2
  72. package/esm/components/QSpinnerLoader/index.d.ts.map +1 -1
  73. package/esm/components/QSpinnerLoader/index.js +4 -4
  74. package/esm/components/QTextField/QTextField.d.ts +5 -5
  75. package/esm/components/QTextField/QTextField.vue.js +7 -8
  76. package/esm/components/QTextField/index.d.ts +229 -2
  77. package/esm/components/QTextField/index.d.ts.map +1 -1
  78. package/esm/components/QTextField/index.js +2 -2
  79. package/esm/components/QThemeProvider/index.d.ts +37 -2
  80. package/esm/components/QThemeProvider/index.d.ts.map +1 -1
  81. package/esm/components/QThemeProvider/index.js +6 -0
  82. package/esm/components/QTooltip/QTooltip.vue.js +8 -9
  83. package/esm/components/QTooltip/index.d.ts +259 -2
  84. package/esm/components/QTooltip/index.d.ts.map +1 -1
  85. package/esm/components/QTooltip/index.js +6 -0
  86. package/esm/components/index.d.ts +2 -0
  87. package/esm/components/index.d.ts.map +1 -1
  88. package/esm/components/index.js +43 -44
  89. package/esm/composables/defaults.js +5 -5
  90. package/esm/index.d.ts +2 -0
  91. package/esm/utils/color.d.ts +7 -1
  92. package/esm/utils/color.d.ts.map +1 -1
  93. package/esm/utils/color.js +54 -9
  94. package/package.json +1 -1
package/dist/manifest/components.json CHANGED
@@ -1,8 +1,10 @@
1
1
  [
2
+ "QBadge",
2
3
  "QButton",
3
4
  "QButtonGroup",
4
5
  "QButtonToggle",
5
6
  "QCombobox",
7
+ "QDialog",
6
8
  "QField",
7
9
  "QIcon",
8
10
  "QIconFont",
package/dist/ui.css CHANGED
@@ -276,6 +276,120 @@ body *::-webkit-scrollbar-track {
276
276
  }
277
277
 
278
278
  /* Components */
279
+ .q-badge {
280
+ display: inline-flex;
281
+ border-width: 1px;
282
+ border-color: transparent;
283
+ border-radius: 0.25rem;
284
+ padding: 0.25em 0.5em;
285
+ line-height: 1rem;
286
+ font-size: 0.75rem;
287
+ position: relative;
288
+ color: var(--q-badge-text-color);
289
+ }
290
+ .q-badge__underlay {
291
+ position: absolute;
292
+ top: 0;
293
+ left: 0;
294
+ width: 100%;
295
+ height: 100%;
296
+ border-radius: inherit;
297
+ background-color: var(--q-badge-color);
298
+ opacity: 0.1;
299
+ }
300
+ .q-badge__content {
301
+ display: inline-flex;
302
+ align-items: center;
303
+ gap: 0.25rem;
304
+ min-height: 1rem;
305
+ z-index: 1;
306
+ }
307
+ .q-badge__remove.q-btn:not(:disabled) {
308
+ padding: 0;
309
+ border-radius: 9999px;
310
+ color: inherit;
311
+ }
312
+ .q-badge__remove.q-btn:not(:disabled):hover {
313
+ background-color: var(--q-badge-color);
314
+ }
315
+ .q-badge--pill {
316
+ border-radius: 9999px;
317
+ }
318
+ .q-badge--bold .q-badge__underlay {
319
+ opacity: 1;
320
+ }
321
+ .q-badge--outlined {
322
+ border-color: currentColor;
323
+ }
324
+ .q-badge--outlined .q-badge__underlay {
325
+ opacity: 0;
326
+ }
327
+ .q-badge--primary {
328
+ --q-badge-color: var(--q-theme-primary);
329
+ }
330
+ .q-badge--primary.q-badge--tonal, .q-badge--primary.q-badge--outlined {
331
+ --q-badge-text-color: var(--q-theme-primary);
332
+ }
333
+ .q-badge--primary.q-badge--bold {
334
+ --q-badge-text-color: var(--q-theme-on-primary);
335
+ }
336
+ .q-badge--primary.q-badge--bold .q-badge__remove.q-btn:not(:disabled):hover {
337
+ background-color: var(--q-badge-text-color);
338
+ color: var(--q-badge-color);
339
+ }
340
+ .q-badge--info {
341
+ --q-badge-color: var(--q-theme-info);
342
+ }
343
+ .q-badge--info.q-badge--tonal, .q-badge--info.q-badge--outlined {
344
+ --q-badge-text-color: var(--q-theme-info);
345
+ }
346
+ .q-badge--info.q-badge--bold {
347
+ --q-badge-text-color: var(--q-theme-on-info);
348
+ }
349
+ .q-badge--info.q-badge--bold .q-badge__remove.q-btn:not(:disabled):hover {
350
+ background-color: var(--q-badge-text-color);
351
+ color: var(--q-badge-color);
352
+ }
353
+ .q-badge--success {
354
+ --q-badge-color: var(--q-theme-success);
355
+ }
356
+ .q-badge--success.q-badge--tonal, .q-badge--success.q-badge--outlined {
357
+ --q-badge-text-color: var(--q-theme-success);
358
+ }
359
+ .q-badge--success.q-badge--bold {
360
+ --q-badge-text-color: var(--q-theme-on-success);
361
+ }
362
+ .q-badge--success.q-badge--bold .q-badge__remove.q-btn:not(:disabled):hover {
363
+ background-color: var(--q-badge-text-color);
364
+ color: var(--q-badge-color);
365
+ }
366
+ .q-badge--warning {
367
+ --q-badge-color: var(--q-theme-warning);
368
+ }
369
+ .q-badge--warning.q-badge--tonal, .q-badge--warning.q-badge--outlined {
370
+ --q-badge-text-color: var(--q-theme-warning);
371
+ }
372
+ .q-badge--warning.q-badge--bold {
373
+ --q-badge-text-color: var(--q-theme-on-warning);
374
+ }
375
+ .q-badge--warning.q-badge--bold .q-badge__remove.q-btn:not(:disabled):hover {
376
+ background-color: var(--q-badge-text-color);
377
+ color: var(--q-badge-color);
378
+ }
379
+ .q-badge--danger {
380
+ --q-badge-color: var(--q-theme-danger);
381
+ }
382
+ .q-badge--danger.q-badge--tonal, .q-badge--danger.q-badge--outlined {
383
+ --q-badge-text-color: var(--q-theme-danger);
384
+ }
385
+ .q-badge--danger.q-badge--bold {
386
+ --q-badge-text-color: var(--q-theme-on-danger);
387
+ }
388
+ .q-badge--danger.q-badge--bold .q-badge__remove.q-btn:not(:disabled):hover {
389
+ background-color: var(--q-badge-text-color);
390
+ color: var(--q-badge-color);
391
+ }
392
+
279
393
  .q-btn {
280
394
  --box-shadow-tint: 0 0 0;
281
395
  position: relative;
@@ -457,6 +571,53 @@ body *::-webkit-scrollbar-track {
457
571
  transition: all 0.2s;
458
572
  }
459
573
 
574
+ .q-dialog {
575
+ display: flex;
576
+ flex-direction: column;
577
+ align-items: center;
578
+ justify-content: center;
579
+ max-width: 50rem;
580
+ min-width: 20rem;
581
+ padding: 0.25rem;
582
+ }
583
+
584
+ .q-dialog__header {
585
+ display: flex;
586
+ width: 100%;
587
+ justify-content: space-between;
588
+ padding: 0.4rem 0.25rem;
589
+ }
590
+ .q-dialog__header-title {
591
+ align-self: flex-start;
592
+ font-weight: 700;
593
+ padding: 0.4rem;
594
+ font-size: 1rem;
595
+ }
596
+
597
+ .q-dialog__header .q-btn {
598
+ align-items: baseline;
599
+ }
600
+
601
+ .q-dialog__body {
602
+ display: flex;
603
+ flex-direction: column;
604
+ align-items: center;
605
+ padding: 0.25rem 0.65rem;
606
+ gap: 0.4rem;
607
+ }
608
+ .q-dialog__body-icon svg {
609
+ height: 5em;
610
+ width: 5em;
611
+ }
612
+ .q-dialog__body-actions {
613
+ display: flex;
614
+ justify-content: center;
615
+ flex-wrap: wrap;
616
+ gap: 0.5rem;
617
+ padding: 0.65rem;
618
+ padding-bottom: 0.5rem;
619
+ }
620
+
460
621
  .q-field {
461
622
  display: flex;
462
623
  flex-direction: column;