@quidgest/ui 0.10.0 → 0.11.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 +59 -20
- package/dist/ui.css +51 -0
- package/dist/ui.esm.js +282 -258
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +1 -1
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +44 -43
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +61 -2
- package/package.json +1 -1
package/dist/ui.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quidgest Framework v0.
|
|
3
|
-
* (c)
|
|
2
|
+
* Quidgest Framework v0.11.0
|
|
3
|
+
* (c) 2024 Quidgest - Consultores de Gestão, S.A.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
*,
|
|
@@ -490,8 +490,14 @@ $button-text-on-plain: var(--q-theme-on-background);
|
|
|
490
490
|
display: flex;
|
|
491
491
|
align-items: center;
|
|
492
492
|
}
|
|
493
|
+
&__prepend {
|
|
494
|
+
padding-right: 0.25rem;
|
|
495
|
+
padding-left: 0.05rem;
|
|
496
|
+
}
|
|
493
497
|
&__append {
|
|
494
498
|
margin-left: auto;
|
|
499
|
+
padding-left: 0.25rem;
|
|
500
|
+
padding-right: 0.05rem;
|
|
495
501
|
}
|
|
496
502
|
|
|
497
503
|
&--required {
|
|
@@ -927,6 +933,59 @@ $popover-header-bg: rgb(var(--q-theme-neutral-light-rgb) / 0.25);
|
|
|
927
933
|
.q-select__empty {
|
|
928
934
|
margin: calc(4 * $space-base) 0;
|
|
929
935
|
}
|
|
936
|
+
.q-skeleton-loader {
|
|
937
|
+
$this: &;
|
|
938
|
+
&__bone {
|
|
939
|
+
display: inline-flex;
|
|
940
|
+
width: 100%;
|
|
941
|
+
height: 100%;
|
|
942
|
+
position: relative;
|
|
943
|
+
overflow: hidden;
|
|
944
|
+
background-color: var(--q-theme-neutral-light);
|
|
945
|
+
animation: fadeIn 1s;
|
|
946
|
+
border-radius: $border-radius;
|
|
947
|
+
&::after {
|
|
948
|
+
position: absolute;
|
|
949
|
+
top: 0;
|
|
950
|
+
right: 0;
|
|
951
|
+
bottom: 0;
|
|
952
|
+
left: 0;
|
|
953
|
+
transform: translateX(-100%);
|
|
954
|
+
background-image: linear-gradient(
|
|
955
|
+
90deg,
|
|
956
|
+
rgb(var(--q-theme-background-rgb) / 0) 0,
|
|
957
|
+
rgb(var(--q-theme-background-rgb) / 0.2) 20%,
|
|
958
|
+
rgb(var(--q-theme-background-rgb) / 0.5) 60%,
|
|
959
|
+
rgb(var(--q-theme-background-rgb) / 0)
|
|
960
|
+
);
|
|
961
|
+
animation: shimmer 2s infinite;
|
|
962
|
+
content: '';
|
|
963
|
+
}
|
|
964
|
+
}
|
|
965
|
+
&--text {
|
|
966
|
+
height: 1em;
|
|
967
|
+
}
|
|
968
|
+
&--icon {
|
|
969
|
+
width: 20px;
|
|
970
|
+
height: 20px;
|
|
971
|
+
#{$this}__bone {
|
|
972
|
+
border-radius: 50%;
|
|
973
|
+
}
|
|
974
|
+
}
|
|
975
|
+
@keyframes shimmer {
|
|
976
|
+
100% {
|
|
977
|
+
transform: translateX(100%);
|
|
978
|
+
}
|
|
979
|
+
}
|
|
980
|
+
@keyframes fadeIn {
|
|
981
|
+
0% {
|
|
982
|
+
opacity: 0;
|
|
983
|
+
}
|
|
984
|
+
100% {
|
|
985
|
+
opacity: 1;
|
|
986
|
+
}
|
|
987
|
+
}
|
|
988
|
+
}
|
|
930
989
|
$spinner-color: var(--q-theme-primary);
|
|
931
990
|
.q-spinner-loader {
|
|
932
991
|
font-size: 48px;
|