@quidgest/ui 0.16.38 → 0.16.40

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 (36) hide show
  1. package/dist/json/api.json +2459 -516
  2. package/dist/manifest/components.json +1 -0
  3. package/dist/ui.css +121 -2
  4. package/dist/ui.esm.js +3673 -3643
  5. package/dist/ui.js +7 -7
  6. package/dist/ui.min.css +1 -1
  7. package/dist/ui.min.js +138 -135
  8. package/dist/ui.scss +127 -3
  9. package/esm/components/QBadge/QBadge.d.ts.map +1 -1
  10. package/esm/components/QBadge/QBadge.vue.js +22 -19
  11. package/esm/components/QBadge/types.d.ts +6 -0
  12. package/esm/components/QBadge/types.d.ts.map +1 -1
  13. package/esm/components/QGrid/QCol.d.ts.map +1 -1
  14. package/esm/components/QGrid/QCol.vue.js +12 -9
  15. package/esm/components/QGroupBox/QGroupBox.d.ts +21 -0
  16. package/esm/components/QGroupBox/QGroupBox.d.ts.map +1 -0
  17. package/esm/components/QGroupBox/QGroupBox.vue.js +44 -0
  18. package/esm/components/QGroupBox/QGroupBox.vue2.js +4 -0
  19. package/esm/components/QGroupBox/index.d.ts +26 -0
  20. package/esm/components/QGroupBox/index.d.ts.map +1 -0
  21. package/esm/components/QGroupBox/index.js +6 -0
  22. package/esm/components/QGroupBox/types.d.ts +32 -0
  23. package/esm/components/QGroupBox/types.d.ts.map +1 -0
  24. package/esm/components/QList/QList.d.ts.map +1 -1
  25. package/esm/components/QList/QList.vue.js +3 -7
  26. package/esm/components/QSelect/QSelect.d.ts +2 -0
  27. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  28. package/esm/components/QSelect/QSelect.vue.js +163 -169
  29. package/esm/components/QSelect/index.d.ts +1 -0
  30. package/esm/components/QSelect/index.d.ts.map +1 -1
  31. package/esm/components/index.d.ts +1 -0
  32. package/esm/components/index.d.ts.map +1 -1
  33. package/esm/components/index.js +70 -68
  34. package/esm/composables/useGroup/index.js +17 -17
  35. package/esm/index.d.ts +1 -0
  36. package/package.json +1 -1
package/dist/manifest/components.json CHANGED
@@ -27,6 +27,7 @@
27
27
  "QContainer",
28
28
  "QRow",
29
29
  "QSpacer",
30
+ "QGroupBox",
30
31
  "QIcon",
31
32
  "QIconFont",
32
33
  "QIconImg",
package/dist/ui.css CHANGED
@@ -448,7 +448,7 @@ body *::-webkit-scrollbar-track {
448
448
  gap: 0.25em;
449
449
  z-index: 1;
450
450
  }
