@quidgest/ui 0.20.0 → 0.21.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 (145) hide show
  1. package/CHANGELOG.md +28 -1
  2. package/README.md +10 -0
  3. package/dist/json/api.json +312 -14
  4. package/dist/manifest/components.json +1 -0
  5. package/dist/ui.css +245 -248
  6. package/dist/ui.esm.js +805 -683
  7. package/dist/ui.js +1083 -961
  8. package/dist/ui.min.css +1 -1
  9. package/dist/ui.min.js +1083 -961
  10. package/dist/ui.scss +535 -299
  11. package/esm/components/QAccordion/QAccordionItem.vue.js +1 -1
  12. package/esm/components/QBadge/QBadge.d.ts.map +1 -1
  13. package/esm/components/QBadge/QBadge.vue.js +20 -24
  14. package/esm/components/QButton/QButton.d.ts.map +1 -1
  15. package/esm/components/QButton/QButton.vue.js +32 -29
  16. package/esm/components/QCheckbox/QCheckbox.vue.js +1 -1
  17. package/esm/components/QDialog/QDialog.d.ts +4 -2
  18. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  19. package/esm/components/QDialog/QDialog.vue.js +84 -74
  20. package/esm/components/QDialog/QDialogProvider.d.ts.map +1 -1
  21. package/esm/components/QDialog/QDialogProvider.vue.js +21 -12
  22. package/esm/components/QDialog/index.d.ts +72 -3
  23. package/esm/components/QDialog/index.d.ts.map +1 -1
  24. package/esm/components/QDialog/types.d.ts +10 -1
  25. package/esm/components/QDialog/types.d.ts.map +1 -1
  26. package/esm/components/QDismissibleLayer/QDismissibleLayer.d.ts.map +1 -1
  27. package/esm/components/QDismissibleLayer/QDismissibleLayer.vue.js +9 -8
  28. package/esm/components/QDivider/QDivider.d.ts.map +1 -1
  29. package/esm/components/QDivider/QDivider.vue.js +3 -3
  30. package/esm/components/QFileUpload/QFileUpload.vue.js +1 -1
  31. package/esm/components/QGauge/QGauge.d.ts +56 -0
  32. package/esm/components/QGauge/QGauge.d.ts.map +1 -0
  33. package/esm/components/QGauge/QGauge.vue.js +305 -0
  34. package/esm/components/QGauge/QGauge2.vue.js +5 -0
  35. package/esm/components/QGauge/constants.d.ts +6 -0
  36. package/esm/components/QGauge/constants.d.ts.map +1 -0
  37. package/esm/components/QGauge/constants.js +8 -0
  38. package/esm/components/QGauge/index.d.ts +124 -0
  39. package/esm/components/QGauge/index.d.ts.map +1 -0
  40. package/esm/components/QGauge/index.js +6 -0
  41. package/esm/components/QGauge/types.d.ts +146 -0
  42. package/esm/components/QGauge/types.d.ts.map +1 -0
  43. package/esm/components/QList/QListItem.d.ts.map +1 -1
  44. package/esm/components/QList/QListItem.vue.js +5 -2
  45. package/esm/components/QList/QListItemGroup.vue.js +1 -1
  46. package/esm/components/QObfuscation/QObfuscation.vue.js +1 -1
  47. package/esm/components/QPhoneField/QPhoneField.d.ts.map +1 -1
  48. package/esm/components/QPhoneField/QPhoneField.vue.js +1 -1
  49. package/esm/components/QPropertyList/QPropertyListGroup.vue.js +1 -1
  50. package/esm/components/QPropertyList/QPropertyListRow.vue.js +1 -1
  51. package/esm/components/QPropertyList/index.d.ts.map +1 -1
  52. package/esm/components/QRadioGroup/QRadioButton.vue.js +1 -1
  53. package/esm/components/QRadioGroup/QRadioGroup.vue.js +2 -2
  54. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  55. package/esm/components/QSelect/QSelect.vue.js +1 -1
  56. package/esm/components/QSidebar/QSidebar.d.ts.map +1 -1
  57. package/esm/components/QSidebar/QSidebar.vue.js +19 -10
  58. package/esm/components/QSidebar/QSidebarItem.d.ts.map +1 -1
  59. package/esm/components/QSidebar/QSidebarItem.vue.js +51 -49
  60. package/esm/components/QSidebar/context.d.ts +7 -0
  61. package/esm/components/QSidebar/context.d.ts.map +1 -1
  62. package/esm/components/QSwitch/QSwitch.vue.js +1 -1
  63. package/esm/components/QTabs/QTab.d.ts.map +1 -1
  64. package/esm/components/QTabs/QTab.vue.js +52 -50
  65. package/esm/components/QTabs/QTabs.d.ts.map +1 -1
  66. package/esm/components/QTabs/QTabs.vue.js +37 -12
  67. package/esm/components/QTabs/context.d.ts +7 -0
  68. package/esm/components/QTabs/context.d.ts.map +1 -1
  69. package/esm/components/QTextArea/QTextArea.vue.js +1 -1
  70. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  71. package/esm/components/QTextField/QTextField.vue.js +1 -1
  72. package/esm/components/QThemeProvider/QThemeProvider.vue.js +1 -1
  73. package/esm/components/QToast/QToast.d.ts +4 -2
  74. package/esm/components/QToast/QToast.d.ts.map +1 -1
  75. package/esm/components/QToast/QToast.vue.js +80 -67
  76. package/esm/components/QToast/QToaster.d.ts.map +1 -1
  77. package/esm/components/QToast/QToaster.vue.js +21 -16
  78. package/esm/components/QToast/index.d.ts +39 -3
  79. package/esm/components/QToast/index.d.ts.map +1 -1
  80. package/esm/components/QToast/types.d.ts +6 -2
  81. package/esm/components/QToast/types.d.ts.map +1 -1
  82. package/esm/components/QToggleGroup/QToggleGroupItem.vue.js +1 -1
  83. package/esm/components/QTooltip/QTooltip.vue.js +1 -1
  84. package/esm/components/index.d.ts +1 -0
  85. package/esm/components/index.d.ts.map +1 -1
  86. package/esm/components/index.js +64 -62
  87. package/esm/composables/index.d.ts +2 -2
  88. package/esm/composables/index.d.ts.map +1 -1
  89. package/esm/composables/useColor/index.d.ts +49 -12
  90. package/esm/composables/useColor/index.d.ts.map +1 -1
  91. package/esm/composables/useColor/index.js +56 -30
  92. package/esm/composables/useColor/types.d.ts +4 -1
  93. package/esm/composables/useColor/types.d.ts.map +1 -1
  94. package/esm/composables/useDialog/_internal.d.ts +2 -0
  95. package/esm/composables/useDialog/_internal.d.ts.map +1 -0
  96. package/esm/composables/useDialog/_internal.js +65 -0
  97. package/esm/composables/useDialog/index.d.ts +11 -3
  98. package/esm/composables/useDialog/index.d.ts.map +1 -1
  99. package/esm/composables/useDialog/index.js +38 -22
  100. package/esm/composables/useDialog/types.d.ts +25 -11
  101. package/esm/composables/useDialog/types.d.ts.map +1 -1
  102. package/esm/composables/useDismissibleLayerStack/index.d.ts +17 -2
  103. package/esm/composables/useDismissibleLayerStack/index.d.ts.map +1 -1
  104. package/esm/composables/useDismissibleLayerStack/index.js +28 -11
  105. package/esm/composables/useGroup/index.d.ts.map +1 -1
  106. package/esm/composables/useGroup/index.js +12 -1
  107. package/esm/composables/useId/index.d.ts +18 -0
  108. package/esm/composables/useId/index.d.ts.map +1 -0
  109. package/esm/composables/useId/index.js +10 -0
  110. package/esm/composables/useToast/_internal.d.ts +2 -0
  111. package/esm/composables/useToast/_internal.d.ts.map +1 -0
  112. package/esm/composables/useToast/_internal.js +142 -0
  113. package/esm/composables/useToast/index.d.ts +8 -25
  114. package/esm/composables/useToast/index.d.ts.map +1 -1
  115. package/esm/composables/useToast/index.js +29 -26
  116. package/esm/composables/useToast/types.d.ts +31 -17
  117. package/esm/composables/useToast/types.d.ts.map +1 -1
  118. package/esm/framework.d.ts.map +1 -1
  119. package/esm/framework.js +16 -12
  120. package/esm/index.d.ts +1 -0
  121. package/esm/templates/theme.js +39 -39
  122. package/esm/utils/color/contrast.d.ts +11 -4
  123. package/esm/utils/color/contrast.d.ts.map +1 -1
  124. package/esm/utils/color/contrast.js +16 -3
  125. package/esm/utils/color/index.d.ts +1 -0
  126. package/esm/utils/color/index.d.ts.map +1 -1
  127. package/esm/utils/color/merge.d.ts +9 -0
  128. package/esm/utils/color/merge.d.ts.map +1 -1
  129. package/esm/utils/color/merge.js +21 -22
  130. package/esm/utils/color/parse.d.ts +21 -5
  131. package/esm/utils/color/parse.d.ts.map +1 -1
  132. package/esm/utils/color/parse.js +88 -20
  133. package/esm/utils/color/theme-colors.d.ts +35 -0
  134. package/esm/utils/color/theme-colors.d.ts.map +1 -0
  135. package/esm/utils/color/theme-colors.js +25 -0
  136. package/esm/utils/index.js +50 -42
  137. package/package.json +3 -5
  138. package/esm/composables/uid.d.ts +0 -9
  139. package/esm/composables/uid.d.ts.map +0 -1
  140. package/esm/composables/uid.js +0 -8
  141. package/esm/composables/useToast/types.js +0 -4
  142. package/esm/vendors/uuid/dist/native.js +0 -3
  143. package/esm/vendors/uuid/dist/rng.js +0 -11
  144. package/esm/vendors/uuid/dist/stringify.js +0 -8
  145. package/esm/vendors/uuid/dist/v4.js +0 -20
