@quidgest/ui 0.7.5 → 0.7.7
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 +16 -9
- package/dist/ui.css +17 -15
- package/dist/ui.esm.js +209 -210
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +2 -2
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +12 -12
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +20 -36
- package/package.json +1 -1
package/dist/ui.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quidgest Framework v0.7.
|
|
2
|
+
* Quidgest Framework v0.7.7
|
|
3
3
|
* (c) 2023 Quidgest - Consultores de Gestão, SA
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -184,7 +184,7 @@ $font-weight-black: 900;
|
|
|
184
184
|
$border: #c4c5ca !default;
|
|
185
185
|
$outline-width: 2px !default;
|
|
186
186
|
$outline-style: solid !default;
|
|
187
|
-
$outline-color: rgb(var(--q-theme-
|
|
187
|
+
$outline-color: rgb(var(--q-theme-info-rgb) / 0.5) !default;
|
|
188
188
|
$outline: $outline-width $outline-style $outline-color;
|
|
189
189
|
*,
|
|
190
190
|
::after,
|
|
@@ -486,41 +486,19 @@ $input-height: 31.89px;
|
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
488
|
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
&--mini {
|
|
495
|
-
> #{$this}__control {
|
|
496
|
-
width: 4.35rem;
|
|
497
|
-
}
|
|
498
|
-
}
|
|
499
|
-
&--small {
|
|
500
|
-
> #{$this}__control {
|
|
501
|
-
width: 6.525rem;
|
|
502
|
-
}
|
|
503
|
-
}
|
|
504
|
-
&--medium {
|
|
505
|
-
> #{$this}__control {
|
|
506
|
-
width: 10.875rem;
|
|
507
|
-
}
|
|
508
|
-
}
|
|
509
|
-
&--large {
|
|
510
|
-
> #{$this}__control {
|
|
511
|
-
width: 15.225rem;
|
|
512
|
-
}
|
|
513
|
-
}
|
|
514
|
-
&--x-large {
|
|
515
|
-
> #{$this}__control {
|
|
516
|
-
width: 19.575rem;
|
|
517
|
-
}
|
|
518
|
-
}
|
|
519
|
-
&--xx-large {
|
|
520
|
-
> #{$this}__control {
|
|
521
|
-
width: 36.975rem;
|
|
489
|
+
@mixin field-size($size, $multiplier: 1) {
|
|
490
|
+
&--#{$size} {
|
|
491
|
+
> #{$this}__control {
|
|
492
|
+
width: calc(#{$multiplier} * 5em + #{$multiplier - 1} * $space-base);
|
|
493
|
+
}
|
|
522
494
|
}
|
|
523
495
|
}
|
|
496
|
+
@include field-size(mini, 1);
|
|
497
|
+
@include field-size(small, 2);
|
|
498
|
+
@include field-size(medium, 3);
|
|
499
|
+
@include field-size(large, 4);
|
|
500
|
+
@include field-size(xlarge, 6);
|
|
501
|
+
@include field-size(xxlarge, 8);
|
|
524
502
|
&--block {
|
|
525
503
|
width: 100%;
|
|
526
504
|
}
|
|
@@ -539,7 +517,12 @@ $input-height: 31.89px;
|
|
|
539
517
|
.q-input-group {
|
|
540
518
|
display: flex;
|
|
541
519
|
align-items: flex-end;
|
|
542
|
-
|
|
520
|
+
height: auto;
|
|
521
|
+
border-width: 0;
|
|
522
|
+
padding: 0;
|
|
523
|
+
&:focus-within {
|
|
524
|
+
outline: none;
|
|
525
|
+
}
|
|
543
526
|
&__prepend > :first-child {
|
|
544
527
|
border-top-left-radius: $border-radius;
|
|
545
528
|
border-bottom-left-radius: $border-radius;
|
|
@@ -995,6 +978,7 @@ $spinner-color: var(--q-theme-primary);
|
|
|
995
978
|
outline: none;
|
|
996
979
|
background-color: inherit;
|
|
997
980
|
cursor: inherit;
|
|
981
|
+
padding: 0;
|
|
998
982
|
&::placeholder {
|
|
999
983
|
font-style: italic;
|
|
1000
984
|
color: rgb(var(--q-theme-on-background-rgb) / 0.5);
|