@cesdk/cesdk-js 1.62.0-nightly.20251007 → 1.62.0-nightly.20251009

package/assets/ui/stylesheets/cesdk-themes.css

@@ -1,9 +1,9 @@
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/themes/index.scss */
 .ubq-dark {
-  --ubq-canvas: hsl(207 18% 10%);
-  --ubq-elevation-1: hsl(207 17% 12%);
-  --ubq-elevation-2: hsl(210 15% 15%);
-  --ubq-elevation-3: hsl(208 14% 18%);
+  --ubq-canvas: hsl(210 22% 7%);
+  --ubq-elevation-1: hsl(210 22% 7%);
+  --ubq-elevation-2: hsl(210 22% 7%);
+  --ubq-elevation-3: hsl(210 22% 7%);
   --ubq-foreground-accent: hsl(208 14% 18%);
   --ubq-foreground-active: hsl(221 100% 80%);
   --ubq-foreground-default: hsl(200 11% 95%);
@@ -11,10 +11,10 @@
   --ubq-foreground-light: hsl(200 11% 95% / 0.7);
   --ubq-foreground-danger-default: hsl(208 14% 18%);
   --ubq-foreground-notice-default: hsl(208 14% 18%);
-  --ubq-interactive-default: hsl(208 12% 28%);
-  --ubq-interactive-hover: hsl(207 10% 34%);
-  --ubq-interactive-pressed: hsl(208 13% 23%);
-  --ubq-interactive-selected: hsl(208 12% 28%);
+  --ubq-interactive-default: hsl(208 14% 18%);
+  --ubq-interactive-hover: hsl(208 13% 23%);
+  --ubq-interactive-pressed: hsl(210 15% 15%);
+  --ubq-interactive-selected: hsl(208 14% 18%);
   --ubq-interactive-accent-default: hsl(221 100% 80%);
   --ubq-interactive-accent-hover: hsl(219 100% 88%);
   --ubq-interactive-accent-pressed: hsl(223 100% 76%);
@@ -31,9 +31,9 @@
   --ubq-interactive-template-default: hsl(273 100% 82%);
   --ubq-interactive-template-hover: hsl(273 100% 89%);
   --ubq-interactive-template-pressed: hsl(273 100% 77%);
-  --ubq-input-default: hsl(207 18% 10%);
-  --ubq-input-hover: hsl(207 17% 12%);
-  --ubq-progress: hsl(206 8% 62%);
+  --ubq-input-default: hsl(200 27% 4%);
+  --ubq-input-hover: hsl(210 22% 7%);
+  --ubq-progress: hsl(207 9% 39%);
   --ubq-border-default: hsl(0 0% 100% / 0.16);
   --ubq-stroke-contrast-1: hsl(200 11% 95% / 0.12);
   --ubq-stroke-contrast-2: hsl(200 11% 95% / 0.25);
@@ -54,10 +54,10 @@
     0px 0px 0px 7px var(--ubq-focus-outline);
 }
 .ubq-light {
-  --ubq-canvas: hsl(210 9% 87%);
-  --ubq-elevation-1: hsl(204 9% 90%);
-  --ubq-elevation-2: hsl(210 10% 92%);
-  --ubq-elevation-3: hsl(200 11% 95%);
+  --ubq-canvas: hsl(240 8% 97%);
+  --ubq-elevation-1: hsl(240 8% 97%);
+  --ubq-elevation-2: hsl(240 8% 97%);
+  --ubq-elevation-3: hsl(240 8% 97%);
   --ubq-foreground-accent: hsl(200 11% 95%);
   --ubq-foreground-active: hsl(228 100% 65%);
   --ubq-foreground-default: hsl(208 14% 18%);
@@ -66,8 +66,8 @@
   --ubq-foreground-danger-default: hsl(200 11% 95%);
   --ubq-foreground-notice-default: hsl(200 11% 95%);
   --ubq-interactive-default: hsl(0 0% 100%);
-  --ubq-interactive-hover: hsl(210 10% 85%);
-  --ubq-interactive-pressed: hsl(205 9% 75%);
+  --ubq-interactive-hover: hsl(204 9% 90%);
+  --ubq-interactive-pressed: hsl(210 9% 87%);
   --ubq-interactive-selected: hsl(0 0% 100%);
   --ubq-interactive-accent-default: hsl(228 100% 65%);
   --ubq-interactive-accent-hover: hsl(229 88% 60%);
@@ -85,8 +85,8 @@
   --ubq-interactive-template-default: hsl(273 91% 61%);
   --ubq-interactive-template-hover: hsl(275 81% 53%);
   --ubq-interactive-template-pressed: hsl(278 100% 42%);
-  --ubq-input-default: hsl(210 9% 87%);
-  --ubq-input-hover: hsl(210 10% 85%);
+  --ubq-input-default: hsl(204 9% 90%);
+  --ubq-input-hover: hsl(210 9% 87%);
   --ubq-progress: hsl(206 8% 62%);
   --ubq-border-default: hsl(0 0% 100% / 0.4);
   --ubq-stroke-contrast-1: hsl(208 14% 18% / 0.12);
@@ -94,7 +94,7 @@
   --ubq-stroke-contrast-3: hsl(208 14% 18% / 0.9);
   --ubq-focus-default: hsl(231 76% 54%);
   --ubq-focus-outline: hsl(231 76% 54% / 0.35);
-  --ubq-overlay: hsl(210 9% 87% / 0.8);
+  --ubq-overlay: hsl(207 18% 10% / 0.8);
   --ubq-notice-error: hsl(340 66% 54%);
   --ubq-notice-info: hsl(207 7% 51%);
   --ubq-notice-success: hsl(165 100% 30%);

package/assets/ui/stylesheets/cesdk.css

@@ -2331,14 +2331,17 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
 }
 .UBQ_Panel-module__block--Q2Gnk.UBQ_Panel-module__left--8NLpk {
   left: 0;
+  border-right: 1px solid var(--ubq-stroke-contrast-1);
 }
 .UBQ_Panel-module__block--Q2Gnk.UBQ_Panel-module__right--8z0t6 {
   right: 0;
+  border-left: 1px solid var(--ubq-stroke-contrast-1);
 }
 :where(.UBQ_Panel-module__block--Q2Gnk) hr {
   margin-block: var(--ubq-margin-m);
 }
 .UBQ_Panel-module__verticalLayout--ypgiz {
+  border-top: 1px solid var(--ubq-stroke-contrast-1);
   border-top-left-radius: var(--ubq-border_radius-l);
   border-top-right-radius: var(--ubq-border_radius-l);
   height: calc(var(--ubq_internal-containerquery-height, 100%) / 2);
@@ -2351,6 +2354,7 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
 }
 .UBQ_Panel-module__verticalLayout--ypgiz.UBQ_Panel-module__fullHeight--xoctd {
   height: var(--ubq_internal-containerquery-height, 100%);
+  border-top: none;
   border-top-left-radius: unset;
   border-top-right-radius: unset;
 }
