@cesdk/cesdk-js 1.61.0-nightly.20250917 → 1.61.0-nightly.20250920

package/assets/ui/stylesheets/cesdk.css

@@ -1428,6 +1428,16 @@
   opacity: 0.55;
 }
 
+/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/LoadingShimmer/LoadingShimmer.module.scss */
+.UBQ_LoadingShimmer-module__block--A2A9c {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+}
+
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ListBox/ListBox.module.scss */
 .UBQ_ListBox-module__options--dvgiv {
   display: flex;
@@ -1478,22 +1488,8 @@
   -webkit-user-select: none;
   user-select: none;
   cursor: pointer;
-}
-.UBQ_ListBox-module__option--VGvP0.UBQ_ListBox-module__loading--7B9DF {
-  animation-duration: 1.7s;
-  animation-fill-mode: forwards;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-  animation-name: UBQ_ListBox-module__loadingAnimation--suoFD;
-  opacity: 0.75;
-  background:
-    linear-gradient(
-      to right,
-      rgba(0, 0, 0, 0) 2%,
-      var(--ubq-elevation-1) 18%,
-      rgba(0, 0, 0, 0) 33%);
-  background-size: 1000px;
-  box-shadow: inset 0 0 0 calc(var(--ubq-scale-base) / 2) var(--ubq-elevation-2);
+  position: relative;
+  overflow: hidden;
 }
 .UBQ_ListBox-module__option--VGvP0:hover:not(:active):not([data-selected=true]),
 .UBQ_ListBox-module__option--VGvP0[data-active=true] {
@@ -1518,14 +1514,6 @@
   opacity: 0.55;
   pointer-events: none;
 }
