@sfxcode/formkit-primevue 2.3.5 → 2.3.6

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 (52) hide show
  1. package/dist/components/PrimeAutoComplete.vue +2 -3
  2. package/dist/components/PrimeCascadeSelect.vue +3 -3
  3. package/dist/components/PrimeCheckbox.vue +3 -3
  4. package/dist/components/PrimeColorPicker.vue +3 -3
  5. package/dist/components/PrimeDatePicker.vue +3 -3
  6. package/dist/components/PrimeEditor.vue +3 -3
  7. package/dist/components/PrimeInputMask.vue +5 -9
  8. package/dist/components/PrimeInputNumber.vue +3 -3
  9. package/dist/components/PrimeInputOtp.vue +3 -3
  10. package/dist/components/PrimeInputText.vue +7 -7
  11. package/dist/components/PrimeKnob.vue +3 -3
  12. package/dist/components/PrimeListbox.vue +3 -3
  13. package/dist/components/PrimeMultiSelect.vue +3 -3
  14. package/dist/components/PrimeOutputBoolean.vue +11 -6
  15. package/dist/components/PrimeOutputDate.vue +11 -6
  16. package/dist/components/PrimeOutputDuration.vue +11 -6
  17. package/dist/components/PrimeOutputLink.vue +11 -6
  18. package/dist/components/PrimeOutputList.vue +11 -6
  19. package/dist/components/PrimeOutputNumber.vue +11 -6
  20. package/dist/components/PrimeOutputText.vue +11 -6
  21. package/dist/components/PrimePassword.vue +3 -3
  22. package/dist/components/PrimeRadioButton.vue +3 -3
  23. package/dist/components/PrimeRating.vue +3 -3
  24. package/dist/components/PrimeSelect.vue +3 -3
  25. package/dist/components/PrimeSelectButton.vue +3 -3
  26. package/dist/components/PrimeSlider.vue +3 -3
  27. package/dist/components/PrimeTextarea.vue +3 -3
  28. package/dist/components/PrimeToggleButton.vue +3 -3
  29. package/dist/components/PrimeToggleSwitch.vue +3 -3
  30. package/dist/components/PrimeTreeSelect.vue +3 -3
  31. package/dist/composables/index.d.ts +2 -2
  32. package/dist/composables/index.js +5 -5
  33. package/dist/composables/index.mjs +2 -2
  34. package/dist/composables/useFormKitIcon.js +2 -3
  35. package/dist/composables/useFormKitIcon.mjs +2 -4
  36. package/dist/composables/useFormKitInput.d.ts +0 -1
  37. package/dist/composables/useFormKitInput.js +0 -4
  38. package/dist/composables/useFormKitInput.mjs +1 -4
  39. package/dist/composables/useFormKitSection.d.ts +6 -0
  40. package/dist/composables/useFormKitSection.js +27 -0
  41. package/dist/composables/useFormKitSection.mjs +16 -0
  42. package/dist/composables/useInputEditor.d.ts +1 -0
  43. package/dist/composables/useInputEditor.js +2 -0
  44. package/dist/composables/useInputEditor.mjs +2 -1
  45. package/dist/composables/useInputEditorSchema.js +25 -19
  46. package/dist/composables/useInputEditorSchema.mjs +26 -16
  47. package/dist/sass/formkit-primevue.scss +24 -21
  48. package/dist/style.css +1 -1
  49. package/package.json +1 -1
  50. package/dist/composables/useFormKitOutput.d.ts +0 -3
  51. package/dist/composables/useFormKitOutput.js +0 -15
  52. package/dist/composables/useFormKitOutput.mjs +0 -7
@@ -13,24 +13,16 @@
13
13
  margin: 0;
14
14
  padding-bottom: 0.8rem;
15
15
 
