@sfxcode/formkit-primevue 2.4.3 → 2.4.4

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.
@@ -147,10 +147,20 @@ $grid-breakpoints: (
147
147
  .p-button {
148
148
  margin-right: 0.5rem;
149
149
  }
150
- span.p-space {
151
- margin-right: 3rem;
150
+ span {
151
+ .p-space {
152
+ margin-right: 3rem;
153
+ }
152
154
  }
153
155
  }
156
+
157
+ .p-chip-item {
158
+ align-items: center;
159
+ background: var(--p-surface-500);
160
+ color: var(--p-surface-0);
161
+ border-radius: 1rem;
162
+ padding: 0.2rem 0.5rem;
163
+ }
154
164
  }
155
165
 
156
166
  // Debug
@@ -182,4 +192,79 @@ $grid-breakpoints: (
182
192
  width: percentage(math.div($i, 12));
183
193
  }
184
194
  }
185
- }
195
+ }
196
+
197
+ @include media-breakpoint-up(md) {
198
+ .formkit-form {
199
+
200
+ &.form-horizontal {
201
+
202
+ .formkit-wrapper {
203
+ display: flex;
204
+
205
+ label {
206
+ display: inline-block;
207
+ padding: 0 0.25rem 0 0;
208
+ font-size: inherit;
209
+
210
+ &:after {
211
+ content: ":";
212
+ }
213
+ }
214
+ }
215
+ }
216
+
217
+ .p-formkit-data-view & {
218
+ &.form-horizontal {
219
+ label {
220
+ white-space: nowrap;
221
+ }
222
+ }
223
+ }
224
+
225
+ .p-formkit-data-edit & {
226
+
227
+ &.form-horizontal {
228
+
229
+ .formkit-outer {
230
+ width: 100%;
231
+
232
+ label {
233
+ @apply w-4/12;
234
+ padding-top: 0.25rem;
235
+ line-height: normal;
236
+ }
237
+
238
+ .formkit-inner {
239
+ @apply w-8/12;
240
+ }
241
+ }
242
+
243
+ div[data-type="primeCheckbox"] {
244
+ .formkit-inner {
245
+ margin-left: auto;
246
+
247
+ .p-formkit {
248
+ display: flex
249
+ }
250
+
251
+ label {
252
+ width: auto;
253
+ padding: 0;
254
+ }
255
+ }
256
+ }
257
+
258
+
259
+ .formkit-help, .formkit-messages {
260
+ @apply w-8/12;
261
+ margin-left: auto;
262
+ }
263
+ }
264
+
265
+ }
266
+
267
+
268
+ }
269
+ }
270
+
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.formkit-form .formkit-message{list-style:none;padding:0;margin:0;color:var(--formkit-error-color);font-size:.8rem}.formkit-form .formkit-outer{padding-bottom:.8rem}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-form .formkit-outer .formkit-help{margin:.25rem 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-form .formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-form .p-formkit>*{margin-right:.5rem}.formkit-form .p-formkit>*:last-child,.formkit-form .p-formkit>*:only-child{margin-right:0}.formkit-form .p-formkit-options{display:flex;flex-wrap:wrap;gap:.5rem}.formkit-form .p-formkit-options .p-formkit-option{display:flex;align-items:center}.formkit-form .p-formkit-options .p-formkit-option label{margin-left:.5rem}.formkit-form .formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-form .formkit-fieldset:focus-within{border:0}.formkit-form .formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-form .formkit-legend{display:block;margin:0;padding:0}.formkit-form .formkit-actions{padding-top:.5rem}.formkit-form .p-action-buttons{margin-top:.25rem}.formkit-form .p-action-buttons .p-button{margin-right:.5rem}.formkit-form .p-action-buttons span.p-space{margin-right:3rem}.p-formkit-data-debug pre,.p-formkit-data-debug span{font-size:.75rem;line-height:1rem}@media(min-width: 1024px){.formkit-form{display:flex;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem}.formkit-form>*{flex-shrink:0;width:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}}
1
+ :root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.formkit-form .formkit-message{list-style:none;padding:0;margin:0;color:var(--formkit-error-color);font-size:.8rem}.formkit-form .formkit-outer{padding-bottom:.8rem}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-form .formkit-outer .formkit-help{margin:.25rem 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-form .formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-form .p-formkit>*{margin-right:.5rem}.formkit-form .p-formkit>*:last-child,.formkit-form .p-formkit>*:only-child{margin-right:0}.formkit-form .p-formkit-options{display:flex;flex-wrap:wrap;gap:.5rem}.formkit-form .p-formkit-options .p-formkit-option{display:flex;align-items:center}.formkit-form .p-formkit-options .p-formkit-option label{margin-left:.5rem}.formkit-form .formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-form .formkit-fieldset:focus-within{border:0}.formkit-form .formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-form .formkit-legend{display:block;margin:0;padding:0}.formkit-form .formkit-actions{padding-top:.5rem}.formkit-form .p-action-buttons{margin-top:.25rem}.formkit-form .p-action-buttons .p-button{margin-right:.5rem}.formkit-form .p-action-buttons span .p-space{margin-right:3rem}.formkit-form .p-chip-item{align-items:center;background:var(--p-surface-500);color:var(--p-surface-0);border-radius:1rem;padding:.2rem .5rem}.p-formkit-data-debug pre,.p-formkit-data-debug span{font-size:.75rem;line-height:1rem}@media(min-width: 1024px){.formkit-form{display:flex;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem}.formkit-form>*{flex-shrink:0;width:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}}@media(min-width: 768px){.formkit-form.form-horizontal .formkit-wrapper{display:flex}.formkit-form.form-horizontal .formkit-wrapper label{display:inline-block;padding:0 .25rem 0 0;font-size:inherit}.formkit-form.form-horizontal .formkit-wrapper label:after{content:":"}.p-formkit-data-view .formkit-form.form-horizontal label{white-space:nowrap}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer{width:100%}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer label{@apply w-4/12;padding-top:.25rem;line-height:normal}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer .formkit-inner{@apply w-8/12}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner{margin-left:auto}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner .p-formkit{display:flex}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner label{width:auto;padding:0}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-help,.p-formkit-data-edit .formkit-form.form-horizontal .formkit-messages{@apply w-8/12;margin-left:auto}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sfxcode/formkit-primevue",
3
3
  "type": "module",
4
- "version": "2.4.3",
4
+ "version": "2.4.4",
5
5
  "packageManager": "pnpm@9.4.0+sha256.b6fd0bfda555e7e584ad7e56b30c68b01d5a04f9ee93989f4b93ca8473c49c74",
6
6
  "author": {
7
7
  "name": "Tom",
@@ -97,7 +97,7 @@
97
97
  "vue-i18n": "9.13.1"
98
98
  },
99
99
  "devDependencies": {
100
- "@antfu/eslint-config": "2.24.1",
100
+ "@antfu/eslint-config": "2.25.0",
101
101
  "@formkit/core": "^1.6.5",
102
102
  "@primevue/themes": "4.0.4",
103
103
  "@types/node": "^22.1.0",
@@ -106,13 +106,13 @@
106
106
  "@vitejs/plugin-vue": "^5.1.2",
107
107
  "@vitest/coverage-v8": "^2.0.5",
108
108
  "@vitest/ui": "^2.0.5",
109
- "@vue/compiler-sfc": "^3.4.35",
110
- "@vue/server-renderer": "^3.4.35",
109
+ "@vue/compiler-sfc": "^3.4.37",
110
+ "@vue/server-renderer": "^3.4.37",
111
111
  "@vue/test-utils": "^2.4.6",
112
112
  "@vue/tsconfig": "^0.5.1",
113
113
  "@vuedx/typecheck": "~0.7.6",
114
114
  "@vuedx/typescript-plugin-vue": "~0.7.6",
115
- "@vueuse/core": "^10.11.0",
115
+ "@vueuse/core": "^10.11.1",
116
116
  "@vueuse/head": "^2.0.0",
117
117
  "changelogen": "^0.5.5",
118
118
  "chart.js": "^4.4.3",
@@ -130,16 +130,16 @@
130
130
  "unplugin-auto-import": "^0.18.2",
131
131
  "unplugin-vue-components": "^0.27.3",
132
132
  "vanilla-jsoneditor": "^0.23.8",
133
- "vite": "^5.3.5",
134
- "vite-plugin-dts": "4.0.0-beta.2",
133
+ "vite": "^5.4.0",
134
+ "vite-plugin-dts": "4.0.1",
135
135
  "vite-plugin-eslint": "^1.8.1",
136
136
  "vite-plugin-pages": "^0.32.3",
137
137
  "vite-ssg": "^0.23.8",
138
- "vitepress": "1.3.1",
138
+ "vitepress": "1.3.2",
139
139
  "vitest": "^2.0.5",
140
- "vue": "^3.4.35",
140
+ "vue": "^3.4.37",
141
141
  "vue-demi": "^0.14.10",
142
- "vue-router": "^4.4.2",
142
+ "vue-router": "^4.4.3",
143
143
  "vue-tsc": "^2.0.29"
144
144
  }
145
145
  }