@@ -2654,7 +2658,8 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
   box-sizing: border-box;
   z-index: 15;
   background: var(--ubq-elevation-2);
-  transition: background-color 0.3s ease-in-out;
+  border-right: 1px solid var(--ubq-stroke-contrast-1);
+  transition: background-color 0.2s ease-in-out;
   flex: 0 0 auto;
   height: 100%;
 }
@@ -2732,7 +2737,8 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
   flex-direction: row;
   height: inherit;
   width: 100%;
-  box-shadow: inset 0px 1px var(--ubq-stroke-contrast-1);
+  border-right: none;
+  border-top: 1px solid var(--ubq-stroke-contrast-1);
 }
 .UBQ_Dock-module__horizontal--5G5VQ .UBQ_Dock-module__button--U0VQf {
   min-width: calc(var(--ubq-scale-base) * 14);
@@ -3398,6 +3404,7 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
 .UBQ_TimelineRuler-module__block--cxjzp {
   height: calc(var(--ubq-scale-base) * 6);
   overflow: hidden;
+  border-bottom: 1px solid var(--ubq-stroke-contrast-1);
 }
 .UBQ_TimelineRuler-module__second--YhcIw {
   display: grid;
@@ -3437,7 +3444,17 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
   position: absolute;
   top: 0;
   height: calc(var(--ubq-scale-base) * 6);
-  background: var(--ubq-overlay);
+  background-image:
+    linear-gradient(
+      135deg,
+      transparent 25%,
+      var(--ubq-stroke-contrast-1) 25%,
+      var(--ubq-stroke-contrast-1) 50%,
+      transparent 50%,
+      transparent 75%,
+      var(--ubq-stroke-contrast-1) 75%,
+      var(--ubq-stroke-contrast-1) 100%);
+  background-size: calc(var(--ubq-scale-base) * 3) calc(var(--ubq-scale-base) * 3);
   opacity: 0.75;
 }
 .UBQ_TimelineRuler-module__minDuration--TS8Q3 {
@@ -3995,6 +4012,7 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
   display: flex;
   align-items: center;
   margin: var(--ubq-margin-xs) var(--ubq-margin-m);
+  padding-block-start: var(--ubq-margin-s);
 }
 .UBQ_AssetLibraryBreadcrumb-module__label--oMzYm,
 .UBQ_AssetLibraryBreadcrumb-module__button--H9k1U,
@@ -4162,7 +4180,7 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
   pointer-events: none;
 }
 .UBQ_AssetLibraryCard-module__svgBackground--QqZbB {
-  display: flex;
+  display: grid;
   place-content: center;
   width: 100%;
   height: 100%;
@@ -4792,7 +4810,9 @@ footer {
   display: flex;
   align-items: center;
   padding: var(--ubq-margin-m) var(--ubq-margin-l);
-  height: calc(12 * var(--ubq-scale-base) - 2 * var(--ubq-margin-m));
+  height: calc(12 * var(--ubq-scale-base) - 2 * var(--ubq-margin-m) - 1px);
+  max-height: calc(12 * var(--ubq-scale-base));
+  border-bottom: 1px solid var(--ubq-border-default);
 }
 .UBQ_Panel-module__header--qDeg3.UBQ_Panel-module__hidden---Zatz {
   position: absolute;
@@ -4988,6 +5008,7 @@ footer {
   scrollbar-color: var(--ubq-foreground-info) transparent;
   flex: 1;
   padding: var(--ubq-margin-m);
+  padding-block-start: calc(2 * var(--ubq-margin-s));
   height: 100%;
   overflow-y: scroll;
 }
@@ -5111,6 +5132,7 @@ footer {
   scrollbar-color: var(--ubq-foreground-info) transparent;
   overflow: auto;
   height: 100%;
+  padding-block-start: calc(2 * var(--ubq-margin-s));
 }
 .UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar {
   width: calc(2 * var(--ubq-scale-base));
@@ -5213,6 +5235,7 @@ footer {
   margin: 0;
   padding: 0;
   list-style: none;
+  overflow: visible;
   max-height: min(97.5 * var(--ubq-scale-base), 0.6 * var(--ubq_internal-containerquery-height, 60vh));
 }
 .UBQ_BaseBuilder-module__dropdownList--sdhIw::-webkit-scrollbar {
@@ -5814,6 +5837,7 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   min-height: calc(var(--ubq-scale-base) * 6);
   max-height: calc(12 * var(--ubq-scale-base));
   background: var(--ubq-InspectorBar-background, var(--ubq-elevation-1));
+  border-bottom: 1px solid var(--ubq-stroke-contrast-1);
   overflow-x: auto;
   overflow-y: hidden;
 }
@@ -5883,6 +5907,7 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   overflow-x: auto;
   overflow-y: hidden;
   background: var(--ubq-elevation-3);
+  border-bottom: 1px solid var(--ubq-stroke-contrast-1);
 }
 .UBQ_NavigationBar-module__block--arCer::-webkit-scrollbar {
   width: calc(2 * var(--ubq-scale-base));
@@ -6206,6 +6231,7 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
 .UBQ_VideoTimeline-module__block--7jS2p {
   isolation: isolate;
   background: var(--ubq-elevation-1);
+  border-top: 1px solid var(--ubq-stroke-contrast-1);
 }
 .UBQ_VideoTimeline-module__resizeHandle--BwFFh {
   position: relative;
@@ -6303,7 +6329,6 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
 }
 .UBQ_VideoTimeline-module__timeRuler--jUJdX {
   position: sticky;
-  border-top: 1px solid var(--ubq-elevation-1);
   top: -1px;
   z-index: 1;
 }
@@ -6714,7 +6739,7 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   color: var(--ubq-foreground-default);
 }
 .UBQ_Credits-module__cesdkLogo--nW5AU {
-  color: white;
+  color: var(--ubq-foreground-default);
 }
 .UBQ_Credits-module__igorContainer--xxKV9 {
   padding: var(--ubq-margin-l);