@quidgest/ui 0.20.1 → 0.21.1

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 (151) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/README.md +10 -0
  3. package/dist/json/api.json +219 -3
  4. package/dist/manifest/components.json +1 -0
  5. package/dist/ui.css +239 -248
  6. package/dist/ui.esm.js +1306 -1139
  7. package/dist/ui.js +788 -621
  8. package/dist/ui.min.css +1 -1
  9. package/dist/ui.min.js +788 -621
  10. package/dist/ui.scss +291 -34
  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.vue.js +1 -1
  32. package/esm/components/QList/QListItem.d.ts.map +1 -1
  33. package/esm/components/QList/QListItem.vue.js +5 -2
  34. package/esm/components/QList/QListItemGroup.vue.js +1 -1
  35. package/esm/components/QObfuscation/QObfuscation.d.ts +1 -1
  36. package/esm/components/QObfuscation/QObfuscation.d.ts.map +1 -1
  37. package/esm/components/QObfuscation/QObfuscation.vue.js +53 -56
  38. package/esm/components/QObfuscation/index.d.ts +6 -6
  39. package/esm/components/QObfuscation/types.d.ts +1 -1
  40. package/esm/components/QObfuscation/types.d.ts.map +1 -1
  41. package/esm/components/QOverflow/QOverflow.d.ts +43 -0
  42. package/esm/components/QOverflow/QOverflow.d.ts.map +1 -0
  43. package/esm/components/QOverflow/QOverflow.vue.js +281 -0
  44. package/esm/components/QOverflow/QOverflow2.vue.js +5 -0
  45. package/esm/components/QOverflow/constants.d.ts +30 -0
  46. package/esm/components/QOverflow/constants.d.ts.map +1 -0
  47. package/esm/components/QOverflow/constants.js +12 -0
  48. package/esm/components/QOverflow/index.d.ts +58 -0
  49. package/esm/components/QOverflow/index.d.ts.map +1 -0
  50. package/esm/components/QOverflow/index.js +6 -0
  51. package/esm/components/QOverflow/types.d.ts +119 -0
  52. package/esm/components/QOverflow/types.d.ts.map +1 -0
  53. package/esm/components/QPhoneField/QPhoneField.d.ts.map +1 -1
  54. package/esm/components/QPhoneField/QPhoneField.vue.js +1 -1
  55. package/esm/components/QPropertyList/QPropertyListGroup.vue.js +1 -1
  56. package/esm/components/QPropertyList/QPropertyListRow.vue.js +1 -1
  57. package/esm/components/QPropertyList/index.d.ts.map +1 -1
  58. package/esm/components/QRadioGroup/QRadioButton.vue.js +1 -1
  59. package/esm/components/QRadioGroup/QRadioGroup.vue.js +2 -2
  60. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  61. package/esm/components/QSelect/QSelect.vue.js +1 -1
  62. package/esm/components/QSidebar/QSidebar.d.ts.map +1 -1
  63. package/esm/components/QSidebar/QSidebar.vue.js +19 -10
  64. package/esm/components/QSidebar/QSidebarItem.d.ts.map +1 -1
  65. package/esm/components/QSidebar/QSidebarItem.vue.js +51 -49
  66. package/esm/components/QSidebar/context.d.ts +7 -0
  67. package/esm/components/QSidebar/context.d.ts.map +1 -1
  68. package/esm/components/QSwitch/QSwitch.vue.js +1 -1
  69. package/esm/components/QTabs/QTab.d.ts.map +1 -1
  70. package/esm/components/QTabs/QTab.vue.js +52 -50
  71. package/esm/components/QTabs/QTabs.d.ts.map +1 -1
  72. package/esm/components/QTabs/QTabs.vue.js +37 -12
  73. package/esm/components/QTabs/context.d.ts +7 -0
  74. package/esm/components/QTabs/context.d.ts.map +1 -1
  75. package/esm/components/QTextArea/QTextArea.vue.js +1 -1
  76. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  77. package/esm/components/QTextField/QTextField.vue.js +1 -1
  78. package/esm/components/QThemeProvider/QThemeProvider.vue.js +1 -1
  79. package/esm/components/QToast/QToast.d.ts +4 -2
  80. package/esm/components/QToast/QToast.d.ts.map +1 -1
  81. package/esm/components/QToast/QToast.vue.js +80 -67
  82. package/esm/components/QToast/QToaster.d.ts.map +1 -1
  83. package/esm/components/QToast/QToaster.vue.js +21 -16
  84. package/esm/components/QToast/index.d.ts +39 -3
  85. package/esm/components/QToast/index.d.ts.map +1 -1
  86. package/esm/components/QToast/types.d.ts +6 -2
  87. package/esm/components/QToast/types.d.ts.map +1 -1
  88. package/esm/components/QToggleGroup/QToggleGroupItem.vue.js +1 -1
  89. package/esm/components/QTooltip/QTooltip.vue.js +1 -1
  90. package/esm/components/index.d.ts +1 -0
  91. package/esm/components/index.d.ts.map +1 -1
  92. package/esm/components/index.js +58 -56
  93. package/esm/composables/index.d.ts +2 -2
  94. package/esm/composables/index.d.ts.map +1 -1
  95. package/esm/composables/useColor/index.d.ts +46 -17
  96. package/esm/composables/useColor/index.d.ts.map +1 -1
  97. package/esm/composables/useColor/index.js +57 -29
  98. package/esm/composables/useColor/types.d.ts +4 -1
  99. package/esm/composables/useColor/types.d.ts.map +1 -1
  100. package/esm/composables/useDialog/_internal.d.ts +2 -0
  101. package/esm/composables/useDialog/_internal.d.ts.map +1 -0
  102. package/esm/composables/useDialog/_internal.js +65 -0
  103. package/esm/composables/useDialog/index.d.ts +11 -3
  104. package/esm/composables/useDialog/index.d.ts.map +1 -1
  105. package/esm/composables/useDialog/index.js +38 -22
  106. package/esm/composables/useDialog/types.d.ts +25 -11
  107. package/esm/composables/useDialog/types.d.ts.map +1 -1
  108. package/esm/composables/useDismissibleLayerStack/index.d.ts +17 -2
  109. package/esm/composables/useDismissibleLayerStack/index.d.ts.map +1 -1
  110. package/esm/composables/useDismissibleLayerStack/index.js +28 -11
  111. package/esm/composables/useGroup/index.d.ts.map +1 -1
  112. package/esm/composables/useGroup/index.js +12 -1
  113. package/esm/composables/useId/index.d.ts +18 -0
  114. package/esm/composables/useId/index.d.ts.map +1 -0
  115. package/esm/composables/useId/index.js +10 -0
  116. package/esm/composables/useToast/_internal.d.ts +2 -0
  117. package/esm/composables/useToast/_internal.d.ts.map +1 -0
  118. package/esm/composables/useToast/_internal.js +142 -0
  119. package/esm/composables/useToast/index.d.ts +8 -25
  120. package/esm/composables/useToast/index.d.ts.map +1 -1
  121. package/esm/composables/useToast/index.js +29 -26
  122. package/esm/composables/useToast/types.d.ts +31 -17
  123. package/esm/composables/useToast/types.d.ts.map +1 -1
  124. package/esm/framework.d.ts.map +1 -1
  125. package/esm/framework.js +16 -12
  126. package/esm/index.d.ts +1 -0
  127. package/esm/templates/theme.js +39 -39
  128. package/esm/utils/color/contrast.d.ts +11 -4
  129. package/esm/utils/color/contrast.d.ts.map +1 -1
  130. package/esm/utils/color/contrast.js +16 -3
  131. package/esm/utils/color/index.d.ts +1 -0
  132. package/esm/utils/color/index.d.ts.map +1 -1
  133. package/esm/utils/color/merge.d.ts +9 -0
  134. package/esm/utils/color/merge.d.ts.map +1 -1
  135. package/esm/utils/color/merge.js +21 -22
  136. package/esm/utils/color/parse.d.ts +21 -5
  137. package/esm/utils/color/parse.d.ts.map +1 -1
  138. package/esm/utils/color/parse.js +88 -20
  139. package/esm/utils/color/theme-colors.d.ts +35 -0
  140. package/esm/utils/color/theme-colors.d.ts.map +1 -0
  141. package/esm/utils/color/theme-colors.js +25 -0
  142. package/esm/utils/index.js +50 -42
  143. package/package.json +3 -5
  144. package/esm/composables/uid.d.ts +0 -9
  145. package/esm/composables/uid.d.ts.map +0 -1
  146. package/esm/composables/uid.js +0 -8
  147. package/esm/composables/useToast/types.js +0 -4
  148. package/esm/vendors/uuid/dist/native.js +0 -3
  149. package/esm/vendors/uuid/dist/rng.js +0 -11
  150. package/esm/vendors/uuid/dist/stringify.js +0 -8
  151. 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,12 @@ 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-inline-start: 0.6rem;