package/dist/ui.css CHANGED
@@ -1462,6 +1462,10 @@ body *::-webkit-scrollbar-track {
1462
1462
  padding: 0.1rem;
1463
1463
  opacity: 0.5;
1464
1464
  }
1465
+ .q-clear-btn.q-button svg {
1466
+ width: 1.0005em;
1467
+ height: 1.0005em;
1468
+ }
1465
1469
  .q-clear-btn.q-button:hover {
1466
1470
  cursor: inherit;
1467
1471
  }
@@ -1637,86 +1641,6 @@ body *::-webkit-scrollbar-track {
1637
1641
  opacity: 0.6;
1638
1642
  pointer-events: none;
1639
1643
  }
1640
- .q-badge--primary {
1641
- --q-badge-main-color: var(--q-theme-primary);
1642
- --q-badge-main-color-rgb: var(--q-theme-primary-rgb);
1643
- --q-badge-on-main-color: var(--q-theme-on-primary);
1644
- --q-badge-on-main-color-rgb: var(--q-theme-on-primary-rgb);
1645
- --q-badge-hover-color: var(--q-theme-primary-dark);
1646
- --q-badge-hover-color-rgb: var(--q-theme-primary-dark-rgb);
1647
- --q-badge-on-hover-color: var(--q-theme-on-primary);
1648
- --q-badge-on-hover-color-rgb: var(--q-theme-on-primary-rgb);
1649
- }
1650
- .q-badge--secondary {
1651
- --q-badge-main-color: var(--q-theme-secondary);
1652
- --q-badge-main-color-rgb: var(--q-theme-secondary-rgb);
1653
- --q-badge-on-main-color: var(--q-theme-on-secondary);
1654
- --q-badge-on-main-color-rgb: var(--q-theme-on-secondary-rgb);
1655
- --q-badge-hover-color: var(--q-theme-secondary-dark);
1656
- --q-badge-hover-color-rgb: var(--q-theme-secondary-dark-rgb);
1657
- --q-badge-on-hover-color: var(--q-theme-on-secondary);
1658
- --q-badge-on-hover-color-rgb: var(--q-theme-on-secondary-rgb);
1659
- }
1660
- .q-badge--highlight {
1661
- --q-badge-main-color: var(--q-theme-highlight);
1662
- --q-badge-main-color-rgb: var(--q-theme-highlight-rgb);
1663
- --q-badge-on-main-color: var(--q-theme-on-highlight);
1664
- --q-badge-on-main-color-rgb: var(--q-theme-on-highlight-rgb);
1665
- --q-badge-hover-color: var(--q-theme-highlight-dark);
1666
- --q-badge-hover-color-rgb: var(--q-theme-highlight-dark-rgb);
1667
- --q-badge-on-hover-color: var(--q-theme-on-highlight);
1668
- --q-badge-on-hover-color-rgb: var(--q-theme-on-highlight-rgb);
1669
- }
1670
- .q-badge--info {
1671
- --q-badge-main-color: var(--q-theme-info);
1672
- --q-badge-main-color-rgb: var(--q-theme-info-rgb);
1673
- --q-badge-on-main-color: var(--q-theme-on-info);
1674
- --q-badge-on-main-color-rgb: var(--q-theme-on-info-rgb);
1675
- --q-badge-hover-color: var(--q-theme-info-dark);
1676
- --q-badge-hover-color-rgb: var(--q-theme-info-dark-rgb);
1677
- --q-badge-on-hover-color: var(--q-theme-on-info);
1678
- --q-badge-on-hover-color-rgb: var(--q-theme-on-info-rgb);
1679
- }
1680
- .q-badge--success {
1681
- --q-badge-main-color: var(--q-theme-success);
1682
- --q-badge-main-color-rgb: var(--q-theme-success-rgb);
1683
- --q-badge-on-main-color: var(--q-theme-on-success);
1684
- --q-badge-on-main-color-rgb: var(--q-theme-on-success-rgb);
1685
- --q-badge-hover-color: var(--q-theme-success-dark);
1686
- --q-badge-hover-color-rgb: var(--q-theme-success-dark-rgb);
1687
- --q-badge-on-hover-color: var(--q-theme-on-success);
1688
- --q-badge-on-hover-color-rgb: var(--q-theme-on-success-rgb);
1689
- }
1690
- .q-badge--warning {
1691
- --q-badge-main-color: var(--q-theme-warning);
1692
- --q-badge-main-color-rgb: var(--q-theme-warning-rgb);
1693
- --q-badge-on-main-color: var(--q-theme-on-warning);
1694
- --q-badge-on-main-color-rgb: var(--q-theme-on-warning-rgb);
1695
- --q-badge-hover-color: var(--q-theme-warning-dark);
1696
- --q-badge-hover-color-rgb: var(--q-theme-warning-dark-rgb);
1697
- --q-badge-on-hover-color: var(--q-theme-on-warning);
1698
- --q-badge-on-hover-color-rgb: var(--q-theme-on-warning-rgb);
1699
- }
1700
- .q-badge--danger {
1701
- --q-badge-main-color: var(--q-theme-danger);
1702
- --q-badge-main-color-rgb: var(--q-theme-danger-rgb);
1703
- --q-badge-on-main-color: var(--q-theme-on-danger);
1704
- --q-badge-on-main-color-rgb: var(--q-theme-on-danger-rgb);
1705
- --q-badge-hover-color: var(--q-theme-danger-dark);
1706
- --q-badge-hover-color-rgb: var(--q-theme-danger-dark-rgb);
1707
- --q-badge-on-hover-color: var(--q-theme-on-danger);
1708
- --q-badge-on-hover-color-rgb: var(--q-theme-on-danger-rgb);
1709
- }
1710
- .q-badge--neutral {
1711
- --q-badge-main-color: var(--q-theme-neutral);
1712
- --q-badge-main-color-rgb: var(--q-theme-neutral-rgb);
1713
- --q-badge-on-main-color: var(--q-theme-on-neutral);
1714
- --q-badge-on-main-color-rgb: var(--q-theme-on-neutral-rgb);
1715
- --q-badge-hover-color: var(--q-theme-neutral-dark);
1716
- --q-badge-hover-color-rgb: var(--q-theme-neutral-dark-rgb);
1717
- --q-badge-on-hover-color: var(--q-theme-on-neutral);
1718
- --q-badge-on-hover-color-rgb: var(--q-theme-on-neutral-rgb);
1719
- }
1720
1644
  .q-badge--large {
1721
1645
  min-height: 44px;
1722
1646
  }
