@quidgest/ui 0.14.11 → 0.14.12

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 (234) hide show
  1. package/dist/manifest/components.json +1 -0
  2. package/dist/ui.css +74 -39
  3. package/dist/ui.esm.js +1731 -1578
  4. package/dist/ui.js +24 -24
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +170 -163
  7. package/dist/ui.scss +61 -40
  8. package/esm/components/QAccordion/QAccordion.d.ts.map +1 -1
  9. package/esm/components/QAccordion/QAccordion.vue.js +2 -2
  10. package/esm/components/QAccordion/index.d.ts +33 -2
  11. package/esm/components/QAccordion/index.d.ts.map +1 -1
  12. package/esm/components/QBadge/QBadge.d.ts.map +1 -1
  13. package/esm/components/QBadge/QBadge.vue.js +7 -7
  14. package/esm/components/QBadge/index.d.ts +39 -2
  15. package/esm/components/QBadge/index.d.ts.map +1 -1
  16. package/esm/components/QBadge/types.d.ts.map +1 -1
  17. package/esm/components/QButton/QButton.d.ts +0 -2
  18. package/esm/components/QButton/QButton.d.ts.map +1 -1
  19. package/esm/components/QButton/QButton.vue.js +18 -18
  20. package/esm/components/QButton/index.d.ts +36 -2
  21. package/esm/components/QButton/index.d.ts.map +1 -1
  22. package/esm/components/QButtonGroup/QButtonGroup.d.ts +1 -3
  23. package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
  24. package/esm/components/QButtonGroup/QButtonGroup.vue.js +7 -7
  25. package/esm/components/QButtonGroup/index.d.ts +17 -2
  26. package/esm/components/QButtonGroup/index.d.ts.map +1 -1
  27. package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +1 -1
  28. package/esm/components/QButtonToggle/QButtonToggle.vue.js +1 -1
  29. package/esm/components/QButtonToggle/index.d.ts +31 -2
  30. package/esm/components/QButtonToggle/index.d.ts.map +1 -1
  31. package/esm/components/QCard/QCard.d.ts +4 -9
  32. package/esm/components/QCard/QCard.d.ts.map +1 -1
  33. package/esm/components/QCard/QCard.vue.js +34 -34
  34. package/esm/components/QCard/index.d.ts +34 -2
  35. package/esm/components/QCard/index.d.ts.map +1 -1
  36. package/esm/components/QCheckbox/QCheckbox.d.ts +0 -3
  37. package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
  38. package/esm/components/QCheckbox/QCheckbox.vue.js +19 -19
  39. package/esm/components/QCheckbox/QCheckboxLabel.d.ts +1 -3
  40. package/esm/components/QCheckbox/QCheckboxLabel.d.ts.map +1 -1
  41. package/esm/components/QCheckbox/QCheckboxLabel.vue.js +7 -7
  42. package/esm/components/QCheckbox/index.d.ts +79 -2
  43. package/esm/components/QCheckbox/index.d.ts.map +1 -1
  44. package/esm/components/QCheckbox/types.d.ts +8 -4
  45. package/esm/components/QCheckbox/types.d.ts.map +1 -1
  46. package/esm/components/QCollapsible/QCollapsible.d.ts +2 -3
  47. package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -1
  48. package/esm/components/QCollapsible/QCollapsible.vue.js +54 -60
  49. package/esm/components/QCollapsible/index.d.ts +47 -2
  50. package/esm/components/QCollapsible/index.d.ts.map +1 -1
  51. package/esm/components/QCollapsible/types.d.ts +5 -4
  52. package/esm/components/QCollapsible/types.d.ts.map +1 -1
  53. package/esm/components/QCollapsible/types.js +4 -5
  54. package/esm/components/QColorPicker/QColorPicker.d.ts +34 -0
  55. package/esm/components/QColorPicker/QColorPicker.d.ts.map +1 -0
  56. package/esm/components/QColorPicker/QColorPicker.vue.js +97 -0
  57. package/esm/components/QColorPicker/QColorPicker.vue2.js +4 -0
  58. package/esm/components/QColorPicker/index.d.ts +48 -0
  59. package/esm/components/QColorPicker/index.d.ts.map +1 -0
  60. package/esm/components/QColorPicker/index.js +6 -0
  61. package/esm/components/QColorPicker/types.d.ts +44 -0
  62. package/esm/components/QColorPicker/types.d.ts.map +1 -0
  63. package/esm/components/QColorPicker/types.js +6 -0
  64. package/esm/components/QCombobox/QCombobox.d.ts +682 -82
  65. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  66. package/esm/components/QCombobox/QCombobox.vue.js +156 -174
  67. package/esm/components/QCombobox/index.d.ts +1395 -2
  68. package/esm/components/QCombobox/index.d.ts.map +1 -1
  69. package/esm/components/QCombobox/types.d.ts +14 -6
  70. package/esm/components/QCombobox/types.d.ts.map +1 -1
  71. package/esm/components/QCombobox/types.js +9 -11
  72. package/esm/components/QDialog/QDialog.d.ts +3 -7
  73. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  74. package/esm/components/QDialog/QDialog.vue.js +33 -33
  75. package/esm/components/QDialog/index.d.ts +56 -2
  76. package/esm/components/QDialog/index.d.ts.map +1 -1
  77. package/esm/components/QDialog/types.d.ts +5 -3
  78. package/esm/components/QDialog/types.d.ts.map +1 -1
  79. package/esm/components/QDropdownMenu/QDropdownMenu.d.ts.map +1 -1
  80. package/esm/components/QDropdownMenu/QDropdownMenu.vue.js +2 -2
  81. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +232 -11
  82. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
  83. package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +5 -5
  84. package/esm/components/QDropdownMenu/index.d.ts +12 -2
  85. package/esm/components/QDropdownMenu/index.d.ts.map +1 -1
  86. package/esm/components/QDropdownMenu/types.d.ts +5 -4
  87. package/esm/components/QDropdownMenu/types.d.ts.map +1 -1
  88. package/esm/components/QField/QField.d.ts +5 -7
  89. package/esm/components/QField/QField.d.ts.map +1 -1
  90. package/esm/components/QField/QField.vue.js +25 -25
  91. package/esm/components/QField/index.d.ts +37 -2
  92. package/esm/components/QField/index.d.ts.map +1 -1
  93. package/esm/components/QIcon/QIcon.d.ts +0 -2
  94. package/esm/components/QIcon/QIcon.d.ts.map +1 -1
  95. package/esm/components/QIcon/QIcon.vue.js +8 -8
  96. package/esm/components/QIcon/QIconFont.d.ts +0 -3
  97. package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
  98. package/esm/components/QIcon/QIconFont.vue.js +10 -10
  99. package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
  100. package/esm/components/QIcon/QIconImg.vue.js +4 -4
  101. package/esm/components/QIcon/QIconSvg.d.ts +0 -2
  102. package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
  103. package/esm/components/QIcon/QIconSvg.vue.js +10 -10
  104. package/esm/components/QIcon/index.d.ts +16 -8
  105. package/esm/components/QIcon/index.d.ts.map +1 -1
  106. package/esm/components/QInputGroup/QInputGroup.d.ts +0 -5
  107. package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
  108. package/esm/components/QInputGroup/QInputGroup.vue.js +24 -24
  109. package/esm/components/QInputGroup/index.d.ts +26 -2
  110. package/esm/components/QInputGroup/index.d.ts.map +1 -1
  111. package/esm/components/QLineLoader/QLineLoader.d.ts +1 -3
  112. package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
  113. package/esm/components/QLineLoader/QLineLoader.vue.js +3 -3
  114. package/esm/components/QLineLoader/index.d.ts +1 -2
  115. package/esm/components/QLineLoader/index.d.ts.map +1 -1
  116. package/esm/components/QList/QList.d.ts +70 -9
  117. package/esm/components/QList/QList.d.ts.map +1 -1
  118. package/esm/components/QList/QList.vue.js +21 -21
  119. package/esm/components/QList/QListItem.d.ts +0 -2
  120. package/esm/components/QList/QListItem.d.ts.map +1 -1
  121. package/esm/components/QList/QListItem.vue.js +20 -20
  122. package/esm/components/QList/QListItemGroup.d.ts +1 -3
  123. package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
  124. package/esm/components/QList/QListItemGroup.vue.js +6 -6
  125. package/esm/components/QList/index.d.ts +189 -6
  126. package/esm/components/QList/index.d.ts.map +1 -1
  127. package/esm/components/QList/types.d.ts +8 -3
  128. package/esm/components/QList/types.d.ts.map +1 -1
  129. package/esm/components/QOverlay/QOverlay.d.ts +4 -4
  130. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  131. package/esm/components/QOverlay/QOverlay.vue.js +125 -115
  132. package/esm/components/QOverlay/index.d.ts +78 -2
  133. package/esm/components/QOverlay/index.d.ts.map +1 -1
  134. package/esm/components/QPopover/QPopover.d.ts +0 -1
  135. package/esm/components/QPopover/QPopover.d.ts.map +1 -1
  136. package/esm/components/QPopover/QPopover.vue.js +6 -6
  137. package/esm/components/QPopover/index.d.ts +49 -2
  138. package/esm/components/QPopover/index.d.ts.map +1 -1
  139. package/esm/components/QPropertyList/QPropertyList.d.ts +8 -5
  140. package/esm/components/QPropertyList/QPropertyList.d.ts.map +1 -1
  141. package/esm/components/QPropertyList/QPropertyList.vue.js +42 -41
  142. package/esm/components/QPropertyList/QPropertyListGroup.d.ts +0 -1
  143. package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -1
  144. package/esm/components/QPropertyList/QPropertyListGroup.vue.js +9 -9
  145. package/esm/components/QPropertyList/QPropertyListPanel.d.ts +0 -1
  146. package/esm/components/QPropertyList/QPropertyListPanel.d.ts.map +1 -1
  147. package/esm/components/QPropertyList/QPropertyListPanel.vue.js +9 -9
  148. package/esm/components/QPropertyList/QPropertyListRow.d.ts +15 -18
  149. package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
  150. package/esm/components/QPropertyList/QPropertyListRow.vue.js +59 -54
  151. package/esm/components/QPropertyList/index.d.ts +117 -8
  152. package/esm/components/QPropertyList/index.d.ts.map +1 -1
  153. package/esm/components/QPropertyList/types.d.ts +8 -4
  154. package/esm/components/QPropertyList/types.d.ts.map +1 -1
  155. package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts +0 -2
  156. package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts.map +1 -1
  157. package/esm/components/QRemoveScrollBar/QRemoveScrollBar.vue.js +11 -11
  158. package/esm/components/QRemoveScrollBar/index.d.ts +23 -2
  159. package/esm/components/QRemoveScrollBar/index.d.ts.map +1 -1
  160. package/esm/components/QSelect/QSelect.d.ts +309 -29
  161. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  162. package/esm/components/QSelect/QSelect.vue.js +112 -129
  163. package/esm/components/QSelect/index.d.ts +314 -2
  164. package/esm/components/QSelect/index.d.ts.map +1 -1
  165. package/esm/components/QSelect/types.d.ts +13 -5
  166. package/esm/components/QSelect/types.d.ts.map +1 -1
  167. package/esm/components/QSelect/types.js +9 -11
  168. package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts +1 -5
  169. package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
  170. package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js +13 -13
  171. package/esm/components/QSkeletonLoader/index.d.ts +1 -2
  172. package/esm/components/QSkeletonLoader/index.d.ts.map +1 -1
  173. package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts +0 -1
  174. package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
  175. package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js +8 -8
  176. package/esm/components/QSpinnerLoader/index.d.ts +3 -2
  177. package/esm/components/QSpinnerLoader/index.d.ts.map +1 -1
  178. package/esm/components/QTextField/QTextField.d.ts +79 -22
  179. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  180. package/esm/components/QTextField/QTextField.vue.js +18 -18
  181. package/esm/components/QTextField/index.d.ts +122 -2
  182. package/esm/components/QTextField/index.d.ts.map +1 -1
  183. package/esm/components/QThemeProvider/QThemeProvider.d.ts.map +1 -1
  184. package/esm/components/QThemeProvider/QThemeProvider.vue.js +9 -8
  185. package/esm/components/QThemeProvider/index.d.ts +17 -2
  186. package/esm/components/QThemeProvider/index.d.ts.map +1 -1
  187. package/esm/components/QThemeProvider/types.d.ts +1 -1
  188. package/esm/components/QTooltip/QTooltip.d.ts +0 -4
  189. package/esm/components/QTooltip/QTooltip.d.ts.map +1 -1
  190. package/esm/components/QTooltip/QTooltip.vue.js +17 -17
  191. package/esm/components/QTooltip/index.d.ts +62 -2
  192. package/esm/components/QTooltip/index.d.ts.map +1 -1
  193. package/esm/components/__internal__/QChevron/QChevron.d.ts +14 -0
  194. package/esm/components/__internal__/QChevron/QChevron.d.ts.map +1 -0
  195. package/esm/components/__internal__/QChevron/QChevron.vue.js +23 -0
  196. package/esm/components/__internal__/QChevron/QChevron.vue2.js +4 -0
  197. package/esm/components/__internal__/QChevron/index.d.ts +13 -0
  198. package/esm/components/__internal__/QChevron/index.d.ts.map +1 -0
  199. package/esm/components/__internal__/QChevron/index.js +6 -0
  200. package/esm/components/__internal__/QChevron/types.d.ts +16 -0
  201. package/esm/components/__internal__/QChevron/types.d.ts.map +1 -0
  202. package/esm/components/__internal__/QChevron/types.js +8 -0
  203. package/esm/components/__internal__/QClearButton/QClearButton.d.ts +11 -0
  204. package/esm/components/__internal__/QClearButton/QClearButton.d.ts.map +1 -0
  205. package/esm/components/__internal__/QClearButton/QClearButton.vue.js +39 -0
  206. package/esm/components/__internal__/QClearButton/QClearButton.vue2.js +4 -0
  207. package/esm/components/__internal__/QClearButton/index.d.ts +12 -0
  208. package/esm/components/__internal__/QClearButton/index.d.ts.map +1 -0
  209. package/esm/components/__internal__/QClearButton/index.js +6 -0
  210. package/esm/components/__internal__/QClearButton/types.d.ts +23 -0
  211. package/esm/components/__internal__/QClearButton/types.d.ts.map +1 -0
  212. package/esm/components/__internal__/QClearButton/types.js +11 -0
  213. package/esm/components/index.d.ts +1 -0
  214. package/esm/components/index.d.ts.map +1 -1
  215. package/esm/components/index.js +48 -46
  216. package/esm/composables/group.js +5 -5
  217. package/esm/composables/theme.d.ts +54 -6
  218. package/esm/composables/theme.d.ts.map +1 -1
  219. package/esm/composables/theme.js +10 -12
  220. package/esm/framework.d.ts +17 -20
  221. package/esm/framework.d.ts.map +1 -1
  222. package/esm/framework.js +22 -25
  223. package/esm/index.d.ts +1 -0
  224. package/esm/templates/theme.js +16 -16
  225. package/esm/utils/color.d.ts +2 -1
  226. package/esm/utils/color.d.ts.map +1 -1
  227. package/esm/utils/color.js +19 -19
  228. package/esm/utils/setupPropsProxy.d.ts +22 -9
  229. package/esm/utils/setupPropsProxy.d.ts.map +1 -1
  230. package/esm/utils/setupPropsProxy.js +22 -22
  231. package/esm/utils/theme.d.ts +13 -1
  232. package/esm/utils/theme.d.ts.map +1 -1
  233. package/esm/utils/theme.js +40 -24
  234. package/package.json +18 -22