-@keyframes UBQ_ListBox-module__loadingAnimation--suoFD {
-  0% {
-    background-position: -650px 0;
-  }
-  100% {
-    background-position: 650px 0;
-  }
-}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Select/Select.module.scss */
 .UBQ_Select-module__block--j75r2 {
@@ -1856,6 +1844,11 @@
 .UBQ_Card-module__block--xvGNL .UBQ_Card-module__backgroundImage--Ge-Nx {
   position: absolute;
   object-position: center;
+  opacity: 0;
+  transition: opacity 0.3s ease-in-out;
+}
+.UBQ_Card-module__block--xvGNL .UBQ_Card-module__backgroundImage--Ge-Nx.UBQ_Card-module__backgroundImageLoaded--55ZXU {
+  opacity: 1;
 }
 .UBQ_Card-module__block--xvGNL.UBQ_Card-module__cover--aQ-oo .UBQ_Card-module__backgroundImage--Ge-Nx {
   object-fit: cover;
@@ -1864,7 +1857,7 @@
   inset: 0;
   border-radius: var(--ubq-border_radius-m);
 }
-.UBQ_Card-module__block--xvGNL.UBQ_Card-module__contain--Ii5MO > * {
+.UBQ_Card-module__block--xvGNL.UBQ_Card-module__contain--Ii5MO > *:not(.UBQ_Card-module__backgroundImage--Ge-Nx) {
   transition: transform 0.15s cubic-bezier(0.2, 0, 0, 1);
 }
 .UBQ_Card-module__block--xvGNL.UBQ_Card-module__contain--Ii5MO .UBQ_Card-module__backgroundImage--Ge-Nx {
@@ -1872,6 +1865,7 @@
   width: calc(100% - 2 * var(--ubq-margin-s));
   height: calc(100% - 2 * var(--ubq-margin-s));
   inset: var(--ubq-margin-s);
+  transition: opacity 0.3s ease-in-out, transform 0.15s cubic-bezier(0.2, 0, 0, 1);
 }
 .UBQ_Card-module__block--xvGNL > .UBQ_Card-module__content--rnRjw {
   width: 100%;
@@ -4167,6 +4161,12 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
   background-repeat: no-repeat;
   pointer-events: none;
 }
+.UBQ_AssetLibraryCard-module__svgBackground--QqZbB {
+  display: flex;
+  place-content: center;
+  width: 100%;
+  height: 100%;
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/properties/AssetLibraryPropertyPopover.module.scss */
 .UBQ_AssetLibraryPropertyPopover-module__block--A3c-n {
@@ -4747,6 +4747,12 @@ footer {
 }
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibrarySection/AssetLibrarySectionSkeleton.module.scss */
+.UBQ_AssetLibrarySectionSkeleton-module__block--mWs38 {
+  position: relative;
+  aspect-ratio: 1;
+  overflow: hidden;
+  border-radius: var(--ubq-border_radius-m);
+}
 .UBQ_AssetLibrarySectionSkeleton-module__content--q4nH2 {
   font-family: var(--ubq-typography-font_family, var(--ubq-typography-label-m-font_family));
   font-size: var(--ubq-typography-label-m-size);
@@ -4766,30 +4772,6 @@ footer {
 .UBQ_AssetLibrarySectionSkeleton-module__label--9610J {
   margin-left: var(--ubq-margin-s);
 }
-.UBQ_AssetLibrarySectionSkeleton-module__animatedBackground--PGO2X {
-  animation-duration: 1.8s;
-  animation-fill-mode: forwards;
-  animation-iteration-count: infinite;
-  animation-name: UBQ_AssetLibrarySectionSkeleton-module__placeHolderShimmer--6UJTv;
-  animation-timing-function: linear;
-  background: transparent;
-  background:
-    linear-gradient(
-      to right,
-      hsla(0, 0%, 100%, 0.04) 8%,
-      hsla(0, 0%, 100%, 0) 38%,
-      hsla(0, 0%, 100%, 0.04) 54%);
-  background-size: 1000px 640px;
-  position: relative;
-}
-@keyframes UBQ_AssetLibrarySectionSkeleton-module__placeHolderShimmer--6UJTv {
-  0% {
-    background-position: -468px 0;
-  }
-  100% {
-    background-position: 468px 0;
-  }
-}
 .UBQ_AssetLibrarySectionSkeleton-module__loadingSpinnerIcon---n0-v {
   animation: UBQ_AssetLibrarySectionSkeleton-module__loading--OKjqk 1.1s infinite linear;
 }
@@ -5095,30 +5077,8 @@ footer {
 .UBQ_AssetLibraryGridSkeleton-module__cardWrapper--1za-F {
   height: 100%;
   width: 100%;
-}
-.UBQ_AssetLibraryGridSkeleton-module__animatedBackground--zsW4c {
-  animation-duration: 1.8s;
-  animation-fill-mode: forwards;
-  animation-iteration-count: infinite;
-  animation-name: UBQ_AssetLibraryGridSkeleton-module__placeHolderShimmer--4-W5d;
-  animation-timing-function: linear;
-  background: transparent;
-  background:
-    linear-gradient(
-      to right,
-      hsla(0, 0%, 100%, 0.04) 8%,
-      hsla(0, 0%, 100%, 0) 38%,
-      hsla(0, 0%, 100%, 0.04) 54%);
-  background-size: 1000px 640px;
   position: relative;
-}
-@keyframes UBQ_AssetLibraryGridSkeleton-module__placeHolderShimmer--4-W5d {
-  0% {
-    background-position: -468px 0;
-  }
-  100% {
-    background-position: 468px 0;
-  }
+  overflow: hidden;
 }
 .UBQ_AssetLibraryGridSkeleton-module__loadingSpinnerIcon---60AY {
   animation: UBQ_AssetLibraryGridSkeleton-module__loading--nAVXg 1.1s infinite linear;
@@ -6159,7 +6119,7 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   right: var(--ubq-margin-xs);
   grid-area: add-button;
   width: 100%;
-  height: calc(var(--ubq-scale-base) * 8);
+  height: calc(var(--ubq-scale-base) * 12);
 }
 .UBQ_BackgroundTrackAddButton-module__block--zazTm > .UBQ_BackgroundTrackAddButton-module__addClipButton--JCuyI {
   width: 100%;
@@ -6179,7 +6139,7 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   line-height: var(--ubq-typography-button-m-line_height);
   grid-area: add-button;
   width: max-content;
-  height: calc(var(--ubq-scale-base) * 8);
+  height: calc(var(--ubq-scale-base) * 12);
   padding-inline: var(--ubq-margin-l);
   visibility: hidden;
   z-index: -999999;