@quidgest/ui 0.14.15 → 0.14.17

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 (32) hide show
  1. package/dist/manifest/components.json +1 -0
  2. package/dist/ui.css +72 -3
  3. package/dist/ui.esm.js +3830 -3649
  4. package/dist/ui.js +16 -16
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +302 -277
  7. package/dist/ui.scss +60 -4
  8. package/esm/components/QBadge/QBadge.vue.js +2 -2
  9. package/esm/components/QCheckbox/QCheckbox.vue.js +3 -2
  10. package/esm/components/QColorPicker/QColorPicker.vue.js +4 -5
  11. package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +3 -2
  12. package/esm/components/QFileUpload/QFileUpload.vue.js +7 -8
  13. package/esm/components/QIcon/InlineSvg.d.ts.map +1 -1
  14. package/esm/components/QIcon/InlineSvg.js +16 -16
  15. package/esm/components/QPopover/QPopover.vue.js +2 -2
  16. package/esm/components/QTextArea/QTextArea.d.ts +39 -0
  17. package/esm/components/QTextArea/QTextArea.d.ts.map +1 -0
  18. package/esm/components/QTextArea/QTextArea.vue.js +105 -0
  19. package/esm/components/QTextArea/QTextArea.vue2.js +4 -0
  20. package/esm/components/QTextArea/index.d.ts +98 -0
  21. package/esm/components/QTextArea/index.d.ts.map +1 -0
  22. package/esm/components/QTextArea/index.js +6 -0
  23. package/esm/components/QTextArea/types.d.ts +33 -0
  24. package/esm/components/QTextArea/types.d.ts.map +1 -0
  25. package/esm/components/QTooltip/QTooltip.vue.js +2 -2
  26. package/esm/components/index.d.ts +1 -0
  27. package/esm/components/index.d.ts.map +1 -1
  28. package/esm/components/index.js +12 -10
  29. package/esm/index.d.ts +1 -0
  30. package/esm/vendors/@vueuse/core/index.js +85 -0
  31. package/esm/vendors/@vueuse/shared/index.js +20 -0
  32. package/package.json +2 -1
@@ -33,6 +33,7 @@
33
33
  "QSelect",
34
34
  "QSkeletonLoader",
35
35
  "QSpinnerLoader",
36
+ "QTextArea",
36
37
  "QTextField",
37
38
  "QThemeProvider",
38
39
  "QTooltip"
package/dist/ui.css CHANGED
@@ -578,7 +578,7 @@ body *::-webkit-scrollbar-track {
578
578
  display: flex;
579
579
  flex-direction: row;
580
580
  align-items: center;
581
- padding: 0.4em;
581
+ padding: 0.4rem;
582
582
  border-width: 1px;
583
583
  background-color: transparent;
584
584
  user-select: none;
@@ -609,7 +609,7 @@ body *::-webkit-scrollbar-track {
609
609
  justify-content: center;
610
610
  font-size: 0.9rem;
611
611
  white-space: nowrap;
612
- gap: 0.25em;
612
+ gap: 0.25rem;
613
613
  pointer-events: none;
614
614
  line-height: 1;
615
615
  }
@@ -676,7 +676,7 @@ body *::-webkit-scrollbar-track {
676
676
  visibility: hidden;
677
677
  }
678
678
  .q-btn--small {
679
- padding: 0.25em;
679
+ padding: 0.25rem;
680
680
  }
681
681
  .q-btn--small span {
682
682
  font-size: 0.75rem;
@@ -3228,6 +3228,75 @@ body *::-webkit-scrollbar-track {
3228
3228
  transform: rotate(1turn);
3229
3229
  }
3230
3230
  }
3231
+ .q-text-area {
3232
+ /* Container styles */
3233
+ display: flex;
3234
+ flex-direction: column;
3235
+ }
3236
+ .q-text-area__input {
3237
+ width: 100%;
3238
+ line-height: inherit;
3239
+ outline: none;
3240
+ color: inherit;
3241
+ background-color: transparent;
3242
+ padding: 0;
3243
+ min-height: 2.5rem;
3244
+ resize: vertical;
3245
+ font-family: inherit;
3246
+ font-size: inherit;
3247
+ border: 0;
3248
+ /* Resize controls */
3249
+ }
3250
+ .q-text-area__input::-moz-placeholder {
3251
+ font-style: italic;
3252
+ color: var(--q-theme-neutral);
3253
+ }
3254
+ .q-text-area__input::placeholder {
3255
+ font-style: italic;
3256
+ color: var(--q-theme-neutral);
3257
+ }
3258
+ .q-text-area__input:disabled {
3259
+ -webkit-user-select: none;
3260
+ -moz-user-select: none;
3261
+ user-select: none;
3262
+ }
3263
+ .q-text-area__input:hover {
3264
+ cursor: inherit;
3265
+ }
3266
+ .q-text-area__input[resize=none] {
3267
+ resize: none;
3268
+ }
3269
+ .q-text-area__input[resize=horizontal] {
3270
+ resize: horizontal;
3271
+ }
3272
+ .q-text-area__input[resize=vertical] {
3273
+ resize: vertical;
3274
+ }
3275
+ .q-text-area__input[resize=both] {
3276
+ resize: both;
3277
+ }
3278
+ .q-text-area .q-text-area__input {
3279
+ flex: 1;
3280
+ min-width: 0; /* Prevent flex item from overflowing */
3281
+ }
3282
+
3283
+ .q-field--mini > .q-field__control:has(.q-text-area__input[resize=both],
3284
+ .q-text-area__input[resize=horizontal]),
3285
+ .q-field--small > .q-field__control:has(.q-text-area__input[resize=both],
3286
+ .q-text-area__input[resize=horizontal]),
3287
+ .q-field--medium > .q-field__control:has(.q-text-area__input[resize=both],
3288
+ .q-text-area__input[resize=horizontal]),
3289
+ .q-field--large > .q-field__control:has(.q-text-area__input[resize=both],
3290
+ .q-text-area__input[resize=horizontal]),
3291
+ .q-field--xlarge > .q-field__control:has(.q-text-area__input[resize=both],
3292
+ .q-text-area__input[resize=horizontal]),
3293
+ .q-field--xxlarge > .q-field__control:has(.q-text-area__input[resize=both],
3294
+ .q-text-area__input[resize=horizontal]),
3295
+ .q-field--block > .q-field__control:has(.q-text-area__input[resize=both],
3296
+ .q-text-area__input[resize=horizontal]) {
3297
+ width: unset;
3298
+ }
3299
+
3231
3300
  .q-text-field__input {
3232
3301
  width: 100%;
3233
3302
  line-height: inherit;