@quidgest/ui 0.5.19 → 0.6.0
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/index.d.ts +349 -147
- package/dist/ui.css +67 -27
- package/dist/ui.esm.js +612 -522
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +4 -4
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +51 -50
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +58 -26
- package/package.json +3 -1
package/dist/ui.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quidgest Framework v0.
|
|
2
|
+
* Quidgest Framework v0.6.0
|
|
3
3
|
* (c) 2023 Quidgest - Consultores de Gestão, SA
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -411,35 +411,38 @@ $btn-outline: var(--q-theme-primary-light);
|
|
|
411
411
|
}
|
|
412
412
|
}
|
|
413
413
|
}
|
|
414
|
-
.q-icon {
|
|
415
|
-
display: inline-block;
|
|
416
|
-
&__svg {
|
|
417
|
-
fill: currentColor;
|
|
418
|
-
}
|
|
419
|
-
&__svg,
|
|
420
|
-
&__img {
|
|
421
|
-
width: 1em;
|
|
422
|
-
height: 1em;
|
|
423
|
-
}
|
|
424
|
-
}
|
|
425
414
|
$input-padding-y: 0.26rem;
|
|
426
415
|
$input-padding-x: 0.25rem;
|
|
427
416
|
$input-height: 31.89px;
|
|
428
|
-
.q-
|
|
417
|
+
.q-field {
|
|
429
418
|
display: flex;
|
|
430
|
-
|
|
431
|
-
height: $input-height;
|
|
432
|
-
width: 100%;
|
|
419
|
+
flex-direction: column;
|
|
433
420
|
border-radius: $border-radius;
|
|
434
|
-
border-width: 1px;
|
|
435
|
-
background-color: transparent;
|
|
436
|
-
padding: $input-padding-y $input-padding-x;
|
|
437
|
-
font-size: 0.9rem;
|
|
438
|
-
line-height: 1.5rem;
|
|
439
|
-
transition: color var(--transition-duration) var(--transition-timing-function);
|
|
440
421
|
&:focus-within {
|
|
441
422
|
outline: $outline;
|
|
442
423
|
}
|
|
424
|
+
&__label {
|
|
425
|
+
color: rgb(var(--q-theme-on-background-rgb) / 0.8);
|
|
426
|
+
line-height: 1.5;
|
|
427
|
+
&[data-val-required='true']::after {
|
|
428
|
+
content: ' *';
|
|
429
|
+
font-weight: 700;
|
|
430
|
+
color: var(--q-theme-danger);
|
|
431
|
+
}
|
|
432
|
+
}
|
|
433
|
+
&__control {
|
|
434
|
+
display: flex;
|
|
435
|
+
align-items: center;
|
|
436
|
+
height: $input-height;
|
|
437
|
+
width: 100%;
|
|
438
|
+
border-radius: $border-radius;
|
|
439
|
+
border-width: 1px;
|
|
440
|
+
background-color: transparent;
|
|
441
|
+
padding: $input-padding-y $input-padding-x;
|
|
442
|
+
font-size: 0.9rem;
|
|
443
|
+
line-height: 1.5rem;
|
|
444
|
+
transition: color var(--transition-duration) var(--transition-timing-function);
|
|
445
|
+
}
|
|
443
446
|
&__prepend,
|
|
444
447
|
&__append {
|
|
445
448
|
display: flex;
|
|
@@ -479,6 +482,17 @@ $input-height: 31.89px;
|
|
|
479
482
|
width: 100%;
|
|
480
483
|
}
|
|
481
484
|
}
|
|
485
|
+
.q-icon {
|
|
486
|
+
display: inline-block;
|
|
487
|
+
&__svg {
|
|
488
|
+
fill: currentColor;
|
|
489
|
+
}
|
|
490
|
+
&__svg,
|
|
491
|
+
&__img {
|
|
492
|
+
width: 1em;
|
|
493
|
+
height: 1em;
|
|
494
|
+
}
|
|
495
|
+
}
|
|
482
496
|
$line-color: var(--q-theme-primary);
|
|
483
497
|
.q-line-loader {
|
|
484
498
|
width: 100%;
|
|
@@ -756,9 +770,6 @@ $popover-header-bg: rgb(var(--q-theme-on-background-rgb) / 0.04);
|
|
|
756
770
|
}
|
|
757
771
|
.q-select {
|
|
758
772
|
$this: &;
|
|
759
|
-
&:not(#{$this}--readonly) {
|
|
760
|
-
background-color: transparent;
|
|
761
|
-
}
|
|
762
773
|
&:not(#{$this}--readonly):not(#{$this}--disabled) {
|
|
763
774
|
cursor: pointer;
|
|
764
775
|
}
|
|
@@ -767,6 +778,7 @@ $popover-header-bg: rgb(var(--q-theme-on-background-rgb) / 0.04);
|
|
|
767
778
|
white-space: nowrap;
|
|
768
779
|
overflow: hidden;
|
|
769
780
|
text-overflow: ellipsis;
|
|
781
|
+
pointer-events: none;
|
|
770
782
|
}
|
|
771
783
|
&__placeholder {
|
|
772
784
|
font-style: italic;
|
|
@@ -778,7 +790,7 @@ $popover-header-bg: rgb(var(--q-theme-on-background-rgb) / 0.04);
|
|
|
778
790
|
}
|
|
779
791
|
}
|
|
780
792
|
|
|
781
|
-
.q-
|
|
793
|
+
.q-field__prepend {
|
|
782
794
|
padding-left: 6px;
|
|
783
795
|
padding-right: $space-base;
|
|
784
796
|
}
|
|
@@ -880,6 +892,26 @@ $spinner-color: var(--q-theme-primary);
|
|
|
880
892
|
stroke-dashoffset: -124px;
|
|
881
893
|
}
|
|
882
894
|
}
|
|
895
|
+
.q-text-field__input {
|
|
896
|
+
width: 100%;
|
|
897
|
+
line-height: inherit;
|
|
898
|
+
outline: none;
|
|
899
|
+
background-color: inherit;
|
|
900
|
+
cursor: inherit;
|
|
901
|
+
&::placeholder {
|
|
902
|
+
font-style: italic;
|
|
903
|
+
color: rgb(var(--q-theme-on-background-rgb) / 0.5);
|
|
904
|
+
}
|
|
905
|
+
&:disabled {
|
|
906
|
+
user-select: none;
|
|
907
|
+
}
|
|
908
|
+
}
|
|
909
|
+
.q-text-field__counter {
|
|
910
|
+
display: flex;
|
|
911
|
+
margin-top: 0.1rem;
|
|
912
|
+
justify-content: end;
|
|
913
|
+
color: rgb(var(--q-theme-on-background-rgb) / 0.5);
|
|
914
|
+
}
|
|
883
915
|
.q-tooltip .q-overlay__content {
|
|
884
916
|
padding: 0.5rem;
|
|
885
917
|
text-align: center;
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@quidgest/ui",
|
|
3
3
|
"private": false,
|
|
4
4
|
"description": "Quidgest's UI framework",
|
|
5
|
-
"version": "0.
|
|
5
|
+
"version": "0.6.0",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Quidgest"
|
|
8
8
|
},
|
|
@@ -72,6 +72,8 @@
|
|
|
72
72
|
"eslint-plugin-storybook": "^0.6.14",
|
|
73
73
|
"eslint-plugin-vue": "^9.17.0",
|
|
74
74
|
"happy-dom": "^12.9.0",
|
|
75
|
+
"husky": "^8.0.0",
|
|
76
|
+
"lint-staged": "^15.1.0",
|
|
75
77
|
"postcss": "^8.4.31",
|
|
76
78
|
"prettier": "^3.0.3",
|
|
77
79
|
"react": "18.2.0",
|