16
- .formkit-inner {
17
-
18
- .p-formkit {
19
-
20
- .p-formkit-icon {
16
+ .formkit-inner {.p-formkit { .p-formkit-icon {
21
17
  box-sizing: border-box;
22
18
  width: 100%;
23
- }
24
-
25
- .p-inputtext, .p-textarea, .p-password, .p-multiselect, .p-select, .p-editor {
19
+ } .p-inputtext, .p-textarea, .p-password, .p-multiselect, .p-select, .p-editor {
26
20
  box-sizing: border-box;
27
21
  width: 100%;
28
22
  &.p-colorpicker-preview {
29
23
  width: 2rem;
30
24
  }
31
- }
32
-
33
- }
25
+ }}
34
26
  }
35
27
 
36
28
  ul {
@@ -38,9 +30,7 @@
38
30
  margin-block-end: 2px;
39
31
  }
40
32
  .formkit-messages {
41
- padding: 4px 0 0 0;
42
-
43
- .formkit-message {
33
+ padding: 4px 0 0 0;.formkit-message {
44
34
  padding: 0;
45
35
  margin: 0;
46
36
  color: var(--formkit-error-color);
@@ -51,14 +41,10 @@
51
41
  }
52
42
 
53
43
  .formkit-outer[data-type="primeToggleSwitch"], .formkit-outer[data-type="primeCheckbox"], .formkit-outer[data-type="primeTriStateCheckbox"], .formkit-outer[data-type="primeRadioButton"] {
54
- .formkit-inner {
55
-
56
- .formkit-prime-right {
44
+ .formkit-inner {.formkit-prime-right {
57
45
  margin-left: 10px;
58
46
  font-size: 1rem;
59
- }
60
-
61
- .formkit-prime-left {
47
+ }.formkit-prime-left {
62
48
  margin-right: 10px;
63
49
  font-size: 1rem;
64
50
  }
@@ -128,9 +114,26 @@
128
114
 
129
115
  .p-formkit-icon-right {
130
116
  padding-left: 0.5rem;
131
- float: right;
132
117
  }
133
118
 
119
+ .formkit-prefix-icon {
120
+ padding-right: 0.5rem;
121
+ }
122
+
123
+ .formkit-prefix {
124
+ padding-right: 0.5rem;
125
+ }
126
+
127
+ .formkit-suffix-icon {
128
+ padding-left: 0.5rem;
129
+ }
130
+
131
+ .formkit-suffix {
132
+ padding-left: 0.5rem;
133
+ }
134
+
135
+
136
+
134
137
  .p-formkit-data-debug {
135
138
  pre, span {
136
139
  font-size: 0.75rem;line-height: 1rem;
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root{--formkit-error-color: #ef9a9a}.formkit-form>.formkit-messages{margin:4px 0}.formkit-form>.formkit-messages .formkit-message{font-size:.8rem}.formkit-outer{margin:0;padding-bottom:.8rem}.formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-outer .formkit-inner .p-formkit .p-password,.formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-outer .formkit-inner .p-formkit .p-select,.formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-outer ul{margin-block-start:2px;margin-block-end:2px}.formkit-outer .formkit-messages{padding:4px 0 0 0}.formkit-outer .formkit-messages .formkit-message{padding:0;margin:0;color:var(--formkit-error-color);list-style:none;font-size:.8rem}.formkit-outer[data-type=primeToggleSwitch] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeCheckbox] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeTriStateCheckbox] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeRadioButton] .formkit-inner .formkit-prime-right{margin-left:10px;font-size:1rem}.formkit-outer[data-type=primeToggleSwitch] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeCheckbox] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeTriStateCheckbox] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeRadioButton] .formkit-inner .formkit-prime-left{margin-right:10px;font-size:1rem}.formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-fieldset:focus-within{border:0}.formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-legend{display:block;margin:0;padding:0}.formkit-help{margin:4px 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-messages{padding:0}.formkit-message{padding:0;margin:0;color:var(--formkit-error-color);list-style:none;font-size:.8rem}.formkit-actions{padding-top:.5rem}.p-formkit-radio-label{margin-left:1rem}.p-formkit-icon-left{padding-right:.5rem}.p-formkit-icon-right{padding-left:.5rem;float:right}.p-formkit-data-debug pre,.p-formkit-data-debug span{font-size:.75rem;line-height:1rem}.p-formkit-data-view .formkit-actions{display:none}
1
+ :root{--formkit-error-color: #ef9a9a}.formkit-form>.formkit-messages{margin:4px 0}.formkit-form>.formkit-messages .formkit-message{font-size:.8rem}.formkit-outer{margin:0;padding-bottom:.8rem}.formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-outer .formkit-inner .p-formkit .p-password,.formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-outer .formkit-inner .p-formkit .p-select,.formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-outer ul{margin-block-start:2px;margin-block-end:2px}.formkit-outer .formkit-messages{padding:4px 0 0 0}.formkit-outer .formkit-messages .formkit-message{padding:0;margin:0;color:var(--formkit-error-color);list-style:none;font-size:.8rem}.formkit-outer[data-type=primeToggleSwitch] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeCheckbox] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeTriStateCheckbox] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeRadioButton] .formkit-inner .formkit-prime-right{margin-left:10px;font-size:1rem}.formkit-outer[data-type=primeToggleSwitch] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeCheckbox] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeTriStateCheckbox] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeRadioButton] .formkit-inner .formkit-prime-left{margin-right:10px;font-size:1rem}.formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-fieldset:focus-within{border:0}.formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-legend{display:block;margin:0;padding:0}.formkit-help{margin:4px 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-messages{padding:0}.formkit-message{padding:0;margin:0;color:var(--formkit-error-color);list-style:none;font-size:.8rem}.formkit-actions{padding-top:.5rem}.p-formkit-radio-label{margin-left:1rem}.p-formkit-icon-left{padding-right:.5rem}.p-formkit-icon-right{padding-left:.5rem}.formkit-prefix-icon{padding-right:.5rem}.formkit-prefix{padding-right:.5rem}.formkit-suffix-icon{padding-left:.5rem}.formkit-suffix{padding-left:.5rem}.p-formkit-data-debug pre,.p-formkit-data-debug span{font-size:.75rem;line-height:1rem}.p-formkit-data-view .formkit-actions{display:none}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sfxcode/formkit-primevue",
3
3
  "type": "module",
4
- "version": "2.3.5",
4
+ "version": "2.3.6",
5
5
  "packageManager": "pnpm@9.4.0+sha256.b6fd0bfda555e7e584ad7e56b30c68b01d5a04f9ee93989f4b93ca8473c49c74",
6
6
  "author": {
7
7
  "name": "Tom",
@@ -1,3 +0,0 @@
1
- export declare function useFormKitOutput(context: any, componentClass?: string): {
2
- wrapperClass: import("vue").ComputedRef<string>;
3
- };
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useFormKitOutput = useFormKitOutput;
7
- var _vue = require("vue");
8
- function useFormKitOutput(context, componentClass = "") {
9
- const wrapperClass = (0, _vue.computed)(() => {
10
- return context?.wrapperClass ? `p-formkit ${componentClass} ${context?.wrapperClass}` : `p-formkit ${componentClass}`;
11
- });
12
- return {
13
- wrapperClass
14
- };
15
- }
@@ -1,7 +0,0 @@
1
- import { computed } from "vue";
2
- export function useFormKitOutput(context, componentClass = "") {
3
- const wrapperClass = computed(() => {
4
- return context?.wrapperClass ? `p-formkit ${componentClass} ${context?.wrapperClass}` : `p-formkit ${componentClass}`;
5
- });
6
- return { wrapperClass };
7
- }