@regcheq/ui-vue-2 1.12.1 → 1.13.0

package/dist/index.css

@@ -945,6 +945,22 @@
 .rq-icon--xl {
   font-size: 48px;
 }
+.rq-skeleton {
+  display: block;
+  border-radius: 4px;
+  background: linear-gradient(90deg, #f4f4f5 25%, #e4e4e7 37%, #f4f4f5 63%);
+  background-size: 400% 100%;
+  animation: rq-skeleton-shimmer 1500ms ease-in-out infinite;
+}
+
+@keyframes rq-skeleton-shimmer {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
 .rq-tooltip-wrapper {
   position: relative;
   display: inline-block;
@@ -1655,6 +1671,12 @@
 .rq-table__tr--empty {
   cursor: default;
 }
+.rq-table__tr--skeleton {
+  cursor: default;
+}
+.rq-table__tr--skeleton:hover, .rq-table__tr--skeleton:active {
+  background: #ffffff;
+}
 .rq-table__th {
   height: 48px;
   padding: 4px 16px;
@@ -1798,6 +1820,11 @@
   width: 40px;
   min-width: 40px;
   text-overflow: clip;
+  cursor: pointer;
+}
+.rq-table__td--expand:focus-visible {
+  outline: 2px solid #5497ea;
+  outline-offset: -2px;
 }
 .rq-table__td--empty {
   padding: 48px 16px;