ab-ui-library 1.2.4 → 1.2.6

package/assets/styles/styles.css

@@ -3124,7 +3124,7 @@ body {
   width: var(--ds-space-48) !important;
 }
 
-.advanced-table table thead tr th.with-checkbox .resize-icon {
+.advanced-table table thead tr th.actions-header .resize-icon, .advanced-table table thead tr th.with-checkbox .resize-icon {
   display: none;
 }
 
@@ -9158,6 +9158,72 @@ body {
   width: var(--otp-input-width);
 }
 
+@keyframes react-loading-skeleton {
+  to {
+    transform: translateX(100%);
+  }
+}
+.react-loading-skeleton {
+  --base-color:#ebebeb;
+  --highlight-color:#f5f5f5;
+  --animation-duration:1.5s;
+  --animation-direction:normal;
+  --pseudo-element-display:block;
+  background-color: var(--base-color);
+  border-radius: 0.25rem;
+  display: inline-flex;
+  line-height: 1;
+  overflow: hidden;
+  position: relative;
+  user-select: none;
+  width: 100%;
+}
+
+.react-loading-skeleton:after {
+  animation-direction: var(--animation-direction);
+  animation-duration: var(--animation-duration);
+  animation-iteration-count: infinite;
+  animation-name: react-loading-skeleton;
+  animation-timing-function: ease-in-out;
+  background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%));
+  background-repeat: no-repeat;
+  content: " ";
+  display: var(--pseudo-element-display);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transform: translateX(-100%);
+}
+
+@media (prefers-reduced-motion) {
+  .react-loading-skeleton {
+    --pseudo-element-display:none;
+  }
+}
+.custom_header_container {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.custom_header_container .selects_container {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  min-width: 170px;
+}
+
+.custom_header_container .cursor-pointer {
+  cursor: pointer;
+}
+
+.custom_header_container .date_picker_select .select__options {
+  max-height: 200px;
+}
+
 :root {
   --toastify-color-light:#fff;
   --toastify-color-dark:#121212;
@@ -9900,28 +9966,6 @@ body {
     transform: rotate(1turn);
   }
 }
-.custom_header_container {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-}
-
-.custom_header_container .selects_container {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  min-width: 170px;
-}
-
-.custom_header_container .cursor-pointer {
-  cursor: pointer;
-}
-
-.custom_header_container .date_picker_select .select__options {
-  max-height: 200px;
-}
-
 .profile-dropdown {
   background-color: var(--ds-color-bg-white);
   border-radius: var(--ds-border-radius-lg);