@quidgest/ui 0.10.1 → 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 +32 -0
- package/dist/ui.css +45 -0
- package/dist/ui.esm.js +312 -289
- 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 +24 -23
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +54 -1
- package/package.json +1 -1
package/dist/ui.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quidgest Framework v0.
|
|
2
|
+
* Quidgest Framework v0.11.0
|
|
3
3
|
* (c) 2024 Quidgest - Consultores de Gestão, S.A.
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -933,6 +933,59 @@ $popover-header-bg: rgb(var(--q-theme-neutral-light-rgb) / 0.25);
|
|
|
933
933
|
.q-select__empty {
|
|
934
934
|
margin: calc(4 * $space-base) 0;
|
|
935
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
|
+
}
|
|
936
989
|
$spinner-color: var(--q-theme-primary);
|
|
937
990
|
.q-spinner-loader {
|
|
938
991
|
font-size: 48px;
|