@@ -30,28 +30,28 @@ const f = {
30
30
  onDanger: "#fff",
31
31
  onInfo: "#fff"
32
32
  }, a = {
33
- primary: "#009ff5",
34
- primaryLight: "#ade2ff",
35
- primaryDark: "#164965",
33
+ primary: "#008ad2",
34
+ primaryLight: "#006398",
35
+ primaryDark: "#cde5ff",
36
36
  secondary: "#003552",
37
37
  highlight: "#f65600",
38
- info: "#25cbe4",
39
- infoLight: "#bceff7",
40
- infoDark: "#225964",
41
- success: "#3acf5d",
42
- successLight: "#c2f0cd",
43
- successDark: "#275738",
38
+ info: "#17a2b8",
39
+ infoLight: "#11798a",
40
+ infoDark: "#bceff7",
41
+ success: "#28a745",
42
+ successLight: "#1e7d34",
43
+ successDark: "#c2f0cd",
44
44
  warning: "#ffa900",
45
- warningLight: "#ffeabf",
46
- warningDark: "#5a471e",
47
- danger: "#de2b2b",
48
- dangerLight: "#f7cccc",
49
- dangerDark: "#4d2528",
45
+ warningLight: "#bf7f00",
46
+ warningDark: "#ffeabf",
47
+ danger: "#b71c1c",
48
+ dangerLight: "#891515",
49
+ dangerDark: "#f7cccc",
50
50
  background: "#202428",
51
51
  container: "#202428",
52
52
  neutral: "#9299a0",
53
- neutralLight: "#dee1e3",
54
- neutralDark: "#41464a",
53
+ neutralLight: "#40474f",
54
+ neutralDark: "#c4c5ca",
55
55
  onBackground: "#fff",
56
56
  onPrimary: "#fff",
57
57
  onSecondary: "#fff",
@@ -49,9 +49,10 @@ export type HSL = {
49
49
  /**
50
50
  * Checks if the given string represents a valid hexadecimal color code.
51
51
  * @param hexColorCode - The color code to validate.
52
+ * @param enforceSixChars - Whether to enforce only the 6-character format (default is false).
52
53
  * @returns True if the color code is valid, false otherwise.
53
54
  */
54
- export declare function isValidHex(hexColorCode: string): boolean;
55
+ export declare function isValidHex(hexColorCode: string, enforceSixChars?: boolean): boolean;
55
56
  /**
56
57
  * Tries to parse a string in the format 'rgb(r, g, b)' to an RGB object.
57
58
  * @param tr The input string to parse, expected in the format 'rgb(r, g, b)'.
@@ -1 +1 @@
1
- {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IAEzB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAGnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAGhB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IAEpB,SAAS,EAAE,MAAM,CAAA;IAGjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAExD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,CASxD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAkB7C;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYrD;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAM3C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAqCtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAuBtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,mBAIpD;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAU3D"}
1
+ {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IAEzB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAGnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAGhB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IAEpB,SAAS,EAAE,MAAM,CAAA;IAGjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,eAAe,GAAE,OAAe,GAAG,OAAO,CAQ1F;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,CASxD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAkB7C;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYrD;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAM3C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAqCtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAuBtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,mBAIpD;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAU3D"}
@@ -1,49 +1,49 @@
1
- function u(t) {
2
- return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
1
+ function h(t, n = !1) {
2
+ return n ? /^#[a-fA-F0-9]{6}$/.test(t) : /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
3
3
  }
4
- function o(t) {
4
+ function d(t) {
5
5
  const n = t.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
6
6
  if (n) {
7
7
  const s = parseInt(n[1], 10), e = parseInt(n[2], 10), r = parseInt(n[3], 10);
8
8
  return { r: s, g: e, b: r };
9
9
  }
10
10
  }
11
- function d(t) {
12
- if (u(t)) {
11
+ function o(t) {
12
+ if (h(t)) {
13
13
  t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
14
14
  const n = parseInt(t.slice(1, 3), 16), s = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
15
15
  return { r: n, g: s, b: e };
16
16
  } else {
17
- const n = o(t);
17
+ const n = d(t);
18
18
  if (n) return n;
19
19
  }
20
20
  throw new Error("Invalid color format");
21
21
  }
22
22
  function b(t) {
23
23
  const n = t.r / 255, s = t.g / 255, e = t.b / 255, r = Math.max(n, s, e), i = Math.min(n, s, e);
24
- let a = 0, f;
25
- const h = (r + i) / 2;
24
+ let a = 0, c;
25
+ const u = (r + i) / 2;
26
26
  if (r === i)
27
- a = f = 0;
27
+ a = c = 0;
28
28
  else {
29
- const c = r - i;
30
- switch (f = h > 0.5 ? c / (2 - r - i) : c / (r + i), r) {
29
+ const f = r - i;
30
+ switch (c = u > 0.5 ? f / (2 - r - i) : f / (r + i), r) {
31
31
  case n:
32
- a = (s - e) / c + (s < e ? 6 : 0);
32
+ a = (s - e) / f + (s < e ? 6 : 0);
33
33
  break;
34
34
  case s:
35
- a = (e - n) / c + 2;
35
+ a = (e - n) / f + 2;
36
36
  break;
37
37
  case e:
38
- a = (n - s) / c + 4;
38
+ a = (n - s) / f + 4;
39
39
  break;
40
40
  }
41
41
  a /= 6;
42
42
  }
43
43
  return {
44
44
  h: Math.round(a * 360),
45
- s: Math.round(f * 100),
46
- l: Math.round(h * 100)
45
+ s: Math.round(c * 100),
46
+ l: Math.round(u * 100)
47
47
  };
48
48
  }
49
49
  function g(t) {
@@ -51,8 +51,8 @@ function g(t) {
51
51
  }
52
52
  export {
53
53
  g as getContrastingColor,
54
- u as isValidHex,
55
- d as parseColor,
54
+ h as isValidHex,
55
+ o as parseColor,
56
56
  b as rgbToHsl,
57
- o as tryParseRgb
57
+ d as tryParseRgb
58
58
  };
@@ -1,11 +1,24 @@
1
- import { SetupContext, VNode } from 'vue';
2
- type LooseRequired<T> = {
3
- [P in keyof (T & Required<T>)]: T[P];
4
- };
5
- type Component<Props> = {
6
- setup?: (this: void, props: LooseRequired<Readonly<Props>>, ctx: SetupContext<unknown>) => unknown;
7
- };
1
+ import { VNode } from 'vue';
2
+ /**
3
+ * Checks if a given property is defined in the `vnode` props.
4
+ *
5
+ * @param vnode The Vue component's VNode instance.
6
+ * @param prop The property name to check.
7
+ * @returns `true` if the property exists in the vnode props, `false` otherwise.
8
+ */
8
9
  export declare function propIsDefined(vnode: VNode, prop: string): boolean;
9
- export declare function setupPropsProxy<Props>(component: Component<Props>): Component<Props>;
10
- export {};
10
+ /**
11
+ * Sets up a proxy for a Vue component's props.
12
+ * This proxy allows for fetching prop defaults from context.
13
+ *
14
+ * @template C The type of the component.
15
+ * @param component The component to wrap with the proxy.
16
+ * @returns The component with the `setup` function enhanced to use the proxy for props.
17
+ *
18
+ * Example usage:
19
+ * ```ts
20
+ * const QButton = setupPropsProxy(_QButton);
21
+ * ```
22
+ */
23
+ export declare function setupPropsProxy<C>(component: C): C;
11
24
  //# sourceMappingURL=setupPropsProxy.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"setupPropsProxy.d.ts","sourceRoot":"","sources":["../../src/utils/setupPropsProxy.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAO9C,KAAK,aAAa,CAAC,CAAC,IAAI;KACtB,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACpC,CAAA;AAED,KAAK,SAAS,CAAC,KAAK,IAAI;IACvB,KAAK,CAAC,EAAE,CACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EACrC,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,KACtB,OAAO,CAAA;CACZ,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,WAQvD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CA6BpF"}
1
+ {"version":3,"file":"setupPropsProxy.d.ts","sourceRoot":"","sources":["../../src/utils/setupPropsProxy.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,KAAK,EAAE,MAAM,KAAK,CAAA;AAO9C;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,WAQvD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAkClD"}
@@ -1,30 +1,30 @@
1
1
  import { useDefaults as m } from "../composables/defaults.js";
2
- import { getCurrentInstance as c } from "vue";
3
- import { isEmpty as d } from "./isEmpty.js";
4
- import { toKebabCase as v } from "./string.js";
5
- function y(e, t) {
6
- var n;
7
- const r = v(t);
8
- return r ? typeof ((n = e.props) == null ? void 0 : n[r]) < "u" : !1;
2
+ import { getCurrentInstance as d } from "vue";
3
+ import { isEmpty as v } from "./isEmpty.js";
4
+ import { toKebabCase as y } from "./string.js";
5
+ function g(r, n) {
6
+ var t;
7
+ const e = y(n);
8
+ return e ? typeof ((t = r.props) == null ? void 0 : t[e]) < "u" : !1;
9
9
  }
10
- function C(e) {
11
- const t = e.setup;
12
- return t && (e.setup = (r, n) => {
13
- const o = m();
14
- if (d(o.value)) return t(r, n);
15
- const s = c();
16
- if (s === null) return t(r, n);
17
- const a = new Proxy(r, {
10
+ function I(r) {
11
+ const n = r, e = n.setup;
12
+ return e && (n.setup = (t, o) => {
13
+ const s = m();
14
+ if (v(s.value)) return e(t, o);
15
+ const f = d();
16
+ if (f === null) return e(t, o);
17
+ const a = new Proxy(t, {
18
18
  get(l, u) {
19
- var i;
20
- const f = Reflect.get(l, u), p = (i = o.value) == null ? void 0 : i[u];
21
- return typeof u == "string" && !y(s.vnode, u) ? p ?? f : f;
19
+ var p;
20
+ const i = Reflect.get(l, u), c = (p = s.value) == null ? void 0 : p[u];
21
+ return typeof u == "string" && !g(f.vnode, u) ? c ?? i : i;
22
22
  }
23
23
  });
24
- return t(a, n);
25
- }), e;
24
+ return e(a, o);
25
+ }), r;
26
26
  }
27
27
  export {
28
- y as propIsDefined,
29
- C as setupPropsProxy
28
+ g as propIsDefined,
29
+ I as setupPropsProxy
30
30
  };
@@ -1,4 +1,6 @@
1
- import { ThemeDefinition } from '../framework';
1
+ import { ThemeDefinition, ThemeInstance } from '../composables/theme';
2
+ import { DeepReadonly, Ref } from 'vue';
3
+ export declare const THEME_NODE_ID = "q-theme";
2
4
  /**
3
5
  * Gets or creates a style node for applying dynamic themes.
4
6
  *
@@ -18,4 +20,14 @@ export declare function generateRootStyle(themes: ThemeDefinition[]): void;
18
20
  * @returns The corresponding CSS variable name.
19
21
  */
20
22
  export declare function toProperty(color: string): string;
23
+ /**
24
+ * Creates a theme instance that allows reactive access to a specific theme.
25
+ *
26
+ * @param name - The name of the theme to use.
27
+ * @param themes - A readonly array of available theme definitions.
28
+ * @returns A ThemeInstance object containing the current theme and metadata.
29
+ *
30
+ * @throws Will throw an error if the specified theme name is not found.
31
+ */
32
+ export declare function createThemeInstance(name: Ref<string>, themes: DeepReadonly<ThemeDefinition[]>): ThemeInstance;
21
33
  //# sourceMappingURL=theme.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAOlD;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,QA2B1D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAQ5C,eAAO,MAAM,aAAa,YAAY,CAAA;AAEtC;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,QA2B1D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,GACrC,aAAa,CAgBf"}
@@ -1,40 +1,56 @@
1
- import { THEME_SYMBOL as f } from "../composables/theme.js";
2
- import { parseColor as d } from "./color.js";
3
- import { toKebabCase as l } from "./string.js";
4
- function u() {
1
+ import { computed as h } from "vue";
2
+ import { parseColor as i } from "./color.js";
3
+ import { toKebabCase as d } from "./string.js";
4
+ const u = "q-theme";
5
+ function a() {
5
6
  let e = document.getElementById(
6
- f
7
+ u
7
8
  );
8
- return e || (e = document.createElement("style"), e.id = f, document.head.appendChild(e)), e;
9
+ return e || (e = document.createElement("style"), e.id = u, document.head.appendChild(e)), e;
9
10
  }
10
- function $(e) {
11
+ function g(e) {
11
12
  let t = "";
12
- for (const m of e) {
13
- t += `.q-theme--${m.name} {
13
+ for (const c of e) {
14
+ t += `.q-theme--${c.name} {
14
15
  `;
15
- const c = m.scheme;
16
- let o;
17
- for (o in c) {
18
- const n = c[o];
19
- if (n) {
20
- t += ` ${i(o)}: ${n};
16
+ const o = c.scheme;
17
+ let n;
18
+ for (n in o) {
19
+ const m = o[n];
20
+ if (m) {
21
+ t += ` ${f(n)}: ${m};
21
22
  `;
22
- const r = d(n);
23
- t += ` ${i(o)}-rgb: ${r.r} ${r.g} ${r.b};
23
+ const s = i(m);
24
+ t += ` ${f(n)}-rgb: ${s.r} ${s.g} ${s.b};
24
25
  `;
25
26
  }
26
27
  }
27
28
  t += `}
28
29
  `;
29
30
  }
30
- const s = u();
31
- s.textContent = t;
31
+ const r = a();
32
+ r.textContent = t;
32
33
  }
33
- function i(e) {
34
- return e ? `--q-theme-${l(e)}` : "";
34
+ function f(e) {
35
+ return e ? `--q-theme-${d(e)}` : "";
36
+ }
37
+ function E(e, t) {
38
+ const r = h(() => {
39
+ const o = t.find((n) => n.name === e.value);
40
+ if (!o)
41
+ throw new Error(`Theme "${e}" not found`);
42
+ return o;
43
+ });
44
+ return {
45
+ name: e,
46
+ current: r,
47
+ themes: t
48
+ };
35
49
  }
36
50
  export {
37
- $ as generateRootStyle,
38
- u as getThemeNode,
39
- i as toProperty
51
+ u as THEME_NODE_ID,
52
+ E as createThemeInstance,
53
+ g as generateRootStyle,
54
+ a as getThemeNode,
55
+ f as toProperty
40
56
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@quidgest/ui",
3
3
  "description": "Quidgest's UI framework",
4
- "version": "0.14.11",
4
+ "version": "0.14.12",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "author": "Quidgest",
@@ -11,11 +11,11 @@
11
11
  "component-library",
12
12
  "design-system"
13
13
  ],
14
- "main": "esm/framework.js",
15
- "module": "esm/framework.js",
14
+ "main": "esm/index.js",
15
+ "module": "esm/index.js",
16
16
  "jsdelivr": "dist/ui.js",
17
17
  "unpkg": "dist/ui.js",
18
- "types": "dist/index.d.ts",
18
+ "types": "esm/index.d.ts",
19
19
  "sass": "dist/ui.scss",
20
20
  "style": "dist/ui.css",
21
21
  "sideEffects": false,
@@ -28,7 +28,7 @@
28
28
  "sass": "./dist/ui.scss",
29
29
  "style": "./dist/ui.css",
30
30
  "types": "./esm/index.d.ts",
31
- "default": "./esm/framework.js"
31
+ "default": "./esm/index.js"
32
32
  },
33
33
  "./styles": {
34
34
  "sass": "./dist/ui.scss",
@@ -45,28 +45,24 @@
45
45
  "@fortawesome/fontawesome-free": "^6.7.2",
46
46
  "@rollup/plugin-node-resolve": "^16.0.0",
47
47
  "@rollup/plugin-terser": "^0.4.4",
48
- "@storybook/addon-essentials": "^8.4.7",
49
- "@storybook/addon-interactions": "^8.4.7",
50
- "@storybook/addon-links": "^8.4.7",
51
- "@storybook/blocks": "^8.4.7",
52
- "@storybook/manager-api": "^8.4.7",
53
- "@storybook/test": "^8.4.7",
54
- "@storybook/theming": "^8.4.7",
55
- "@storybook/vue3": "^8.4.7",
56
- "@storybook/vue3-vite": "^8.4.7",
48
+ "@storybook/addon-essentials": "^8.5.3",
49
+ "@storybook/addon-interactions": "^8.5.3",
50
+ "@storybook/addon-links": "^8.5.3",
51
+ "@storybook/blocks": "^8.5.3",
52
+ "@storybook/manager-api": "^8.5.3",
53
+ "@storybook/test": "^8.5.3",
54
+ "@storybook/theming": "^8.5.3",
55
+ "@storybook/vue3": "^8.5.3",
56
+ "@storybook/vue3-vite": "^8.5.3",
57
57
  "@vitejs/plugin-vue": "^5.2.1",
58
58
  "@vue/test-utils": "^2.4.6",
59
- "@vue/tsconfig": "^0.7.0",
60
59
  "acorn-walk": "^8.3.4",
61
60
  "autoprefixer": "^10.4.20",
62
61
  "cssnano": "^7.0.6",
63
- "postcss": "^8.4.49",
64
- "sass": "^1.83.1",
65
- "storybook": "^8.4.7",
66
- "typescript": "~5.6.3",
67
- "vite": "^6.0.7",
68
- "vite-plugin-dts": "^4.4.0",
69
- "vue-eslint-parser": "^9.4.3",
62
+ "postcss": "^8.5.1",
63
+ "storybook": "^8.5.3",
64
+ "vite": "^6.0.11",
65
+ "vite-plugin-dts": "^4.5.0",
70
66
  "vue-tsc": "^2.2.0"
71
67
  },
72
68
  "peerDependencies": {