451
- .q-badge__remove.q-button:not(:disabled) {
451
+ .q-badge__remove.q-button {
452
452
  padding: 0;
453
453
  }
454
454
  .q-badge .q-icon {
@@ -473,6 +473,10 @@ body *::-webkit-scrollbar-track {
473
473
  .q-badge--pill {
474
474
  border-radius: 9999px;
475
475
  }
476
+ .q-badge--disabled {
477
+ opacity: 0.5;
478
+ pointer-events: none;
479
+ }
476
480
  .q-badge--clickable {
477
481
  cursor: pointer;
478
482
  }
@@ -1399,6 +1403,9 @@ body *::-webkit-scrollbar-track {
1399
1403
  opacity: 0.6;
1400
1404
  cursor: not-allowed;
1401
1405
  }
1406
+ .q-checkbox--disabled label {
1407
+ cursor: not-allowed;
1408
+ }
1402
1409
  .q-checkbox--readonly {
1403
1410
  --active-color: var(--q-theme-neutral-light);
1404
1411
  cursor: default;
@@ -3655,6 +3662,117 @@ body *::-webkit-scrollbar-track {
3655
3662
  flex: 1 1 0;
3656
3663
  }
3657
3664
 
3665
+ .q-group-box {
3666
+ display: inline-block;
3667
+ word-wrap: break-word;
3668
+ background-color: var(--q-theme-container);
3669
+ border-width: 1px;
3670
+ border-bottom: 1px solid var(--q-theme-neutral-light);
3671
+ padding: 0.5rem 1rem 1rem;
3672
+ border-radius: var(--border-radius);
3673
+ position: relative;
3674
+ max-width: 100%;
3675
+ }
3676
+ .q-group-box:focus-visible {
3677
+ outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
3678
+ border-radius: var(--border-radius);
3679
+ }
3680
+ .q-group-box__title {
3681
+ font-size: 1.2rem;
3682
+ line-height: 1rem;
3683
+ letter-spacing: 0.02rem;
3684
+ color: var(--q-theme-primary);
3685
+ text-transform: uppercase;
3686
+ margin: 0;
3687
+ margin-top: 0.25rem;
3688
+ display: flex;
3689
+ align-items: flex-start;
3690
+ width: -moz-fit-content;
3691
+ width: fit-content;
3692
+ gap: 0.25rem;
3693
+ margin-bottom: 0.5rem;
3694
+ }
3695
+ .q-group-box--background {
3696
+ background-color: rgb(var(--q-theme-primary-light-rgb)/50%);
3697
+ padding: 0.5rem 1rem 1rem;
3698
+ }
3699
+ .q-group-box--minor {
3700
+ background-color: transparent;
3701
+ border: none;
3702
+ border-radius: 0;
3703
+ padding: 0.5rem 0 0;
3704
+ }
3705
+ .q-group-box--minor-border-top {
3706
+ background-color: transparent;
3707
+ border: none;
3708
+ border-top: 1px solid var(--q-theme-neutral-light);
3709
+ border-radius: 0;
3710
+ margin-top: 0.5rem;
3711
+ padding: 0.25rem 0;
3712
+ }
3713
+ .q-group-box--minor .q-group-box__title, .q-group-box--minor-border-top .q-group-box__title {
3714
+ font-size: 0.9rem;
3715
+ line-height: 1;
3716
+ letter-spacing: initial;
3717
+ color: var(--q-theme-neutral-dark);
3718
+ text-transform: none;
3719
+ font-weight: 600;
3720
+ margin-bottom: 0.25rem;
3721
+ margin-top: 0.25rem;
3722
+ }
3723
+ .q-group-box--title-background {
3724
+ padding: 0 !important;
3725
+ }
3726
+ .q-group-box--title-background::before {
3727
+ position: absolute;
3728
+ top: 0;
3729
+ left: 0;
3730
+ height: 30px;
3731
+ width: 100%;
3732
+ content: "";
3733
+ background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
3734
+ border-radius: var(--border-radius) var(--border-radius) 0 0;
3735
+ }
3736
+ .q-group-box--title-background .q-group-box__title {
3737
+ padding: 0.5rem 1rem;
3738
+ margin: 0;
3739
+ font-size: 0.9rem;
3740
+ font-weight: 700;
3741
+ line-height: 1;
3742
+ letter-spacing: 0.01rem;
3743
+ color: var(--q-theme-on-background);
3744
+ text-transform: none;
3745
+ z-index: 10;
3746
+ position: relative;
3747
+ }
3748
+ .q-group-box--title-background > .q-group-box__content {
3749
+ padding: 0.2rem 1rem 1rem;
3750
+ }
3751
+ .q-group-box--subsection {
3752
+ border: none;
3753
+ margin-left: 0.625rem;
3754
+ margin-bottom: 0.625rem;
3755
+ }
3756
+ .q-group-box--subsection .q-group-box__title {
3757
+ font-size: 0.9rem;
3758
+ line-height: 1;
3759
+ letter-spacing: initial;
3760
+ background-color: transparent;
3761
+ color: var(--q-theme-neutral-dark);
3762
+ text-transform: none;
3763
+ font-weight: 600;
3764
+ margin-bottom: 0.25rem;
3765
+ }
3766
+ .q-group-box--borderless {
3767
+ border-color: transparent;
3768
+ margin: 0;
3769
+ padding: 0;
3770
+ background-color: transparent;
3771
+ }
3772
+ .q-group-box--block {
3773
+ width: 100%;
3774
+ }
3775
+
3658
3776
  .q-icon {
3659
3777
  display: inline-block;
3660
3778
  color: var(--q-theme-primary);
@@ -4274,13 +4392,14 @@ body *::-webkit-scrollbar-track {
4274
4392
  width: 100%;
4275
4393
  }
4276
4394
  .q-select__badge-container .q-select__badge-count {
4277
- font-weight: bold;
4395
+ font-weight: 900;
4278
4396
  }
4279
4397
  .q-select__badge-container .q-select__badge-hidden {
4280
4398
  visibility: hidden;
4281
4399
  }
4282
4400
  .q-select__badge-container .q-badge__content {
4283
4401
  height: 0.85em;
4402
+ white-space: nowrap;
4284
4403
  }
4285
4404
  .q-select__placeholder {
4286
4405
  font-style: italic;