@cesdk/cesdk-js 1.26.0 → 1.27.0-rc.0

package/assets/ui/stylesheets/cesdk.css

@@ -1752,12 +1752,14 @@
 /* esbuild-sass-plugin:css-chunk:../../packages/ubq-uikit-web/src/components/Card/Card.module.scss */
 .UBQ_Card-module__block--Zs4rt {
   --ubq_internal-backgroundGradient: var(--ubq-static-card-background);
+  border: none;
+  border-radius: var(--ubq-border_radius-m);
+  outline: none;
   position: relative;
   width: 100%;
   padding: var(--ubq-margin-s);
-  border: none;
-  border-radius: var(--ubq-border_radius-s);
-  outline: none;
+  display: grid;
+  place-content: stretch;
   overflow: hidden;
   color: var(--ubq-foreground-default);
   cursor: pointer;
@@ -1771,28 +1773,27 @@
 .UBQ_Card-module__block--Zs4rt.UBQ_Card-module__extraShortHeight--xZVB- {
   height: calc(var(--ubq-scale-base) * 12);
 }
-.UBQ_Card-module__block--Zs4rt.UBQ_Card-module__autoHeight--yuOcz {
-  height: 100%;
-}
-.UBQ_Card-module__block--Zs4rt.UBQ_Card-module__noPadding--V91Yq {
-  padding: 0;
+.UBQ_Card-module__block--Zs4rt.UBQ_Card-module__extraShortHeight--xZVB- .UBQ_Card-module__stateRepresentation--HIjTB {
+  border-radius: var(--ubq-border_radius-m);
 }
-.UBQ_Card-module__block--Zs4rt.UBQ_Card-module__noPadding--V91Yq .UBQ_Card-module__backgroundImage--fXz-k {
-  width: 100%;
+.UBQ_Card-module__block--Zs4rt.UBQ_Card-module__autoHeight--yuOcz {
   height: 100%;
-  inset: 0;
 }
 .UBQ_Card-module__block--Zs4rt .UBQ_Card-module__backgroundImage--fXz-k {
   position: absolute;
   object-position: center;
 }
-.UBQ_Card-module__block--Zs4rt .UBQ_Card-module__backgroundImage--fXz-k.UBQ_Card-module__backgroundImageCover--Qu3aI {
+.UBQ_Card-module__block--Zs4rt.UBQ_Card-module__cover--I9azZ .UBQ_Card-module__backgroundImage--fXz-k {
   object-fit: cover;
   width: 100%;
   height: 100%;
   inset: 0;
+  border-radius: var(--ubq-border_radius-m);
+}
+.UBQ_Card-module__block--Zs4rt.UBQ_Card-module__contain--ToAWK > * {
+  transition: transform 0.15s cubic-bezier(0.2, 0, 0, 1);
 }
-.UBQ_Card-module__block--Zs4rt .UBQ_Card-module__backgroundImage--fXz-k.UBQ_Card-module__backgroundImageContain--GoJYo {
+.UBQ_Card-module__block--Zs4rt.UBQ_Card-module__contain--ToAWK .UBQ_Card-module__backgroundImage--fXz-k {
   object-fit: contain;
   width: calc(100% - 2 * var(--ubq-margin-s));
   height: calc(100% - 2 * var(--ubq-margin-s));
@@ -1806,30 +1807,68 @@
   align-items: center;
   justify-content: center;
 }
-.UBQ_Card-module__block--Zs4rt:hover {
-  --ubq_internal-backgroundGradient: var(--ubq-interactive-hover);
-  box-shadow: inset 0 0 0 2px var(--ubq-stroke-contrast-1);
+.UBQ_Card-module__block--Zs4rt:hover.UBQ_Card-module__cover--I9azZ .UBQ_Card-module__backgroundImage--fXz-k,
+.UBQ_Card-module__block--Zs4rt:active.UBQ_Card-module__cover--I9azZ .UBQ_Card-module__backgroundImage--fXz-k,
+.UBQ_Card-module__block--Zs4rt[data-active=true].UBQ_Card-module__cover--I9azZ .UBQ_Card-module__backgroundImage--fXz-k {
+  border-radius: calc(var(--ubq-border_radius-m) + 2px);
+}
+.UBQ_Card-module__block--Zs4rt .UBQ_Card-module__stateRepresentation--HIjTB {
+  position: absolute;
+  inset: 0;
+  border-radius: var(--ubq-border_radius-m);
+  box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent;
+  transition: box-shadow 0.15s cubic-bezier(0.2, 0, 0, 1);
+}
+.UBQ_Card-module__block--Zs4rt[data-active=true] > .UBQ_Card-module__stateRepresentation--HIjTB {
+  box-shadow: inset 0 0 0 calc(var(--ubq-scale-base) / 2) var(--ubq-foreground-active), inset 0 0 0 var(--ubq-scale-base) var(--ubq-interactive-default);
+}
+.UBQ_Card-module__block--Zs4rt:hover,
+.UBQ_Card-module__block--Zs4rt:focus-visible {
+  box-shadow: inset 0 0 0 1px var(--ubq-interactive-hover);
+}
+.UBQ_Card-module__block--Zs4rt:hover.UBQ_Card-module__contain--ToAWK,
+.UBQ_Card-module__block--Zs4rt:focus-visible.UBQ_Card-module__contain--ToAWK {
+  background: var(--ubq-interactive-hover);
+}
+.UBQ_Card-module__block--Zs4rt:hover.UBQ_Card-module__contain--ToAWK > *:not(.UBQ_Card-module__stateRepresentation--HIjTB),
+.UBQ_Card-module__block--Zs4rt:focus-visible.UBQ_Card-module__contain--ToAWK > *:not(.UBQ_Card-module__stateRepresentation--HIjTB) {
+  transform: scale(1.1);
+}
+.UBQ_Card-module__block--Zs4rt:hover > .UBQ_Card-module__stateRepresentation--HIjTB,
+.UBQ_Card-module__block--Zs4rt:focus-visible > .UBQ_Card-module__stateRepresentation--HIjTB {
+  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2), inset 0 0 0 var(--ubq-scale-base) var(--ubq-interactive-hover);
+}
+.UBQ_Card-module__block--Zs4rt:hover[data-active=true] > .UBQ_Card-module__stateRepresentation--HIjTB,
+.UBQ_Card-module__block--Zs4rt:focus-visible[data-active=true] > .UBQ_Card-module__stateRepresentation--HIjTB {
+  box-shadow: inset 0 0 0 calc(var(--ubq-scale-base) / 4) var(--ubq-foreground-active), inset 0 0 0 var(--ubq-scale-base) var(--ubq-interactive-hover);
 }
 .UBQ_Card-module__block--Zs4rt:active {
-  --ubq_internal-backgroundGradient: var(--ubq-interactive-pressed);
+  box-shadow: inset 0 0 0 1px var(--ubq-interactive-pressed);
+}
+.UBQ_Card-module__block--Zs4rt:active.UBQ_Card-module__contain--ToAWK {
+  background: var(--ubq-interactive-pressed);
+}
+.UBQ_Card-module__block--Zs4rt:active.UBQ_Card-module__contain--ToAWK > *:not(.UBQ_Card-module__stateRepresentation--HIjTB) {
+  transform: scale(1.1);
+}
+.UBQ_Card-module__block--Zs4rt:active > .UBQ_Card-module__stateRepresentation--HIjTB {
+  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2), inset 0 0 0 var(--ubq-scale-base) var(--ubq-interactive-pressed);
+}
+.UBQ_Card-module__block--Zs4rt:active[data-active=true] > .UBQ_Card-module__stateRepresentation--HIjTB {
+  box-shadow: inset 0 0 0 calc(var(--ubq-scale-base) / 4) var(--ubq-foreground-active), inset 0 0 0 var(--ubq-scale-base) var(--ubq-interactive-pressed);
 }
 @supports not (contain: none) {
   .UBQ_Card-module__block--Zs4rt:focus {
-    --ubq_internal-backgroundGradient: var(--ubq-interactive-hover);
     box-shadow: var(--ubq-effect-focus);
   }
 }
 .UBQ_Card-module__block--Zs4rt:focus-visible {
-  --ubq_internal-backgroundGradient: var(--ubq-interactive-hover);
   box-shadow: var(--ubq-effect-focus);
 }
 .UBQ_Card-module__block--Zs4rt:disabled {
   opacity: 0.55;
   pointer-events: none;
 }
-.UBQ_Card-module__block--Zs4rt[data-active=true] {
-  outline: 2px solid var(--ubq-stroke-contrast-3);
-}
 
 /* esbuild-sass-plugin:css-chunk:../../packages/ubq-uikit-web/src/components/Slider/Slider.module.scss */
 .UBQ_Slider-module__block--dDuSa {
@@ -4523,6 +4562,8 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
   display: flex;
   justify-content: center;
   align-items: center;
+  background-size: 100%;
+  transition: background-size 0.15s cubic-bezier(0.2, 0, 0, 1);
 }
 .UBQ_AssetLibraryCard-module__block--z689o.UBQ_AssetLibraryCard-module__containsLabel--tsqhH {
   flex-direction: column-reverse;
@@ -4552,6 +4593,10 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
   text-align: left;
 }
+.UBQ_AssetLibraryCard-module__block--z689o:hover,
+.UBQ_AssetLibraryCard-module__block--z689o:active {
+  background-size: calc(100% - var(--ubq-margin-xs));
+}
 .UBQ_AssetLibraryCard-module__dragPreview--OmKMq {
   overflow: hidden;
   border-radius: var(--ubq-border-radius-l);
@@ -4599,6 +4644,15 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
 .UBQ_AssetLibraryCard-module__border--QhSq0 {
   box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
 }
+.UBQ_AssetLibraryCard-module__spotColorIndicator--7iifr {
+  border-radius: var(--ubq-border_radius-m);
+  position: absolute;
+  inset: 0;
+  background-size: calc(4.5 * var(--ubq-scale-base));
+  background-position: top right;
+  background-repeat: no-repeat;
+  pointer-events: none;
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetMediaPlayer.module.scss */
 .UBQ_AssetMediaPlayer-module__block--2enRm {
@@ -5187,6 +5241,11 @@ footer {
   flex-grow: 1;
   overflow: hidden;
 }
+.UBQ_AssetLibraryContent-module__block--SroUk hr {
+  margin-top: var(--ubq-margin-xs);
+  margin-bottom: 0;
+  width: 100%;
+}
 .UBQ_AssetLibraryContent-module__motionWrapper--Bxmsh {
   display: flex;
   flex-direction: column;