@@ -1819,8 +1743,8 @@ body *::-webkit-scrollbar-track {
1819
1743
  --q-button-on-main-color-rgb: var(--q-theme-on-primary-rgb);
1820
1744
  --q-button-hover-color: var(--q-theme-primary-dark);
1821
1745
  --q-button-hover-color-rgb: var(--q-theme-primary-dark-rgb);
1822
- --q-button-on-hover-color: var(--q-theme-on-primary);
1823
- --q-button-on-hover-color-rgb: var(--q-theme-on-primary-rgb);
1746
+ --q-button-on-hover-color: var(--q-theme-on-primary-dark);
1747
+ --q-button-on-hover-color-rgb: var(--q-theme-on-primary-dark-rgb);
1824
1748
  display: inline-flex;
1825
1749
  -webkit-user-select: none;
1826
1750
  -moz-user-select: none;
@@ -1844,6 +1768,9 @@ body *::-webkit-scrollbar-track {
1844
1768
  .q-button.q-button--labeled {
1845
1769
  padding: 0.4rem 0.8rem;
1846
1770
  }
1771
+ .q-button.q-button--labeled:where(:has(.q-button__content > .q-icon)):where(:not(.q-button--icon-end)):where(:not(.q-button--icon-top)):where(:not(.q-button--icon-bottom)) {
1772
+ padding: 0.4rem 0.8rem 0.4rem 0.6rem;
1773
+ }
1847
1774
  .q-button__content {
1848
1775
  display: inline-flex;
1849
1776
  align-items: center;
@@ -1852,6 +1779,9 @@ body *::-webkit-scrollbar-track {
1852
1779
  width: 100%;
1853
1780
  z-index: 1;
1854
1781
  }
1782
+ .q-button__append {
1783
+ display: contents;
1784
+ }
1855
1785
  .q-button:disabled {
1856
1786
  opacity: 0.6;
1857
1787
  }
@@ -1945,91 +1875,11 @@ body *::-webkit-scrollbar-track {
1945
1875
  .q-button--pill {
1946
1876
  border-radius: 9999px;
1947
1877
  }
1948
- .q-button--primary {
1949
- --q-button-main-color: var(--q-theme-primary);
1950
- --q-button-main-color-rgb: var(--q-theme-primary-rgb);
1951
- --q-button-on-main-color: var(--q-theme-on-primary);
1952
- --q-button-on-main-color-rgb: var(--q-theme-on-primary-rgb);
1953
- --q-button-hover-color: var(--q-theme-primary-dark);
1954
- --q-button-hover-color-rgb: var(--q-theme-primary-dark-rgb);
1955
- --q-button-on-hover-color: var(--q-theme-on-primary);
1956
- --q-button-on-hover-color-rgb: var(--q-theme-on-primary-rgb);
1957
- }
1958
- .q-button--secondary {
1959
- --q-button-main-color: var(--q-theme-secondary);
1960
- --q-button-main-color-rgb: var(--q-theme-secondary-rgb);
1961
- --q-button-on-main-color: var(--q-theme-on-secondary);
1962
- --q-button-on-main-color-rgb: var(--q-theme-on-secondary-rgb);
1963
- --q-button-hover-color: var(--q-theme-secondary-dark);
1964
- --q-button-hover-color-rgb: var(--q-theme-secondary-dark-rgb);
1965
- --q-button-on-hover-color: var(--q-theme-on-secondary);
1966
- --q-button-on-hover-color-rgb: var(--q-theme-on-secondary-rgb);
1967
- }
1968
- .q-button--highlight {
1969
- --q-button-main-color: var(--q-theme-highlight);
1970
- --q-button-main-color-rgb: var(--q-theme-highlight-rgb);
1971
- --q-button-on-main-color: var(--q-theme-on-highlight);
1972
- --q-button-on-main-color-rgb: var(--q-theme-on-highlight-rgb);
1973
- --q-button-hover-color: var(--q-theme-highlight-dark);
1974
- --q-button-hover-color-rgb: var(--q-theme-highlight-dark-rgb);
1975
- --q-button-on-hover-color: var(--q-theme-on-highlight);
1976
- --q-button-on-hover-color-rgb: var(--q-theme-on-highlight-rgb);
1977
- }
1978
- .q-button--info {
1979
- --q-button-main-color: var(--q-theme-info);
1980
- --q-button-main-color-rgb: var(--q-theme-info-rgb);
1981
- --q-button-on-main-color: var(--q-theme-on-info);
1982
- --q-button-on-main-color-rgb: var(--q-theme-on-info-rgb);
1983
- --q-button-hover-color: var(--q-theme-info-dark);
1984
- --q-button-hover-color-rgb: var(--q-theme-info-dark-rgb);
1985
- --q-button-on-hover-color: var(--q-theme-on-info);
1986
- --q-button-on-hover-color-rgb: var(--q-theme-on-info-rgb);
1987
- }
1988
- .q-button--success {
1989
- --q-button-main-color: var(--q-theme-success);
1990
- --q-button-main-color-rgb: var(--q-theme-success-rgb);
1991
- --q-button-on-main-color: var(--q-theme-on-success);
1992
- --q-button-on-main-color-rgb: var(--q-theme-on-success-rgb);
1993
- --q-button-hover-color: var(--q-theme-success-dark);
1994
- --q-button-hover-color-rgb: var(--q-theme-success-dark-rgb);
1995
- --q-button-on-hover-color: var(--q-theme-on-success);
1996
- --q-button-on-hover-color-rgb: var(--q-theme-on-success-rgb);
1997
- }
1998
- .q-button--warning {
1999
- --q-button-main-color: var(--q-theme-warning);
2000
- --q-button-main-color-rgb: var(--q-theme-warning-rgb);
2001
- --q-button-on-main-color: var(--q-theme-on-warning);
2002
- --q-button-on-main-color-rgb: var(--q-theme-on-warning-rgb);
2003
- --q-button-hover-color: var(--q-theme-warning-dark);
2004
- --q-button-hover-color-rgb: var(--q-theme-warning-dark-rgb);
2005
- --q-button-on-hover-color: var(--q-theme-on-warning);
2006
- --q-button-on-hover-color-rgb: var(--q-theme-on-warning-rgb);
2007
- }
2008
- .q-button--danger {
2009
- --q-button-main-color: var(--q-theme-danger);
2010
- --q-button-main-color-rgb: var(--q-theme-danger-rgb);
2011
- --q-button-on-main-color: var(--q-theme-on-danger);
2012
- --q-button-on-main-color-rgb: var(--q-theme-on-danger-rgb);
2013
- --q-button-hover-color: var(--q-theme-danger-dark);
2014
- --q-button-hover-color-rgb: var(--q-theme-danger-dark-rgb);
2015
- --q-button-on-hover-color: var(--q-theme-on-danger);
2016
- --q-button-on-hover-color-rgb: var(--q-theme-on-danger-rgb);
2017
- }
2018
- .q-button--neutral {
2019
- --q-button-main-color: var(--q-theme-neutral);
2020
- --q-button-main-color-rgb: var(--q-theme-neutral-rgb);
2021
- --q-button-on-main-color: var(--q-theme-on-neutral);
2022
- --q-button-on-main-color-rgb: var(--q-theme-on-neutral-rgb);
2023
- --q-button-hover-color: var(--q-theme-neutral-dark);
2024
- --q-button-hover-color-rgb: var(--q-theme-neutral-dark-rgb);
2025
- --q-button-on-hover-color: var(--q-theme-on-neutral);
2026
- --q-button-on-hover-color-rgb: var(--q-theme-on-neutral-rgb);
2027
- }
2028
1878
  .q-button--background {
2029
1879
  --q-button-main-color: var(--q-theme-background);
2030
1880
  --q-button-on-main-color: var(--q-theme-on-background);
2031
1881
  --q-button-hover-color: var(--q-theme-primary-dark);
2032
- --q-button-on-hover-color: var(--q-theme-on-primary);
1882
+ --q-button-on-hover-color: var(--q-theme-on-primary-dark);
2033
1883
  }
2034
1884
  .q-button--loading:hover {
2035
1885
  cursor: not-allowed;
@@ -2044,6 +1894,12 @@ body *::-webkit-scrollbar-track {
2044
1894
  .q-button--small.q-button--labeled {
2045
1895
  padding: 0.25rem 0.5rem;
2046
1896
  }
1897
+ .q-button--small.q-button--labeled:where(:has(.q-button__content > .q-icon)):where(:not(.q-button--icon-end)):where(:not(.q-button--icon-top)):where(:not(.q-button--icon-bottom)) {
1898
+ padding: 0.25rem 0.5rem 0.25rem 0.375rem;
1899
+ }
1900
+ .q-button--small.q-button--icon-end.q-button--labeled:where(:has(.q-button__content > .q-icon)) {
1901
+ padding: 0.25rem 0.375rem 0.25rem 0.5rem;
1902
+ }
2047
1903
  .q-button--borderless {
2048
1904
  border-color: transparent;
2049
1905
  }
@@ -2053,6 +1909,9 @@ body *::-webkit-scrollbar-track {
2053
1909
  .q-button--icon-end .q-button__content {
2054
1910
  flex-direction: row-reverse;
2055
1911
  }
1912
+ .q-button--icon-end.q-button--labeled:where(:has(.q-button__content > .q-icon)) {
1913
+ padding: 0.4rem 0.6rem 0.4rem 0.8rem;
1914
+ }
2056
1915
  .q-button--icon-top .q-button__content {
2057
1916
  flex-direction: column;
2058
1917
  }
@@ -2741,6 +2600,10 @@ body *::-webkit-scrollbar-track {
2741
2600
  padding: 0.1rem;
2742
2601
  opacity: 0.5;
2743
2602
  }
2603
+ .q-combobox__chevron.q-button svg {
2604
+ width: 1.0005em;
2605
+ height: 1.0005em;
2606
+ }
2744
2607
  .q-combobox__chevron.q-button:hover {
2745
2608
  cursor: inherit;
2746
2609
  }
@@ -3275,6 +3138,199 @@ body *::-webkit-scrollbar-track {
3275
3138
  outline: 0;
3276
3139
  }
3277
3140
 
3141
+ .q-gauge {
3142
+ display: flex;
3143
+ width: 100%;
3144
+ min-width: min(14rem, 100%);
3145
+ flex-direction: column;
3146
+ align-items: center;
3147
+ padding: 1rem 1rem 1.125rem;
3148
+ border: 1px solid var(--q-theme-neutral-light);
3149
+ border-radius: 0.25rem;
3150
+ background-color: var(--q-theme-container);
3151
+ box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
3152
+ color: var(--q-theme-on-background);
3153
+ }
3154
+ .q-gauge__label {
3155
+ width: 100%;
3156
+ overflow: hidden;
3157
+ color: var(--q-theme-neutral-dark);
3158
+ font-size: 1rem;
3159
+ font-weight: 700;
3160
+ line-height: 1.25;
3161
+ text-align: center;
3162
+ text-overflow: ellipsis;
3163
+ white-space: nowrap;
3164
+ }
3165
+ .q-gauge__visual {
3166
+ width: 100%;
3167
+ max-width: 18rem;
3168
+ margin-top: 0.25rem;
3169
+ }
3170
+ .q-gauge__svg {
3171
+ display: block;
3172
+ width: 100%;
3173
+ height: auto;
3174
+ overflow: visible;
3175
+ }
3176
+ .q-gauge__track-shadow, .q-gauge__track, .q-gauge__range {
3177
+ fill: none;
3178
+ stroke-linecap: butt;
3179
+ }
3180
+ .q-gauge__track-shadow {
3181
+ stroke: rgb(var(--q-theme-neutral-dark-rgb)/18%);
3182
+ stroke-width: 26;
3183
+ }
3184
+ .q-gauge__track {
3185
+ stroke: rgb(var(--q-theme-neutral-light-rgb)/82%);
3186
+ stroke-width: 24;
3187
+ }
3188
+ .q-gauge__range {
3189
+ stroke-width: 22;
3190
+ }
3191
+ .q-gauge__tick line {
3192
+ stroke: var(--q-theme-container);
3193
+ stroke-linecap: square;
3194
+ stroke-width: 3;
3195
+ }
3196
+ .q-gauge__tick text {
3197
+ fill: rgb(var(--q-theme-neutral-dark-rgb)/78%);
3198
+ font-size: 0.75rem;
3199
+ font-weight: 700;
3200
+ text-anchor: middle;
3201
+ dominant-baseline: middle;
3202
+ }
3203
+ .q-gauge__target {
3204
+ pointer-events: none;
3205
+ }
3206
+ .q-gauge__target line {
3207
+ stroke-linecap: round;
3208
+ vector-effect: non-scaling-stroke;
3209
+ }
3210
+ .q-gauge__target-outline {
3211
+ stroke: var(--q-theme-container);
3212
+ stroke-width: 7;
3213
+ }
3214
+ .q-gauge__target-line {
3215
+ stroke: var(--q-theme-neutral-dark);
3216
+ stroke-width: 3;
3217
+ }
3218
+ .q-gauge__target--achieved .q-gauge__target-line {
3219
+ stroke: var(--q-theme-success);
3220
+ }
3221
+ .q-gauge__target--missed .q-gauge__target-line {
3222
+ stroke: var(--q-theme-danger);
3223
+ stroke-dasharray: 3 4;
3224
+ }
3225
+ .q-gauge__target-value {
3226
+ fill: var(--q-theme-neutral-dark);
3227
+ font-size: 0.6875rem;
3228
+ font-weight: 700;
3229
+ paint-order: stroke;
3230
+ stroke: var(--q-theme-container);
3231
+ stroke-linejoin: round;
3232
+ stroke-width: 4;
3233
+ text-anchor: middle;
3234
+ dominant-baseline: middle;
3235
+ }
3236
+ .q-gauge__target--achieved .q-gauge__target-value {
3237
+ fill: var(--q-theme-success);
3238
+ }
3239
+ .q-gauge__target--missed .q-gauge__target-value {
3240
+ fill: var(--q-theme-danger);
3241
+ }
3242
+ .q-gauge__needle {
3243
+ transition: transform 0.3s ease;
3244
+ }
3245
+ .q-gauge__needle line {
3246
+ stroke: var(--q-theme-neutral-dark);
3247
+ stroke-linecap: round;
3248
+ stroke-width: 3;
3249
+ }
3250
+ .q-gauge__hub {
3251
+ fill: var(--q-theme-container);
3252
+ filter: drop-shadow(0 0.4rem 0.45rem rgb(var(--q-theme-neutral-dark-rgb)/28%));
3253
+ stroke: rgb(var(--q-theme-neutral-light-rgb)/65%);
3254
+ stroke-width: 1;
3255
+ }
3256
+ .q-gauge__hub-center {
3257
+ fill: var(--q-theme-container);
3258
+ }
3259
+ .q-gauge__value-row {
3260
+ display: flex;
3261
+ min-height: 1.75rem;
3262
+ align-items: baseline;
3263
+ justify-content: center;
3264
+ gap: 0.25rem;
3265
+ margin-top: -0.25rem;
3266
+ }
3267
+ .q-gauge__value {
3268
+ color: var(--q-theme-neutral-dark);
3269
+ font-size: 1.5rem;
3270
+ font-weight: 700;
3271
+ line-height: 1;
3272
+ }
3273
+ .q-gauge__unit {
3274
+ color: var(--q-theme-neutral);
3275
+ font-size: 0.75rem;
3276
+ }
3277
+ .q-gauge__secondary {
3278
+ color: var(--q-theme-neutral);
3279
+ font-size: 0.75rem;
3280
+ min-height: 1.125rem;
3281
+ margin-top: 0.25rem;
3282
+ text-align: center;
3283
+ }
3284
+ .q-gauge__legend {
3285
+ display: flex;
3286
+ width: 100%;
3287
+ flex-wrap: wrap;
3288
+ justify-content: center;
3289
+ gap: 0.375rem 0.75rem;
3290
+ margin: 0.75rem 0 0;
3291
+ padding: 0;
3292
+ list-style: none;
3293
+ }
3294
+ .q-gauge__legend-item {
3295
+ display: inline-flex;
3296
+ min-width: 0;
3297
+ align-items: center;
3298
+ gap: 0.3125rem;
3299
+ color: var(--q-theme-neutral);
3300
+ font-size: 0.75rem;
3301
+ line-height: 1.2;
3302
+ }
3303
+ .q-gauge__legend-item--active {
3304
+ color: var(--q-theme-neutral-dark);
3305
+ font-weight: 700;
3306
+ }
3307
+ .q-gauge__legend-swatch {
3308
+ width: 0.75rem;
3309
+ height: 0.75rem;
3310
+ flex: 0 0 0.75rem;
3311
+ border: 1px solid rgb(var(--q-theme-neutral-dark-rgb)/12%);
3312
+ border-radius: 0.125rem;
3313
+ }
3314
+ .q-gauge__legend-target {
3315
+ width: 1rem;
3316
+ height: 0;
3317
+ flex: 0 0 1rem;
3318
+ border-top: 0.1875rem solid var(--q-theme-success);
3319
+ border-radius: 999px;
3320
+ }
3321
+ .q-gauge__legend-target--missed {
3322
+ border-color: var(--q-theme-danger);
3323
+ border-top-style: dashed;
3324
+ }
3325
+ .q-gauge__legend-label {
3326
+ overflow-wrap: anywhere;
3327
+ }
3328
+ @media (prefers-reduced-motion: reduce) {
3329
+ .q-gauge__needle {
3330
+ transition: none;
3331
+ }
3332
+ }
3333
+
3278
3334
  .q-container {
3279
3335
  width: 100%;
3280
3336
  margin-left: auto;
@@ -5623,8 +5679,8 @@ body *::-webkit-scrollbar-track {
5623
5679
  fill: currentcolor;
5624
5680
  }
5625
5681
  .q-icon__svg, .q-icon__img {
5626
- width: 1em;
5627
- height: 1em;
5682
+ width: 1.15em;
5683
+ height: 1.15em;
5628
5684
  }
5629
5685
 
5630
5686
  .q-input-group__prepend > :first-child {
@@ -5635,6 +5691,14 @@ body *::-webkit-scrollbar-track {
5635
5691
  border-top-right-radius: var(--border-radius);
5636
5692
  border-bottom-right-radius: var(--border-radius);
5637
5693
  }
5694
+ .q-input-group > .q-field__control > .q-input-group__append:first-child > :first-child {
5695
+ border-top-left-radius: var(--border-radius);
5696
+ border-bottom-left-radius: var(--border-radius);
5697
+ }
5698
+ .q-input-group > .q-field__control > .q-input-group__prepend:last-child > :last-child {
5699
+ border-top-right-radius: var(--border-radius);
5700
+ border-bottom-right-radius: var(--border-radius);
5701
+ }
5638
5702
  .q-input-group__prepend, .q-input-group__append {
5639
5703
  display: flex;
5640
5704
  align-items: stretch;
@@ -5674,10 +5738,17 @@ body *::-webkit-scrollbar-track {
5674
5738
  }
5675
5739
  .q-input-group > .q-field__control > * {
5676
5740
  border-radius: 0;
5741
+ align-self: stretch;
5677
5742
  }
5678
5743
  .q-input-group > .q-field__control > *:focus-within {
5679
5744
  z-index: 2;
5680
5745
  }
5746
+ .q-input-group > .q-field__control > .q-field > .q-field__control {
5747
+ height: 100%;
5748
+ }
5749
+ .q-input-group > .q-field__control > .q-button {
5750
+ height: auto;
5751
+ }
5681
5752
  .q-input-group > .q-field__control > :first-child {
5682
5753
  border-top-left-radius: var(--border-radius);
5683
5754
  border-bottom-left-radius: var(--border-radius);
@@ -5762,6 +5833,7 @@ body *::-webkit-scrollbar-track {
5762
5833
  gap: 0.25rem;
5763
5834
  align-items: center;
5764
5835
  padding: 0.375rem 0.5rem;
5836
+ min-height: calc(1.15rem + 0.75rem);
5765
5837
  list-style: none;
5766
5838
  line-height: 15px;
5767
5839
  overflow-wrap: break-word;
@@ -5817,6 +5889,10 @@ body *::-webkit-scrollbar-track {
5817
5889
  .q-list-item__check-container--top {
5818
5890
  align-self: flex-start;
5819
5891
  }
5892
+ .q-list-item__check-container .q-list-item__check {
5893
+ width: 1.0005em;
5894
+ height: 1.0005em;
5895
+ }
5820
5896
  .q-list-item__description {
5821
5897
  display: flex;
5822
5898
  gap: 0.25rem;
@@ -6601,6 +6677,10 @@ body *::-webkit-scrollbar-track {
6601
6677
  padding: 0.1rem;
6602
6678
  opacity: 0.5;
6603
6679
  }
6680
+ .q-select__chevron.q-button svg {
6681
+ width: 1.0005em;
6682
+ height: 1.0005em;
6683
+ }
6604
6684
  .q-select__chevron.q-button:hover {
6605
6685
  cursor: inherit;
6606
6686
  }
@@ -7478,94 +7558,11 @@ body *::-webkit-scrollbar-track {
7478
7558
  border-color: transparent;
7479
7559
  color: var(--q-toast-hover-color);
7480
7560
  }
7481
- .q-toast--tonal .q-toast__dismiss.q-button {
7482
- --q-button-main-color: var(--q-toast-hover-color);
7483
- }
7484
7561
  .q-toast--outlined {
7485
7562
  background-color: transparent;
7486
7563
  border-color: var(--q-toast-main-color);
7487
7564
  color: var(--q-toast-main-color);
7488
7565
  }
7489
- .q-toast--primary {
7490
- --q-toast-main-color: var(--q-theme-primary);
7491
- --q-toast-main-color-rgb: var(--q-theme-primary-rgb);
7492
- --q-toast-on-main-color: var(--q-theme-on-primary);
7493
- --q-toast-on-main-color-rgb: var(--q-theme-on-primary-rgb);
7494
- --q-toast-hover-color: var(--q-theme-primary-dark);
7495
- --q-toast-hover-color-rgb: var(--q-theme-primary-dark-rgb);
7496
- --q-toast-on-hover-color: var(--q-theme-on-primary);
7497
- --q-toast-on-hover-color-rgb: var(--q-theme-on-primary-rgb);
7498
- }
7499
- .q-toast--secondary {
7500
- --q-toast-main-color: var(--q-theme-secondary);
7501
- --q-toast-main-color-rgb: var(--q-theme-secondary-rgb);
7502
- --q-toast-on-main-color: var(--q-theme-on-secondary);
7503
- --q-toast-on-main-color-rgb: var(--q-theme-on-secondary-rgb);
7504
- --q-toast-hover-color: var(--q-theme-secondary-dark);
7505
- --q-toast-hover-color-rgb: var(--q-theme-secondary-dark-rgb);
7506
- --q-toast-on-hover-color: var(--q-theme-on-secondary);
7507
- --q-toast-on-hover-color-rgb: var(--q-theme-on-secondary-rgb);
7508
- }
7509
- .q-toast--highlight {
7510
- --q-toast-main-color: var(--q-theme-highlight);
7511
- --q-toast-main-color-rgb: var(--q-theme-highlight-rgb);
7512
- --q-toast-on-main-color: var(--q-theme-on-highlight);
7513
- --q-toast-on-main-color-rgb: var(--q-theme-on-highlight-rgb);
7514
- --q-toast-hover-color: var(--q-theme-highlight-dark);
7515
- --q-toast-hover-color-rgb: var(--q-theme-highlight-dark-rgb);
7516
- --q-toast-on-hover-color: var(--q-theme-on-highlight);
7517
- --q-toast-on-hover-color-rgb: var(--q-theme-on-highlight-rgb);
7518
- }
7519
- .q-toast--info {
7520
- --q-toast-main-color: var(--q-theme-info);
7521
- --q-toast-main-color-rgb: var(--q-theme-info-rgb);
7522
- --q-toast-on-main-color: var(--q-theme-on-info);
7523
- --q-toast-on-main-color-rgb: var(--q-theme-on-info-rgb);
7524
- --q-toast-hover-color: var(--q-theme-info-dark);
7525
- --q-toast-hover-color-rgb: var(--q-theme-info-dark-rgb);
7526
- --q-toast-on-hover-color: var(--q-theme-on-info);
7527
- --q-toast-on-hover-color-rgb: var(--q-theme-on-info-rgb);
7528
- }
7529
- .q-toast--success {
7530
- --q-toast-main-color: var(--q-theme-success);
7531
- --q-toast-main-color-rgb: var(--q-theme-success-rgb);
7532
- --q-toast-on-main-color: var(--q-theme-on-success);
7533
- --q-toast-on-main-color-rgb: var(--q-theme-on-success-rgb);
7534
- --q-toast-hover-color: var(--q-theme-success-dark);
7535
- --q-toast-hover-color-rgb: var(--q-theme-success-dark-rgb);
7536
- --q-toast-on-hover-color: var(--q-theme-on-success);
7537
- --q-toast-on-hover-color-rgb: var(--q-theme-on-success-rgb);
7538
- }
7539
- .q-toast--warning {
7540
- --q-toast-main-color: var(--q-theme-warning);
7541
- --q-toast-main-color-rgb: var(--q-theme-warning-rgb);
7542
- --q-toast-on-main-color: var(--q-theme-on-warning);
7543
- --q-toast-on-main-color-rgb: var(--q-theme-on-warning-rgb);
7544
- --q-toast-hover-color: var(--q-theme-warning-dark);
7545
- --q-toast-hover-color-rgb: var(--q-theme-warning-dark-rgb);
7546
- --q-toast-on-hover-color: var(--q-theme-on-warning);
7547
- --q-toast-on-hover-color-rgb: var(--q-theme-on-warning-rgb);
7548
- }
7549
- .q-toast--danger {
7550
- --q-toast-main-color: var(--q-theme-danger);
7551
- --q-toast-main-color-rgb: var(--q-theme-danger-rgb);
7552
- --q-toast-on-main-color: var(--q-theme-on-danger);
7553
- --q-toast-on-main-color-rgb: var(--q-theme-on-danger-rgb);
7554
- --q-toast-hover-color: var(--q-theme-danger-dark);
7555
- --q-toast-hover-color-rgb: var(--q-theme-danger-dark-rgb);
7556
- --q-toast-on-hover-color: var(--q-theme-on-danger);
7557
- --q-toast-on-hover-color-rgb: var(--q-theme-on-danger-rgb);
7558
- }
7559
- .q-toast--neutral {
7560
- --q-toast-main-color: var(--q-theme-neutral);
7561
- --q-toast-main-color-rgb: var(--q-theme-neutral-rgb);
7562
- --q-toast-on-main-color: var(--q-theme-on-neutral);
7563
- --q-toast-on-main-color-rgb: var(--q-theme-on-neutral-rgb);
7564
- --q-toast-hover-color: var(--q-theme-neutral-dark);
7565
- --q-toast-hover-color-rgb: var(--q-theme-neutral-dark-rgb);
7566
- --q-toast-on-hover-color: var(--q-theme-on-neutral);
7567
- --q-toast-on-hover-color-rgb: var(--q-theme-on-neutral-rgb);
7568
- }
7569
7566
 
7570
7567
  .toast-stack-enter-active {
7571
7568
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);