1773
+ }
1774
+ .q-button.q-button--labeled:where(.q-button--icon-end):where(:has(.q-button__content > .q-icon)), .q-button.q-button--labeled:where(:has(.q-button__append .q-icon)) {
1775
+ padding-inline-end: 0.6rem;
1776
+ }
1847
1777
  .q-button__content {
1848
1778
  display: inline-flex;
1849
1779
  align-items: center;
@@ -1852,6 +1782,9 @@ body *::-webkit-scrollbar-track {
1852
1782
  width: 100%;
1853
1783
  z-index: 1;
1854
1784
  }
1785
+ .q-button__append {
1786
+ display: contents;
1787
+ }
1855
1788
  .q-button:disabled {
1856
1789
  opacity: 0.6;
1857
1790
  }
@@ -1945,91 +1878,11 @@ body *::-webkit-scrollbar-track {
1945
1878
  .q-button--pill {
1946
1879
  border-radius: 9999px;
1947
1880
  }
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
1881
  .q-button--background {
2029
1882
  --q-button-main-color: var(--q-theme-background);
2030
1883
  --q-button-on-main-color: var(--q-theme-on-background);
2031
1884
  --q-button-hover-color: var(--q-theme-primary-dark);
2032
- --q-button-on-hover-color: var(--q-theme-on-primary);
1885
+ --q-button-on-hover-color: var(--q-theme-on-primary-dark);
2033
1886
  }
2034
1887
  .q-button--loading:hover {
2035
1888
  cursor: not-allowed;
@@ -2044,6 +1897,12 @@ body *::-webkit-scrollbar-track {
2044
1897
  .q-button--small.q-button--labeled {
2045
1898
  padding: 0.25rem 0.5rem;
2046
1899
  }
1900
+ .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)) {
1901
+ padding-inline-start: 0.375rem;
1902
+ }
1903
+ .q-button--small.q-button--labeled:where(.q-button--icon-end):where(:has(.q-button__content > .q-icon)), .q-button--small.q-button--labeled:where(:has(.q-button__append .q-icon)) {
1904
+ padding-inline-end: 0.375rem;
1905
+ }
2047
1906
  .q-button--borderless {
2048
1907
  border-color: transparent;
2049
1908
  }
@@ -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
  }
@@ -5816,8 +5679,8 @@ body *::-webkit-scrollbar-track {
5816
5679
  fill: currentcolor;
5817
5680
  }
5818
5681
  .q-icon__svg, .q-icon__img {
5819
- width: 1em;
5820
- height: 1em;
5682
+ width: 1.15em;
5683
+ height: 1.15em;
5821
5684
  }
5822
5685
 
5823
5686
  .q-input-group__prepend > :first-child {
@@ -5828,6 +5691,14 @@ body *::-webkit-scrollbar-track {
5828
5691
  border-top-right-radius: var(--border-radius);
5829
5692
  border-bottom-right-radius: var(--border-radius);
5830
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
+ }
5831
5702
  .q-input-group__prepend, .q-input-group__append {
5832
5703
  display: flex;
5833
5704
  align-items: stretch;
@@ -5867,10 +5738,17 @@ body *::-webkit-scrollbar-track {
5867
5738
  }
5868
5739
  .q-input-group > .q-field__control > * {
5869
5740
  border-radius: 0;
5741
+ align-self: stretch;
5870
5742
  }
5871
5743
  .q-input-group > .q-field__control > *:focus-within {
5872
5744
  z-index: 2;
5873
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
+ }
5874
5752
  .q-input-group > .q-field__control > :first-child {
5875
5753
  border-top-left-radius: var(--border-radius);
5876
5754
  border-bottom-left-radius: var(--border-radius);
@@ -5955,6 +5833,7 @@ body *::-webkit-scrollbar-track {
5955
5833
  gap: 0.25rem;
5956
5834
  align-items: center;
5957
5835
  padding: 0.375rem 0.5rem;
5836
+ min-height: calc(1.15rem + 0.75rem);
5958
5837
  list-style: none;
5959
5838
  line-height: 15px;
5960
5839
  overflow-wrap: break-word;
@@ -6010,6 +5889,10 @@ body *::-webkit-scrollbar-track {
6010
5889
  .q-list-item__check-container--top {
6011
5890
  align-self: flex-start;
6012
5891
  }
5892
+ .q-list-item__check-container .q-list-item__check {
5893
+ width: 1.0005em;
5894
+ height: 1.0005em;
5895
+ }
6013
5896
  .q-list-item__description {
6014
5897
  display: flex;
6015
5898
  gap: 0.25rem;
@@ -6115,6 +5998,193 @@ body *::-webkit-scrollbar-track {
6115
5998
  flex-shrink: 0;
6116
5999
  }
6117
6000
 
6001
+ .q-overflow {
6002
+ --q-overflow-fade-size: 2.5rem;
6003
+ display: flex;
6004
+ align-items: stretch;
6005
+ min-width: 0;
6006
+ min-height: 0;
6007
+ width: 100%;
6008
+ outline: none;
6009
+ }
6010
+
6011
+ .q-overflow__viewport:focus-visible {
6012
+ outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
6013
+ }
6014
+
6015
+ .q-overflow__control .q-overflow__button:focus-visible {
6016
+ outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
6017
+ }
6018
+
6019
+ .q-overflow__viewport {
6020
+ position: relative;
6021
+ flex: 1 1 auto;
6022
+ min-width: 0;
6023
+ min-height: 0;
6024
+ outline: none;
6025
+ -webkit-overflow-scrolling: touch;
6026
+ scrollbar-width: none;
6027
+ }
6028
+ .q-overflow__viewport::-webkit-scrollbar {
6029
+ display: none;
6030
+ }
6031
+
6032
+ .q-overflow__content {
6033
+ position: relative;
6034
+ }
6035
+
6036
+ .q-overflow__control {
6037
+ display: flex;
6038
+ flex: 0 0 auto;
6039
+ align-items: center;
6040
+ justify-content: center;
6041
+ }
6042
+
6043
+ .q-overflow__button {
6044
+ min-width: 2.25rem;
6045
+ min-height: 2.25rem;
6046
+ }
6047
+
6048
+ .q-overflow--horizontal {
6049
+ flex-direction: row;
6050
+ }
6051
+ .q-overflow--horizontal .q-overflow__viewport {
6052
+ overflow: auto hidden;
6053
+ }
6054
+
6055
+ .q-overflow--vertical {
6056
+ flex-direction: column;
6057
+ height: 100%;
6058
+ }
6059
+ .q-overflow--vertical .q-overflow__viewport {
6060
+ overflow: hidden auto;
6061
+ }
6062
+
6063
+ .q-overflow--horizontal.q-overflow--can-scroll-start.q-overflow--can-scroll-end .q-overflow__viewport {
6064
+ -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--q-overflow-fade-size), #000 calc(100% - var(--q-overflow-fade-size)), transparent);
6065
+ mask-image: linear-gradient(to right, transparent, #000 var(--q-overflow-fade-size), #000 calc(100% - var(--q-overflow-fade-size)), transparent);
6066
+ }
6067
+
6068
+ .q-overflow--horizontal.q-overflow--can-scroll-start:not(.q-overflow--can-scroll-end) .q-overflow__viewport {
6069
+ -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--q-overflow-fade-size), #000);
6070
+ mask-image: linear-gradient(to right, transparent, #000 var(--q-overflow-fade-size), #000);
6071
+ }
6072
+
6073
+ .q-overflow--horizontal.q-overflow--can-scroll-end:not(.q-overflow--can-scroll-start) .q-overflow__viewport {
6074
+ -webkit-mask-image: linear-gradient(to right, #000, #000 calc(100% - var(--q-overflow-fade-size)), transparent);
6075
+ mask-image: linear-gradient(to right, #000, #000 calc(100% - var(--q-overflow-fade-size)), transparent);
6076
+ }
6077
+
6078
+ .q-overflow--vertical.q-overflow--can-scroll-start.q-overflow--can-scroll-end .q-overflow__viewport {
6079
+ -webkit-mask-image: linear-gradient(to bottom, transparent, #000 var(--q-overflow-fade-size), #000 calc(100% - var(--q-overflow-fade-size)), transparent);
6080
+ mask-image: linear-gradient(to bottom, transparent, #000 var(--q-overflow-fade-size), #000 calc(100% - var(--q-overflow-fade-size)), transparent);
6081
+ }
6082
+
6083
+ .q-overflow--vertical.q-overflow--can-scroll-start:not(.q-overflow--can-scroll-end) .q-overflow__viewport {
6084
+ -webkit-mask-image: linear-gradient(to bottom, transparent, #000 var(--q-overflow-fade-size), #000);
6085
+ mask-image: linear-gradient(to bottom, transparent, #000 var(--q-overflow-fade-size), #000);
6086
+ }
6087
+
6088
+ .q-overflow--vertical.q-overflow--can-scroll-end:not(.q-overflow--can-scroll-start) .q-overflow__viewport {
6089
+ -webkit-mask-image: linear-gradient(to bottom, #000, #000 calc(100% - var(--q-overflow-fade-size)), transparent);
6090
+ mask-image: linear-gradient(to bottom, #000, #000 calc(100% - var(--q-overflow-fade-size)), transparent);
6091
+ }
6092
+
6093
+ .q-overflow--arrows-outside .q-overflow__control {
6094
+ position: relative;
6095
+ z-index: 1;
6096
+ align-self: stretch;
6097
+ align-items: stretch;
6098
+ }
6099
+ .q-overflow--arrows-outside .q-overflow__control > *,
6100
+ .q-overflow--arrows-outside .q-overflow__button {
6101
+ align-self: stretch;
6102
+ }
6103
+
6104
+ .q-overflow--horizontal.q-overflow--arrows-outside .q-overflow__control > *,
6105
+ .q-overflow--horizontal.q-overflow--arrows-outside .q-overflow__button {
6106
+ height: 100%;
6107
+ }
6108
+
6109
+ .q-overflow--vertical.q-overflow--arrows-outside .q-overflow__control {
6110
+ width: 100%;
6111
+ }
6112
+ .q-overflow--vertical.q-overflow--arrows-outside .q-overflow__control > *,
6113
+ .q-overflow--vertical.q-overflow--arrows-outside .q-overflow__button {
6114
+ width: 100%;
6115
+ }
6116
+
6117
+ .q-overflow--arrows-inside {
6118
+ position: relative;
6119
+ }
6120
+ .q-overflow--arrows-inside .q-overflow__viewport {
6121
+ width: 100%;
6122
+ }
6123
+ .q-overflow--arrows-inside .q-overflow__control {
6124
+ position: absolute;
6125
+ z-index: 2;
6126
+ pointer-events: none;
6127
+ }
6128
+ .q-overflow--arrows-inside .q-overflow__control > * {
6129
+ pointer-events: auto;
6130
+ }
6131
+ .q-overflow--arrows-inside .q-overflow__control .q-overflow__button.q-button {
6132
+ background-color: rgb(var(--q-theme-background-rgb)/80%);
6133
+ }
6134
+ @media (hover: hover) {
6135
+ .q-overflow--arrows-inside .q-overflow__control .q-overflow__button.q-button:hover:not(:disabled) {
6136
+ background-color: rgb(var(--q-theme-background-rgb)/95%);
6137
+ }
6138
+ }
6139
+
6140
+ .q-overflow--horizontal.q-overflow--arrows-inside .q-overflow__control--prev {
6141
+ inset-block: 0;
6142
+ inset-inline-start: 0;
6143
+ }
6144
+ .q-overflow--horizontal.q-overflow--arrows-inside .q-overflow__control--next {
6145
+ inset-block: 0;
6146
+ inset-inline-end: 0;
6147
+ }
6148
+
6149
+ .q-overflow--vertical.q-overflow--arrows-inside .q-overflow__control--prev {
6150
+ inset-inline: 0;
6151
+ inset-block-start: 0;
6152
+ }
6153
+ .q-overflow--vertical.q-overflow--arrows-inside .q-overflow__control--next {
6154
+ inset-inline: 0;
6155
+ inset-block-end: 0;
6156
+ }
6157
+
6158
+ @media (hover: hover) and (pointer: fine) {
6159
+ .q-overflow--arrows-hover .q-overflow__control {
6160
+ opacity: 0;
6161
+ transition: opacity 0.15s ease;
6162
+ }
6163
+ .q-overflow--arrows-hover:hover .q-overflow__control, .q-overflow--arrows-hover:focus-within .q-overflow__control {
6164
+ opacity: 1;
6165
+ }
6166
+ }
6167
+ @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
6168
+ .q-overflow--arrows-hover .q-overflow__control {
6169
+ transition: none;
6170
+ }
6171
+ }
6172
+
6173
+ @media (hover: hover) and (pointer: fine) {
6174
+ .q-overflow--arrows-hover.q-overflow--arrows-inside .q-overflow__control {
6175
+ pointer-events: none;
6176
+ }
6177
+ .q-overflow--arrows-hover.q-overflow--arrows-inside .q-overflow__control > * {
6178
+ pointer-events: none;
6179
+ }
6180
+ .q-overflow--arrows-hover.q-overflow--arrows-inside:hover .q-overflow__control, .q-overflow--arrows-hover.q-overflow--arrows-inside:focus-within .q-overflow__control {
6181
+ pointer-events: auto;
6182
+ }
6183
+ .q-overflow--arrows-hover.q-overflow--arrows-inside:hover .q-overflow__control > *, .q-overflow--arrows-hover.q-overflow--arrows-inside:focus-within .q-overflow__control > * {
6184
+ pointer-events: auto;
6185
+ }
6186
+ }
6187
+
6118
6188
  .q-overlay {
6119
6189
  --q-overlay-bg: var(--q-theme-container);
6120
6190
  --q-overlay-color: var(--q-theme-on-background);
@@ -6794,6 +6864,10 @@ body *::-webkit-scrollbar-track {
6794
6864
  padding: 0.1rem;
6795
6865
  opacity: 0.5;
6796
6866
  }
6867
+ .q-select__chevron.q-button svg {
6868
+ width: 1.0005em;
6869
+ height: 1.0005em;
6870
+ }
6797
6871
  .q-select__chevron.q-button:hover {
6798
6872
  cursor: inherit;
6799
6873
  }
@@ -7671,94 +7745,11 @@ body *::-webkit-scrollbar-track {
7671
7745
  border-color: transparent;
7672
7746
  color: var(--q-toast-hover-color);
7673
7747
  }
7674
- .q-toast--tonal .q-toast__dismiss.q-button {
7675
- --q-button-main-color: var(--q-toast-hover-color);
7676
- }
7677
7748
  .q-toast--outlined {
7678
7749
  background-color: transparent;
7679
7750
  border-color: var(--q-toast-main-color);
7680
7751
  color: var(--q-toast-main-color);
7681
7752
  }
7682
- .q-toast--primary {
7683
- --q-toast-main-color: var(--q-theme-primary);
7684
- --q-toast-main-color-rgb: var(--q-theme-primary-rgb);
7685
- --q-toast-on-main-color: var(--q-theme-on-primary);
7686
- --q-toast-on-main-color-rgb: var(--q-theme-on-primary-rgb);
7687
- --q-toast-hover-color: var(--q-theme-primary-dark);
7688
- --q-toast-hover-color-rgb: var(--q-theme-primary-dark-rgb);
7689
- --q-toast-on-hover-color: var(--q-theme-on-primary);
7690
- --q-toast-on-hover-color-rgb: var(--q-theme-on-primary-rgb);
7691
- }
7692
- .q-toast--secondary {
7693
- --q-toast-main-color: var(--q-theme-secondary);
7694
- --q-toast-main-color-rgb: var(--q-theme-secondary-rgb);
7695
- --q-toast-on-main-color: var(--q-theme-on-secondary);
7696
- --q-toast-on-main-color-rgb: var(--q-theme-on-secondary-rgb);
7697
- --q-toast-hover-color: var(--q-theme-secondary-dark);
7698
- --q-toast-hover-color-rgb: var(--q-theme-secondary-dark-rgb);
7699
- --q-toast-on-hover-color: var(--q-theme-on-secondary);
7700
- --q-toast-on-hover-color-rgb: var(--q-theme-on-secondary-rgb);
7701
- }
7702
- .q-toast--highlight {
7703
- --q-toast-main-color: var(--q-theme-highlight);
7704
- --q-toast-main-color-rgb: var(--q-theme-highlight-rgb);
7705
- --q-toast-on-main-color: var(--q-theme-on-highlight);
7706
- --q-toast-on-main-color-rgb: var(--q-theme-on-highlight-rgb);
7707
- --q-toast-hover-color: var(--q-theme-highlight-dark);
7708
- --q-toast-hover-color-rgb: var(--q-theme-highlight-dark-rgb);
7709
- --q-toast-on-hover-color: var(--q-theme-on-highlight);
7710
- --q-toast-on-hover-color-rgb: var(--q-theme-on-highlight-rgb);
7711
- }
7712
- .q-toast--info {
7713
- --q-toast-main-color: var(--q-theme-info);
7714
- --q-toast-main-color-rgb: var(--q-theme-info-rgb);
7715
- --q-toast-on-main-color: var(--q-theme-on-info);
7716
- --q-toast-on-main-color-rgb: var(--q-theme-on-info-rgb);
7717
- --q-toast-hover-color: var(--q-theme-info-dark);
7718
- --q-toast-hover-color-rgb: var(--q-theme-info-dark-rgb);
7719
- --q-toast-on-hover-color: var(--q-theme-on-info);
7720
- --q-toast-on-hover-color-rgb: var(--q-theme-on-info-rgb);
7721
- }
7722
- .q-toast--success {
7723
- --q-toast-main-color: var(--q-theme-success);
7724
- --q-toast-main-color-rgb: var(--q-theme-success-rgb);
7725
- --q-toast-on-main-color: var(--q-theme-on-success);
7726
- --q-toast-on-main-color-rgb: var(--q-theme-on-success-rgb);
7727
- --q-toast-hover-color: var(--q-theme-success-dark);
7728
- --q-toast-hover-color-rgb: var(--q-theme-success-dark-rgb);
7729
- --q-toast-on-hover-color: var(--q-theme-on-success);
7730
- --q-toast-on-hover-color-rgb: var(--q-theme-on-success-rgb);
7731
- }
7732
- .q-toast--warning {
7733
- --q-toast-main-color: var(--q-theme-warning);
7734
- --q-toast-main-color-rgb: var(--q-theme-warning-rgb);
7735
- --q-toast-on-main-color: var(--q-theme-on-warning);
7736
- --q-toast-on-main-color-rgb: var(--q-theme-on-warning-rgb);
7737
- --q-toast-hover-color: var(--q-theme-warning-dark);
7738
- --q-toast-hover-color-rgb: var(--q-theme-warning-dark-rgb);
7739
- --q-toast-on-hover-color: var(--q-theme-on-warning);
7740
- --q-toast-on-hover-color-rgb: var(--q-theme-on-warning-rgb);
7741
- }
7742
- .q-toast--danger {
7743
- --q-toast-main-color: var(--q-theme-danger);
7744
- --q-toast-main-color-rgb: var(--q-theme-danger-rgb);
7745
- --q-toast-on-main-color: var(--q-theme-on-danger);
7746
- --q-toast-on-main-color-rgb: var(--q-theme-on-danger-rgb);
7747
- --q-toast-hover-color: var(--q-theme-danger-dark);
7748
- --q-toast-hover-color-rgb: var(--q-theme-danger-dark-rgb);
7749
- --q-toast-on-hover-color: var(--q-theme-on-danger);
7750
- --q-toast-on-hover-color-rgb: var(--q-theme-on-danger-rgb);
7751
- }
7752
- .q-toast--neutral {
7753
- --q-toast-main-color: var(--q-theme-neutral);
7754
- --q-toast-main-color-rgb: var(--q-theme-neutral-rgb);
7755
- --q-toast-on-main-color: var(--q-theme-on-neutral);
7756
- --q-toast-on-main-color-rgb: var(--q-theme-on-neutral-rgb);
7757
- --q-toast-hover-color: var(--q-theme-neutral-dark);
7758
- --q-toast-hover-color-rgb: var(--q-theme-neutral-dark-rgb);
7759
- --q-toast-on-hover-color: var(--q-theme-on-neutral);
7760
- --q-toast-on-hover-color-rgb: var(--q-theme-on-neutral-rgb);
7761
- }
7762
7753
 
7763
7754
  .toast-stack-enter-active {
7764
7755
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);