@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.
- package/dist/manifest/components.json +1 -0
- package/dist/ui.css +74 -39
- package/dist/ui.esm.js +1731 -1578
- package/dist/ui.js +24 -24
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +170 -163
- package/dist/ui.scss +61 -40
- package/esm/components/QAccordion/QAccordion.d.ts.map +1 -1
- package/esm/components/QAccordion/QAccordion.vue.js +2 -2
- package/esm/components/QAccordion/index.d.ts +33 -2
- package/esm/components/QAccordion/index.d.ts.map +1 -1
- package/esm/components/QBadge/QBadge.d.ts.map +1 -1
- package/esm/components/QBadge/QBadge.vue.js +7 -7
- package/esm/components/QBadge/index.d.ts +39 -2
- package/esm/components/QBadge/index.d.ts.map +1 -1
- package/esm/components/QBadge/types.d.ts.map +1 -1
- package/esm/components/QButton/QButton.d.ts +0 -2
- package/esm/components/QButton/QButton.d.ts.map +1 -1
- package/esm/components/QButton/QButton.vue.js +18 -18
- package/esm/components/QButton/index.d.ts +36 -2
- package/esm/components/QButton/index.d.ts.map +1 -1
- package/esm/components/QButtonGroup/QButtonGroup.d.ts +1 -3
- package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
- package/esm/components/QButtonGroup/QButtonGroup.vue.js +7 -7
- package/esm/components/QButtonGroup/index.d.ts +17 -2
- package/esm/components/QButtonGroup/index.d.ts.map +1 -1
- package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +1 -1
- package/esm/components/QButtonToggle/QButtonToggle.vue.js +1 -1
- package/esm/components/QButtonToggle/index.d.ts +31 -2
- package/esm/components/QButtonToggle/index.d.ts.map +1 -1
- package/esm/components/QCard/QCard.d.ts +4 -9
- package/esm/components/QCard/QCard.d.ts.map +1 -1
- package/esm/components/QCard/QCard.vue.js +34 -34
- package/esm/components/QCard/index.d.ts +34 -2
- package/esm/components/QCard/index.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckbox.d.ts +0 -3
- package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckbox.vue.js +19 -19
- package/esm/components/QCheckbox/QCheckboxLabel.d.ts +1 -3
- package/esm/components/QCheckbox/QCheckboxLabel.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckboxLabel.vue.js +7 -7
- package/esm/components/QCheckbox/index.d.ts +79 -2
- package/esm/components/QCheckbox/index.d.ts.map +1 -1
- package/esm/components/QCheckbox/types.d.ts +8 -4
- package/esm/components/QCheckbox/types.d.ts.map +1 -1
- package/esm/components/QCollapsible/QCollapsible.d.ts +2 -3
- package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -1
- package/esm/components/QCollapsible/QCollapsible.vue.js +54 -60
- package/esm/components/QCollapsible/index.d.ts +47 -2
- package/esm/components/QCollapsible/index.d.ts.map +1 -1
- package/esm/components/QCollapsible/types.d.ts +5 -4
- package/esm/components/QCollapsible/types.d.ts.map +1 -1
- package/esm/components/QCollapsible/types.js +4 -5
- package/esm/components/QColorPicker/QColorPicker.d.ts +34 -0
- package/esm/components/QColorPicker/QColorPicker.d.ts.map +1 -0
- package/esm/components/QColorPicker/QColorPicker.vue.js +97 -0
- package/esm/components/QColorPicker/QColorPicker.vue2.js +4 -0
- package/esm/components/QColorPicker/index.d.ts +48 -0
- package/esm/components/QColorPicker/index.d.ts.map +1 -0
- package/esm/components/QColorPicker/index.js +6 -0
- package/esm/components/QColorPicker/types.d.ts +44 -0
- package/esm/components/QColorPicker/types.d.ts.map +1 -0
- package/esm/components/QColorPicker/types.js +6 -0
- package/esm/components/QCombobox/QCombobox.d.ts +682 -82
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +156 -174
- package/esm/components/QCombobox/index.d.ts +1395 -2
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QCombobox/types.d.ts +14 -6
- package/esm/components/QCombobox/types.d.ts.map +1 -1
- package/esm/components/QCombobox/types.js +9 -11
- package/esm/components/QDialog/QDialog.d.ts +3 -7
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +33 -33
- package/esm/components/QDialog/index.d.ts +56 -2
- package/esm/components/QDialog/index.d.ts.map +1 -1
- package/esm/components/QDialog/types.d.ts +5 -3
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenu.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenu.vue.js +2 -2
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +232 -11
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +5 -5
- package/esm/components/QDropdownMenu/index.d.ts +12 -2
- package/esm/components/QDropdownMenu/index.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/types.d.ts +5 -4
- package/esm/components/QDropdownMenu/types.d.ts.map +1 -1
- package/esm/components/QField/QField.d.ts +5 -7
- package/esm/components/QField/QField.d.ts.map +1 -1
- package/esm/components/QField/QField.vue.js +25 -25
- package/esm/components/QField/index.d.ts +37 -2
- package/esm/components/QField/index.d.ts.map +1 -1
- package/esm/components/QIcon/QIcon.d.ts +0 -2
- package/esm/components/QIcon/QIcon.d.ts.map +1 -1
- package/esm/components/QIcon/QIcon.vue.js +8 -8
- package/esm/components/QIcon/QIconFont.d.ts +0 -3
- package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
- package/esm/components/QIcon/QIconFont.vue.js +10 -10
- package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
- package/esm/components/QIcon/QIconImg.vue.js +4 -4
- package/esm/components/QIcon/QIconSvg.d.ts +0 -2
- package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
- package/esm/components/QIcon/QIconSvg.vue.js +10 -10
- package/esm/components/QIcon/index.d.ts +16 -8
- package/esm/components/QIcon/index.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.d.ts +0 -5
- package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.vue.js +24 -24
- package/esm/components/QInputGroup/index.d.ts +26 -2
- package/esm/components/QInputGroup/index.d.ts.map +1 -1
- package/esm/components/QLineLoader/QLineLoader.d.ts +1 -3
- package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
- package/esm/components/QLineLoader/QLineLoader.vue.js +3 -3
- package/esm/components/QLineLoader/index.d.ts +1 -2
- package/esm/components/QLineLoader/index.d.ts.map +1 -1
- package/esm/components/QList/QList.d.ts +70 -9
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +21 -21
- package/esm/components/QList/QListItem.d.ts +0 -2
- package/esm/components/QList/QListItem.d.ts.map +1 -1
- package/esm/components/QList/QListItem.vue.js +20 -20
- package/esm/components/QList/QListItemGroup.d.ts +1 -3
- package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
- package/esm/components/QList/QListItemGroup.vue.js +6 -6
- package/esm/components/QList/index.d.ts +189 -6
- package/esm/components/QList/index.d.ts.map +1 -1
- package/esm/components/QList/types.d.ts +8 -3
- package/esm/components/QList/types.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.d.ts +4 -4
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +125 -115
- package/esm/components/QOverlay/index.d.ts +78 -2
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.d.ts +0 -1
- package/esm/components/QPopover/QPopover.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.vue.js +6 -6
- package/esm/components/QPopover/index.d.ts +49 -2
- package/esm/components/QPopover/index.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyList.d.ts +8 -5
- package/esm/components/QPropertyList/QPropertyList.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyList.vue.js +42 -41
- package/esm/components/QPropertyList/QPropertyListGroup.d.ts +0 -1
- package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListGroup.vue.js +9 -9
- package/esm/components/QPropertyList/QPropertyListPanel.d.ts +0 -1
- package/esm/components/QPropertyList/QPropertyListPanel.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListPanel.vue.js +9 -9
- package/esm/components/QPropertyList/QPropertyListRow.d.ts +15 -18
- package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListRow.vue.js +59 -54
- package/esm/components/QPropertyList/index.d.ts +117 -8
- package/esm/components/QPropertyList/index.d.ts.map +1 -1
- package/esm/components/QPropertyList/types.d.ts +8 -4
- package/esm/components/QPropertyList/types.d.ts.map +1 -1
- package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts +0 -2
- package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts.map +1 -1
- package/esm/components/QRemoveScrollBar/QRemoveScrollBar.vue.js +11 -11
- package/esm/components/QRemoveScrollBar/index.d.ts +23 -2
- package/esm/components/QRemoveScrollBar/index.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.d.ts +309 -29
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +112 -129
- package/esm/components/QSelect/index.d.ts +314 -2
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QSelect/types.d.ts +13 -5
- package/esm/components/QSelect/types.d.ts.map +1 -1
- package/esm/components/QSelect/types.js +9 -11
- package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts +1 -5
- package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js +13 -13
- package/esm/components/QSkeletonLoader/index.d.ts +1 -2
- package/esm/components/QSkeletonLoader/index.d.ts.map +1 -1
- package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts +0 -1
- package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
- package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js +8 -8
- package/esm/components/QSpinnerLoader/index.d.ts +3 -2
- package/esm/components/QSpinnerLoader/index.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.d.ts +79 -22
- package/esm/components/QTextField/QTextField.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.vue.js +18 -18
- package/esm/components/QTextField/index.d.ts +122 -2
- package/esm/components/QTextField/index.d.ts.map +1 -1
- package/esm/components/QThemeProvider/QThemeProvider.d.ts.map +1 -1
- package/esm/components/QThemeProvider/QThemeProvider.vue.js +9 -8
- package/esm/components/QThemeProvider/index.d.ts +17 -2
- package/esm/components/QThemeProvider/index.d.ts.map +1 -1
- package/esm/components/QThemeProvider/types.d.ts +1 -1
- package/esm/components/QTooltip/QTooltip.d.ts +0 -4
- package/esm/components/QTooltip/QTooltip.d.ts.map +1 -1
- package/esm/components/QTooltip/QTooltip.vue.js +17 -17
- package/esm/components/QTooltip/index.d.ts +62 -2
- package/esm/components/QTooltip/index.d.ts.map +1 -1
- package/esm/components/__internal__/QChevron/QChevron.d.ts +14 -0
- package/esm/components/__internal__/QChevron/QChevron.d.ts.map +1 -0
- package/esm/components/__internal__/QChevron/QChevron.vue.js +23 -0
- package/esm/components/__internal__/QChevron/QChevron.vue2.js +4 -0
- package/esm/components/__internal__/QChevron/index.d.ts +13 -0
- package/esm/components/__internal__/QChevron/index.d.ts.map +1 -0
- package/esm/components/__internal__/QChevron/index.js +6 -0
- package/esm/components/__internal__/QChevron/types.d.ts +16 -0
- package/esm/components/__internal__/QChevron/types.d.ts.map +1 -0
- package/esm/components/__internal__/QChevron/types.js +8 -0
- package/esm/components/__internal__/QClearButton/QClearButton.d.ts +11 -0
- package/esm/components/__internal__/QClearButton/QClearButton.d.ts.map +1 -0
- package/esm/components/__internal__/QClearButton/QClearButton.vue.js +39 -0
- package/esm/components/__internal__/QClearButton/QClearButton.vue2.js +4 -0
- package/esm/components/__internal__/QClearButton/index.d.ts +12 -0
- package/esm/components/__internal__/QClearButton/index.d.ts.map +1 -0
- package/esm/components/__internal__/QClearButton/index.js +6 -0
- package/esm/components/__internal__/QClearButton/types.d.ts +23 -0
- package/esm/components/__internal__/QClearButton/types.d.ts.map +1 -0
- package/esm/components/__internal__/QClearButton/types.js +11 -0
- package/esm/components/index.d.ts +1 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +48 -46
- package/esm/composables/group.js +5 -5
- package/esm/composables/theme.d.ts +54 -6
- package/esm/composables/theme.d.ts.map +1 -1
- package/esm/composables/theme.js +10 -12
- package/esm/framework.d.ts +17 -20
- package/esm/framework.d.ts.map +1 -1
- package/esm/framework.js +22 -25
- package/esm/index.d.ts +1 -0
- package/esm/templates/theme.js +16 -16
- package/esm/utils/color.d.ts +2 -1
- package/esm/utils/color.d.ts.map +1 -1
- package/esm/utils/color.js +19 -19
- package/esm/utils/setupPropsProxy.d.ts +22 -9
- package/esm/utils/setupPropsProxy.d.ts.map +1 -1
- package/esm/utils/setupPropsProxy.js +22 -22
- package/esm/utils/theme.d.ts +13 -1
- package/esm/utils/theme.d.ts.map +1 -1
- package/esm/utils/theme.js +40 -24
- package/package.json +18 -22
package/esm/templates/theme.js
CHANGED
|
@@ -30,28 +30,28 @@ const f = {
|
|
|
30
30
|
onDanger: "#fff",
|
|
31
31
|
onInfo: "#fff"
|
|
32
32
|
}, a = {
|
|
33
|
-
primary: "#
|
|
34
|
-
primaryLight: "#
|
|
35
|
-
primaryDark: "#
|
|
33
|
+
primary: "#008ad2",
|
|
34
|
+
primaryLight: "#006398",
|
|
35
|
+
primaryDark: "#cde5ff",
|
|
36
36
|
secondary: "#003552",
|
|
37
37
|
highlight: "#f65600",
|
|
38
|
-
info: "#
|
|
39
|
-
infoLight: "#
|
|
40
|
-
infoDark: "#
|
|
41
|
-
success: "#
|
|
42
|
-
successLight: "#
|
|
43
|
-
successDark: "#
|
|
38
|
+
info: "#17a2b8",
|
|
39
|
+
infoLight: "#11798a",
|
|
40
|
+
infoDark: "#bceff7",
|
|
41
|
+
success: "#28a745",
|
|
42
|
+
successLight: "#1e7d34",
|
|
43
|
+
successDark: "#c2f0cd",
|
|
44
44
|
warning: "#ffa900",
|
|
45
|
-
warningLight: "#
|
|
46
|
-
warningDark: "#
|
|
47
|
-
danger: "#
|
|
48
|
-
dangerLight: "#
|
|
49
|
-
dangerDark: "#
|
|
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: "#
|
|
54
|
-
neutralDark: "#
|
|
53
|
+
neutralLight: "#40474f",
|
|
54
|
+
neutralDark: "#c4c5ca",
|
|
55
55
|
onBackground: "#fff",
|
|
56
56
|
onPrimary: "#fff",
|
|
57
57
|
onSecondary: "#fff",
|
package/esm/utils/color.d.ts
CHANGED
|
@@ -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)'.
|
package/esm/utils/color.d.ts.map
CHANGED
|
@@ -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
|
|
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"}
|
package/esm/utils/color.js
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
function
|
|
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
|
|
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
|
|
12
|
-
if (
|
|
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 =
|
|
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,
|
|
25
|
-
const
|
|
24
|
+
let a = 0, c;
|
|
25
|
+
const u = (r + i) / 2;
|
|
26
26
|
if (r === i)
|
|
27
|
-
a =
|
|
27
|
+
a = c = 0;
|
|
28
28
|
else {
|
|
29
|
-
const
|
|
30
|
-
switch (
|
|
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) /
|
|
32
|
+
a = (s - e) / f + (s < e ? 6 : 0);
|
|
33
33
|
break;
|
|
34
34
|
case s:
|
|
35
|
-
a = (e - n) /
|
|
35
|
+
a = (e - n) / f + 2;
|
|
36
36
|
break;
|
|
37
37
|
case e:
|
|
38
|
-
a = (n - s) /
|
|
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(
|
|
46
|
-
l: Math.round(
|
|
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
|
-
|
|
55
|
-
|
|
54
|
+
h as isValidHex,
|
|
55
|
+
o as parseColor,
|
|
56
56
|
b as rgbToHsl,
|
|
57
|
-
|
|
57
|
+
d as tryParseRgb
|
|
58
58
|
};
|
|
@@ -1,11 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
10
|
-
|
|
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,
|
|
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
|
|
3
|
-
import { isEmpty as
|
|
4
|
-
import { toKebabCase as
|
|
5
|
-
function
|
|
6
|
-
var
|
|
7
|
-
const
|
|
8
|
-
return
|
|
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
|
|
11
|
-
const
|
|
12
|
-
return
|
|
13
|
-
const
|
|
14
|
-
if (
|
|
15
|
-
const
|
|
16
|
-
if (
|
|
17
|
-
const a = new Proxy(
|
|
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
|
|
20
|
-
const
|
|
21
|
-
return typeof u == "string" && !
|
|
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
|
|
25
|
-
}),
|
|
24
|
+
return e(a, o);
|
|
25
|
+
}), r;
|
|
26
26
|
}
|
|
27
27
|
export {
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
g as propIsDefined,
|
|
29
|
+
I as setupPropsProxy
|
|
30
30
|
};
|
package/esm/utils/theme.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { ThemeDefinition } from '../
|
|
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
|
package/esm/utils/theme.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"
|
|
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"}
|
package/esm/utils/theme.js
CHANGED
|
@@ -1,40 +1,56 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { parseColor as
|
|
3
|
-
import { toKebabCase as
|
|
4
|
-
|
|
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
|
-
|
|
7
|
+
u
|
|
7
8
|
);
|
|
8
|
-
return e || (e = document.createElement("style"), e.id =
|
|
9
|
+
return e || (e = document.createElement("style"), e.id = u, document.head.appendChild(e)), e;
|
|
9
10
|
}
|
|
10
|
-
function
|
|
11
|
+
function g(e) {
|
|
11
12
|
let t = "";
|
|
12
|
-
for (const
|
|
13
|
-
t += `.q-theme--${
|
|
13
|
+
for (const c of e) {
|
|
14
|
+
t += `.q-theme--${c.name} {
|
|
14
15
|
`;
|
|
15
|
-
const
|
|
16
|
-
let
|
|
17
|
-
for (
|
|
18
|
-
const
|
|
19
|
-
if (
|
|
20
|
-
t += ` ${
|
|
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
|
|
23
|
-
t += ` ${
|
|
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
|
|
31
|
-
|
|
31
|
+
const r = a();
|
|
32
|
+
r.textContent = t;
|
|
32
33
|
}
|
|
33
|
-
function
|
|
34
|
-
return e ? `--q-theme-${
|
|
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
|
-
|
|
38
|
-
|
|
39
|
-
|
|
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.
|
|
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/
|
|
15
|
-
"module": "esm/
|
|
14
|
+
"main": "esm/index.js",
|
|
15
|
+
"module": "esm/index.js",
|
|
16
16
|
"jsdelivr": "dist/ui.js",
|
|
17
17
|
"unpkg": "dist/ui.js",
|
|
18
|
-
"types": "
|
|
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/
|
|
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.
|
|
49
|
-
"@storybook/addon-interactions": "^8.
|
|
50
|
-
"@storybook/addon-links": "^8.
|
|
51
|
-
"@storybook/blocks": "^8.
|
|
52
|
-
"@storybook/manager-api": "^8.
|
|
53
|
-
"@storybook/test": "^8.
|
|
54
|
-
"@storybook/theming": "^8.
|
|
55
|
-
"@storybook/vue3": "^8.
|
|
56
|
-
"@storybook/vue3-vite": "^8.
|
|
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.
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"
|
|
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": {
|