@cesdk/cesdk-js 1.63.0-nightly.20251014 → 1.63.0-nightly.20251016

package/assets/i18n/de.json

@@ -420,6 +420,8 @@
   "component.scalingSelect.large.description": "Große Skalierung auswählen",
   "component.scalingSelect.normal": "Normal",
   "component.scalingSelect.normal.description": "Normale Skalierung auswählen",
+  "component.scalingSelect.modern": "Modern",
+  "component.scalingSelect.modern.description": "Moderne Skalierung auswählen",
   "component.settings.toggle": "Editor anpassen",
   "component.settings.toggle.description": "Einstellungen öffnen um den Editor anzupassen",
   "component.settingsPanel.appearance": "Aussehen",

package/assets/i18n/en.json

@@ -420,6 +420,8 @@
   "component.scalingSelect.large.description": "Select large scaling",
   "component.scalingSelect.normal": "Normal",
   "component.scalingSelect.normal.description": "Select normal scaling",
+  "component.scalingSelect.modern": "Modern",
+  "component.scalingSelect.modern.description": "Select modern scaling",
   "component.settings.toggle": "Customize Editor",
   "component.settings.toggle.description": "Open settings to customize editor",
   "component.settingsPanel.appearance": "Appearance",

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

@@ -226,3 +226,52 @@
   --ubq-border_radius-m: 10px;
   --ubq-border_radius-l: 15px;
 }
+.ubq-modern {
+  --ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
+  --ubq-typography-headline-l-size: 16px;
+  --ubq-typography-headline-l-weight: 600;
+  --ubq-typography-headline-l-letter_spacing: 0.01em;
+  --ubq-typography-headline-l-line_height: 20px;
+  --ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
+  --ubq-typography-headline-m-size: 12px;
+  --ubq-typography-headline-m-weight: 600;
+  --ubq-typography-headline-m-letter_spacing: 0.03em;
+  --ubq-typography-headline-m-line_height: 16px;
+  --ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
+  --ubq-typography-label-m-size: 12px;
+  --ubq-typography-label-m-weight: 450;
+  --ubq-typography-label-m-letter_spacing: 0.02em;
+  --ubq-typography-label-m-line_height: 16px;
+  --ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
+  --ubq-typography-label-s-size: 10px;
+  --ubq-typography-label-s-weight: 450;
+  --ubq-typography-label-s-letter_spacing: 0.02em;
+  --ubq-typography-label-s-line_height: 14px;
+  --ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
+  --ubq-typography-body-m-size: 12px;
+  --ubq-typography-body-m-weight: 450;
+  --ubq-typography-body-m-letter_spacing: 0.02em;
+  --ubq-typography-body-m-line_height: 18px;
+  --ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
+  --ubq-typography-input-m-size: 12px;
+  --ubq-typography-input-m-weight: 450;
+  --ubq-typography-input-m-letter_spacing: 0.02em;
+  --ubq-typography-input-m-line_height: 16px;
+  --ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );
+  --ubq-typography-button-m-size: 12px;
+  --ubq-typography-button-m-weight: 450;
+  --ubq-typography-button-m-letter_spacing: 0.02em;
+  --ubq-typography-button-m-line_height: 16px;
+  --ubq-scale-base: 4px;
+  --ubq-margin-base: 4px;
+  --ubq-margin-xs: 4px;
+  --ubq-margin-s: 8px;
+  --ubq-margin-m: 12px;
+  --ubq-margin-l: 16px;
+  --ubq-margin-xl: 24px;
+  --ubq-border_radius-base: 4px;
+  --ubq-border_radius-xs: 2px;
+  --ubq-border_radius-s: 4px;
+  --ubq-border_radius-m: 8px;
+  --ubq-border_radius-l: 12px;
+}

package/assets/ui/stylesheets/cesdk.css

@@ -33,6 +33,15 @@
   width: calc(6 * var(--ubq-scale-base));
 }
 
+/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Theme/Theme.module.scss */
+.UBQ_Theme-module__block--y8Z5g {
+  height: 100%;
+  width: 100%;
+}
+.UBQ_Theme-module__transition--lBTNM * * {
+  transition: color, background-color 0.2s ease-in-out;
+}
+
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Button/Button.module.scss */
 .UBQ_Button-module__block--XyrVB {
   font-family: var(--ubq-typography-font_family, var(--ubq-typography-button-m-font_family));
@@ -259,6 +268,10 @@
 .UBQ_Button-module__ubq-size_large--0g59K {
   padding: var(--ubq-margin-m);
 }
+.UBQ_Button-module__ubq-size_modern--6-lui {
+  border-radius: var(--ubq-border_radius-m);
+  padding: var(--ubq-margin-s);
+}
 @keyframes UBQ_Button-module__spin--0WFIV {
   from {
     transform: rotate(0deg);
@@ -291,15 +304,6 @@
   color: var(--ubq-foreground-default);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Theme/Theme.module.scss */
-.UBQ_Theme-module__block--y8Z5g {
-  height: 100%;
-  width: 100%;
-}
-.UBQ_Theme-module__transition--lBTNM * * {
-  transition: color, background-color 0.2s ease-in-out;
-}
-
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Layout/LayoutEdge/LayoutEdge.module.scss */
 .UBQ_LayoutEdge-module__block--f2y-3 {
   display: grid;
@@ -402,27 +406,27 @@
 .UBQ_SegmentedGroup-module__block--SYP9Y > hr + hr {
   display: none;
 }
-.UBQ_SegmentedGroup-module__block--SYP9Y > * {
-  border-radius: 0;
-}
-.UBQ_SegmentedGroup-module__block--SYP9Y > *:first-child {
-  border-top-left-radius: var(--ubq-border_radius-s);
-  border-bottom-left-radius: var(--ubq-border_radius-s);
+.UBQ_SegmentedGroup-module__block--SYP9Y > *:not(:only-child):first-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
-.UBQ_SegmentedGroup-module__block--SYP9Y > *:last-child {
-  border-top-right-radius: var(--ubq-border_radius-s);
-  border-bottom-right-radius: var(--ubq-border_radius-s);
+.UBQ_SegmentedGroup-module__block--SYP9Y > *:not(:only-child):last-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
-.UBQ_SegmentedGroup-module__block--SYP9Y[aria-orientation=vertical] > * {
+.UBQ_SegmentedGroup-module__block--SYP9Y > *:not(:first-child):not(:last-child) {
   border-radius: 0;
 }
-.UBQ_SegmentedGroup-module__block--SYP9Y[aria-orientation=vertical] > *:first-child {
-  border-top-left-radius: var(--ubq-border_radius-s);
-  border-top-right-radius: var(--ubq-border_radius-s);
+.UBQ_SegmentedGroup-module__block--SYP9Y[aria-orientation=vertical] > *:not(:only-child):first-child {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
-.UBQ_SegmentedGroup-module__block--SYP9Y[aria-orientation=vertical] > *:last-child {
-  border-bottom-left-radius: var(--ubq-border_radius-s);
-  border-bottom-right-radius: var(--ubq-border_radius-s);
+.UBQ_SegmentedGroup-module__block--SYP9Y[aria-orientation=vertical] > *:not(:only-child):last-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.UBQ_SegmentedGroup-module__block--SYP9Y[aria-orientation=vertical] > *:not(:first-child):not(:last-child) {
+  border-radius: 0;
 }
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/InputGroup/InputGroup.module.scss */
@@ -439,13 +443,19 @@
 .UBQ_InputGroup-module__block--cxN0E > * {
   flex: 1 1 auto;
 }
-.UBQ_InputGroup-module__block--cxN0E > *:first-child button,
-.UBQ_InputGroup-module__block--cxN0E > *:first-child input {
-  border-radius: var(--ubq-border_radius-s) 0 0 var(--ubq-border_radius-s);
+.UBQ_InputGroup-module__block--cxN0E > *:not(:only-child):first-child button,
+.UBQ_InputGroup-module__block--cxN0E > *:not(:only-child):first-child input {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
-.UBQ_InputGroup-module__block--cxN0E > *:last-child button,
-.UBQ_InputGroup-module__block--cxN0E > *:last-child input {
-  border-radius: 0 var(--ubq-border_radius-s) var(--ubq-border_radius-s) 0;
+.UBQ_InputGroup-module__block--cxN0E > *:not(:only-child):last-child button,
+.UBQ_InputGroup-module__block--cxN0E > *:not(:only-child):last-child input {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.UBQ_InputGroup-module__block--cxN0E > *:not(:first-child):not(:last-child) button,
+.UBQ_InputGroup-module__block--cxN0E > *:not(:first-child):not(:last-child) input {
+  border-radius: 0;
 }
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/InputGrid/InputGrid.module.scss */
@@ -740,6 +750,17 @@
   opacity: 0.55;
   pointer-events: none;
 }
+.UBQ_Checkbox-module__modern--OYrAk > .UBQ_Checkbox-module__checkbox-container--ocMWh {
+  height: calc(5 * var(--ubq-scale-base));
+  width: calc(5 * var(--ubq-scale-base));
+}
+.UBQ_Checkbox-module__modern--OYrAk > .UBQ_Checkbox-module__checkbox-container--ocMWh > * {
+  height: calc(4 * var(--ubq-scale-base));
+  width: calc(4 * var(--ubq-scale-base));
+}
+.UBQ_Checkbox-module__modern--OYrAk > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5 {
+  border-radius: var(--ubq-border_radius-s);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Checkbox/CheckboxList.module.scss */
 .UBQ_CheckboxList-module__block--d4xnP {
@@ -816,11 +837,15 @@
   color: var(--ubq-static-contrast-white);
   mix-blend-mode: difference;
 }
+.UBQ_ColorPreview-module__modern--k37tC .UBQ_ColorPreview-module__colorPreviewLabel--UvZts {
+  padding-block: var(--ubq-margin-s);
+  padding-inline: var(--ubq-margin-m) calc(var(--ubq-typography-label-m-line_height) + 2 * var(--ubq-margin-s));
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ColorPreviewButton/ColorPreviewButton.module.scss */
 .UBQ_ColorPreviewButton-module__block--r0F5v {
   padding: 0;
-  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
+  box-shadow: 0 0 0 0.5px var(--ubq-effect-shadow);
   overflow: auto;
 }
 .UBQ_ColorPreviewButton-module__block--r0F5v.UBQ_ColorPreviewButton-module__noBorder--a8L4L {
@@ -837,9 +862,6 @@
   overflow: hidden;
   background-color: transparent;
 }
-.UBQ_ColorPreviewButton-module__colorPreviews--pCdOx.UBQ_ColorPreviewButton-module__small--N7YMv {
-  height: calc(5 * var(--ubq-scale-base));
-}
 .UBQ_ColorPreviewButton-module__colorPreviews--pCdOx > * {
   position: absolute;
 }
@@ -891,6 +913,21 @@
   height: 100%;
   width: 100%;
 }
+.UBQ_ColorPreviewButton-module__modern--G1WuA .UBQ_ColorPreviewButton-module__colorPreviews--pCdOx {
+  height: calc(8 * var(--ubq-scale-base));
+}
+.UBQ_ColorPreviewButton-module__modern--G1WuA .UBQ_ColorPreviewButton-module__iconContainer--kVB38 {
+  height: calc(6 * var(--ubq-scale-base));
+  width: calc(6 * var(--ubq-scale-base));
+  border-radius: var(--ubq-border_radius-s);
+}
+.UBQ_ColorPreviewButton-module__modern--G1WuA .UBQ_ColorPreviewButton-module__checkeredBackgroundOnly--7nQ5m,
+.UBQ_ColorPreviewButton-module__modern--G1WuA .UBQ_ColorPreviewButton-module__checkeredRed--KYysa {
+  border-radius: calc(var(--ubq-border_radius-m) - 1px);
+}
+.UBQ_ColorPreviewButton-module__modern--G1WuA .UBQ_ColorPreviewButton-module__insetBorderOverlay--WbCIw {
+  border-radius: var(--ubq-border_radius-m);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ElementStack/ElementStack.module.scss */
 .UBQ_ElementStack-module__block--2naFC {
@@ -1019,6 +1056,9 @@
 .UBQ_ColorPreviewFieldButton-module__block--HQSbc {
   padding: calc(var(--ubq-margin-xs) / 2) var(--ubq-margin-xs) calc(var(--ubq-margin-xs) / 2) calc(var(--ubq-margin-xs) / 2);
 }
+.UBQ_ColorPreviewFieldButton-module__block--HQSbc.UBQ_ColorPreviewFieldButton-module__modern--gtVq2 {
+  padding: calc(var(--ubq-margin-s) - var(--ubq-margin-xs) / 2) var(--ubq-margin-xs) calc(var(--ubq-margin-s) - var(--ubq-margin-xs) / 2) calc(var(--ubq-margin-s) - var(--ubq-margin-xs) / 2);
+}
 .UBQ_ColorPreviewFieldButton-module__colorPreviewOnly---de4N {
   padding: calc(var(--ubq-margin-xs) / 2);
 }
@@ -1071,6 +1111,11 @@
   background: var(--ubq-input-hover);
   color: var(--ubq-foreground-default);
 }
+.UBQ_BaseInput-module__block--gqfhh.UBQ_BaseInput-module__modern--mnFD- {
+  border-radius: var(--ubq-border_radius-m);
+  height: calc(var(--ubq-margin-s) * 2 + var(--ubq-typography-input-m-line_height));
+  padding: var(--ubq-margin-m);
+}
 .UBQ_BaseInput-module__block--gqfhh::-webkit-outer-spin-button,
 .UBQ_BaseInput-module__block--gqfhh::-webkit-inner-spin-button {
   -webkit-appearance: none;
@@ -1427,6 +1472,13 @@
   pointer-events: none;
   opacity: 0.55;
 }
+.UBQ_NumberInput-module__modern--MpLrx .UBQ_NumberInput-module__overlay--G5kI6 {
+  padding-left: var(--ubq-margin-m);
+}
+.UBQ_NumberInput-module__modern--MpLrx .UBQ_NumberInput-module__overlayUnit--G0r4j.UBQ_NumberInput-module__withButtonSpace--GpFpI,
+.UBQ_NumberInput-module__modern--MpLrx .UBQ_NumberInput-module__inputUnit--P54of.UBQ_NumberInput-module__withButtonSpace--GpFpI {
+  padding-right: calc(var(--ubq-scale-base) * 6 + var(--ubq-margin-s));
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/LoadingShimmer/LoadingShimmer.module.scss */
 .UBQ_LoadingShimmer-module__block--A2A9c {
@@ -1514,6 +1566,10 @@
   opacity: 0.55;
   pointer-events: none;
 }
+.UBQ_ListBox-module__modern--HcHme.UBQ_ListBox-module__option--VGvP0 {
+  border-radius: var(--ubq-border_radius-m);
+  padding: var(--ubq-margin-s);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Select/Select.module.scss */
 .UBQ_Select-module__block--j75r2 {
@@ -1578,6 +1634,10 @@
   height: var(--ubq-typography-label-m-line_height);
   margin: var(--ubq-margin-xs);
 }
+.UBQ_NumberSelectInput-module__numberSelectInputReference--4msZz.UBQ_NumberSelectInput-module__modern--ZQskm {
+  height: calc(6 * var(--ubq-scale-base));
+  width: calc(6 * var(--ubq-scale-base));
+}
 .UBQ_NumberSelectInput-module__numberSelectOption--Oq3wL {
   display: flex;
   justify-content: flex-start;
@@ -1948,14 +2008,6 @@
   opacity: 1;
   pointer-events: initial;
 }
-.UBQ_Slider-module__sliderWrapper--KcqIp {
-  position: relative;
-  max-height: calc(var(--ubq-margin-l) + var(--ubq-margin-s));
-}
-.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__disabled--wU--n {
-  opacity: 0.55;
-  pointer-events: none;
-}
 .UBQ_Slider-module__inputRange--zoNZJ {
   -webkit-appearance: none;
   width: 100%;
@@ -2209,6 +2261,9 @@
   opacity: 0;
   pointer-events: none;
 }
+.UBQ_Slider-module__wrapperButtonToggleInput--yYzzg.UBQ_Slider-module__modern--zJgoi {
+  left: calc(-1 * calc(2 * var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height)) - var(--ubq-margin-m));
+}
 .UBQ_Slider-module__buttonSurface--eXHaf {
   background: var(--ubq-elevation-3);
   pointer-events: none;
@@ -2218,6 +2273,30 @@
 .UBQ_Slider-module__buttonSurface--eXHaf button {
   pointer-events: auto;
 }
+.UBQ_Slider-module__sliderWrapper--KcqIp {
+  position: relative;
+  max-height: calc(var(--ubq-margin-l) + var(--ubq-margin-s));
+}
+.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__modern--zJgoi {
+  max-height: calc(8 * var(--ubq-scale-base));
+}
+.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__modern--zJgoi .UBQ_Slider-module__inputRange--zoNZJ {
+  border-radius: var(--ubq-border_radius-m);
+  height: calc(8 * var(--ubq-scale-base));
+}
+.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__modern--zJgoi .UBQ_Slider-module__inputRange--zoNZJ::-moz-range-track {
+  border-radius: var(--ubq-border_radius-m);
+}
+.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__modern--zJgoi .UBQ_Slider-module__inputRange--zoNZJ::-webkit-slider-runnable-track {
+  border-radius: var(--ubq-border_radius-m);
+}
+.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__modern--zJgoi .UBQ_Slider-module__numberValue--91YSo {
+  padding: calc(var(--ubq-margin-xs) / 2) var(--ubq-margin-s) 0;
+}
+.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__disabled--wU--n {
+  opacity: 0.55;
+  pointer-events: none;
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Section/Section.module.scss */
 .UBQ_Section-module__block--ZZ2wD {
@@ -2258,6 +2337,18 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
 .UBQ_Section-module__content--YoHpW.UBQ_Section-module__titleless--SEdYL {
   padding-top: var(--ubq-margin-l);
 }
+.UBQ_Section-module__modern--B0bDq .UBQ_Section-module__heading--lUkHF {
+  padding: var(--ubq-margin-s) var(--ubq-margin-m);
+}
+.UBQ_Section-module__modern--B0bDq .UBQ_Section-module__headingTitle--xf5O9 {
+  padding-left: var(--ubq-margin-xs);
+}
+.UBQ_Section-module__modern--B0bDq .UBQ_Section-module__content--YoHpW {
+  padding: var(--ubq-margin-xs) var(--ubq-margin-m) var(--ubq-margin-m) var(--ubq-margin-m);
+}
+.UBQ_Section-module__modern--B0bDq .UBQ_Section-module__content--YoHpW.UBQ_Section-module__titleless--SEdYL {
+  padding-top: var(--ubq-margin-m);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/SectionRow/SectionRow.module.scss */
 .UBQ_SectionRow-module__block--UXhDm {
@@ -2288,6 +2379,9 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
 .UBQ_SectionRow-module__block--UXhDm > hr {
   margin-block: 0;
 }
+.UBQ_SectionRow-module__block--UXhDm.UBQ_SectionRow-module__modern--kjIL3 {
+  max-height: calc(2 * var(--ubq-margin-m) + var(--ubq-typography-button-m-line_height));
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/SectionBlock/SectionBlock.module.scss */
 .UBQ_SectionBlock-module__block--lgNgP {
@@ -2337,6 +2431,9 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
   right: 0;
   border-left: 1px solid var(--ubq-stroke-contrast-1);
 }
+:where(.UBQ_Panel-module__block--Q2Gnk).UBQ_Panel-module__modern--L67-h {
+  width: calc(74 * var(--ubq-scale-base));
+}
 :where(.UBQ_Panel-module__block--Q2Gnk) hr {
   margin-block: var(--ubq-margin-m);
 }
@@ -2776,6 +2873,15 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
   overflow-wrap: break-word;
   width: 100%;
 }
+.UBQ_Dock-module__modern--LAxLk.UBQ_Dock-module__block--05e4Z {
+  padding: var(--ubq-margin-s);
+}
+.UBQ_Dock-module__modern--LAxLk.UBQ_Dock-module__small--84f5u {
+  width: calc(var(--ubq-scale-base) * 14);
+}
+.UBQ_Dock-module__modern--LAxLk.UBQ_Dock-module__big--R-soZ {
+  width: calc(var(--ubq-scale-base) * 20);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/MasonryGrid/MasonryGrid.module.scss */
 .UBQ_MasonryGrid-module__block--DkiFd {
@@ -2783,6 +2889,9 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
   grid-gap: var(--ubq-margin-s);
   grid-auto-rows: 0;
 }
+.UBQ_MasonryGrid-module__block--DkiFd.UBQ_MasonryGrid-module__modern--GUNQI {
+  grid-gap: var(--ubq-margin-xs);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/MediaStrip/MediaStrip.module.scss */
 .UBQ_MediaStrip-module__block--efmGw {
@@ -3239,6 +3348,10 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
   background-repeat: repeat;
   background-position: center center;
 }
+.UBQ_ContentBox-module__modern--PgejQ .UBQ_ContentBox-module__interactionElement--YXEC9,
+.UBQ_ContentBox-module__modern--PgejQ .UBQ_ContentBox-module__solid--voWya {
+  border-radius: var(--ubq-border_radius-m);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/InteractiveBox/InteractiveBox.module.scss */
 .UBQ_InteractiveBox-module__block--JrnsW {
@@ -3644,6 +3757,9 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
 .UBQ_TimelineClip-module__block--J7w6O:not([aria-selected=true]):not(:hover) [data-show=both] {
   display: none;
 }
+.UBQ_TimelineClip-module__modern--BjOzV .UBQ_TimelineClip-module__contextMenu--y9tFr {
+  border-radius: var(--ubq-border_radius-s);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/TimelinePlayHead/TimelinePlayHead.module.scss */
 .UBQ_TimelinePlayHead-module__block--PmbQM {
@@ -4246,6 +4362,12 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
 .UBQ_AssetLibraryPropertyPopover-module__header--O30QG .UBQ_AssetLibraryPropertyPopover-module__heading--ZMjsl + .UBQ_AssetLibraryPropertyPopover-module__actions--8Udd3 {
   margin-left: auto;
 }
+.UBQ_AssetLibraryPropertyPopover-module__modern--y-o3Y.UBQ_AssetLibraryPropertyPopover-module__block--A3c-n {
+  padding-inline: var(--ubq-margin-m);
+}
+.UBQ_AssetLibraryPropertyPopover-module__modern--y-o3Y .UBQ_AssetLibraryPropertyPopover-module__heading--ZMjsl {
+  padding-left: var(--ubq-margin-xs);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/SliderInput/SliderInput.module.scss */
 .UBQ_SliderInput-module__block--pFy3O {
@@ -4501,6 +4623,15 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
   width: calc(6 * var(--ubq-scale-base));
   opacity: 1;
 }
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:hover + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
+.UBQ_AssetMediaPlayer-module__block--2enRm:hover .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
+.UBQ_AssetMediaPlayer-module__block--2enRm:focus-within .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
+.UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0 {
+  width: calc(8 * var(--ubq-scale-base));
+}
 .UBQ_AssetMediaPlayer-module__sibling--KCgcZ:hover + .UBQ_AssetMediaPlayer-module__block--2enRm time,
 .UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm time,
 .UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm time,
@@ -4510,6 +4641,13 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
 .UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] time {
   margin-inline: var(--ubq-margin-xs) var(--ubq-margin-s);
 }
+.UBQ_AssetMediaPlayer-module__modern--Es0G0.UBQ_AssetMediaPlayer-module__block--2enRm {
+  border-radius: var(--ubq-border_radius-m);
+  height: calc(8 * var(--ubq-scale-base));
+}
+.UBQ_AssetMediaPlayer-module__modern--Es0G0 .UBQ_AssetMediaPlayer-module__layout--nxR1x {
+  border-radius: var(--ubq-border_radius-m);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetContextPopover.module.scss */
 .UBQ_AssetContextPopover-module__block--mBBDc {
@@ -4763,6 +4901,18 @@ footer {
   width: calc(10 * var(--ubq-scale-base));
   border-radius: 100%;
 }
+.UBQ_AssetLibrarySection-module__modern--kX9ne .UBQ_AssetLibrarySection-module__header--zaDtl {
+  margin-block: var(--ubq-margin-xs);
+  margin-inline: var(--ubq-margin-m);
+}
+.UBQ_AssetLibrarySection-module__modern--kX9ne .UBQ_AssetLibrarySection-module__header--zaDtl .UBQ_AssetLibrarySection-module__heading--wwrkD {
+  padding-left: var(--ubq-margin-xs);
+}
+.UBQ_AssetLibrarySection-module__modern--kX9ne .UBQ_AssetLibrarySection-module__previews--tS0xD {
+  margin-block: var(--ubq-margin-xs) var(--ubq-margin-l);
+  margin-inline: var(--ubq-margin-m);
+  grid-gap: var(--ubq-margin-xs);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibrarySection/AssetLibrarySectionSkeleton.module.scss */
 .UBQ_AssetLibrarySectionSkeleton-module__block--mWs38 {
@@ -4814,6 +4964,9 @@ footer {
   max-height: calc(12 * var(--ubq-scale-base));
   border-bottom: 1px solid var(--ubq-stroke-contrast-1);
 }
+.UBQ_Panel-module__header--qDeg3.UBQ_Panel-module__modern--0cIE- {
+  padding: var(--ubq-margin-m);
+}
 .UBQ_Panel-module__header--qDeg3.UBQ_Panel-module__hidden---Zatz {
   position: absolute;
   width: 1px;
@@ -4854,6 +5007,9 @@ footer {
   letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
   line-height: var(--ubq-typography-headline-l-line_height);
 }
+.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__heading--pa7qn.UBQ_Panel-module__modern--0cIE-:first-child {
+  padding-left: var(--ubq-margin-xs);
+}
 .UBQ_Panel-module__header--qDeg3 + hr {
   margin-block: 0;
 }
@@ -5157,6 +5313,9 @@ footer {
 .UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar-corner {
   background: transparent;
 }
+.UBQ_AssetLibraryOverview-module__block--eHaxL.UBQ_AssetLibraryOverview-module__modern--Q9-uV {
+  padding-block-start: var(--ubq-margin-xs);
+}
 .UBQ_AssetLibraryOverview-module__block--eHaxL hr {
   margin-block: 0;
 }
@@ -5186,7 +5345,8 @@ footer {
   padding-inline: var(--ubq-margin-s);
   padding-block-start: var(--ubq-margin-s);
 }
-.UBQ_AssetLibrarySearch-module__searchInput--GoKQU {
+.UBQ_AssetLibrarySearch-module__searchInput--GoKQU,
+.UBQ_AssetLibrarySearch-module__searchInput--GoKQU.UBQ_AssetLibrarySearch-module__modern--ROnZZ {
   height: calc(var(--ubq-scale-base) * 10);
   border-radius: var(--ubq-border_radius-m);
   padding-left: calc(var(--ubq-typography-label-m-line_height) + var(--ubq-margin-s) + var(--ubq-margin-xs));
@@ -5412,7 +5572,7 @@ footer {
   gap: var(--ubq-margin-xs);
   padding: var(--ubq-margin-xs);
   box-shadow: var(--ubq-effect-shadow), inset 0 0 0 1px var(--ubq-border-default);
-  border-radius: var(--ubq-border_radius-m);
+  border-radius: var(--ubq-border_radius-l);
   background: var(--ubq-elevation-2);
 }
 .UBQ_CanvasMenu-module__block--hk7CF:empty {
@@ -5568,6 +5728,7 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
 .UBQ_PropertyToggle-module__block--1Putg {
   box-shadow: inset 0 0 0 0 transparent;
   flex: 0 0 calc(6 * var(--ubq-scale-base));
+  min-width: unset;
 }
 .UBQ_PropertyToggle-module__emptyGap--KNCCA {
   flex: 0 0 calc(6 * var(--ubq-scale-base));
@@ -5575,6 +5736,9 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   -webkit-user-select: none;
   user-select: none;
 }
+.UBQ_PropertyToggle-module__emptyGap--KNCCA.UBQ_PropertyToggle-module__modern--Le9Uk {
+  flex: 0 0 calc(8 * var(--ubq-scale-base));
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/AnimationSubInspector.module.scss */
 .UBQ_AnimationSubInspector-module__panelContent--kCSYF {
@@ -5674,9 +5838,12 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   display: flex;
   flex-direction: column;
   justify-content: center;
-  height: calc(2 * calc(2 * var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height)) + var(--ubq-margin-m));
+  height: calc(2 * (2 * var(--ubq-margin-xs) + var(--ubq-typography-input-m-line_height)) + var(--ubq-margin-m));
   align-self: flex-start;
 }
+.UBQ_AspectLock-module__aspectLock--nMzUZ.UBQ_AspectLock-module__modern--ax0dL {
+  height: calc(2 * (var(--ubq-margin-s) * 2 + var(--ubq-typography-input-m-line_height)) + var(--ubq-margin-m) + var(--ubq-margin-m));
+}
 .UBQ_AspectLock-module__aspectIsUnlocked--zF52P > svg {
   opacity: 0.55;
 }
@@ -5795,6 +5962,9 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
 .UBQ_PageSizeSettings-module__applyButton--7Tz6K {
   width: calc(100% - var(--ubq-scale-base) * 8);
 }
+.UBQ_PageSizeSettings-module__applyButton--7Tz6K.UBQ_PageSizeSettings-module__modern--loswq {
+  width: calc(100% - var(--ubq-scale-base) * 10);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/pageResize/PageResizeInspector.module.scss */
 .UBQ_PageResizeInspector-module__noMargin--m6CLd {
@@ -5891,6 +6061,9 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
 .UBQ_InspectorBar-module__block--5q45J .UBQ_InspectorBar-module__scrollableContent--J0TUj > button {
   flex: 0 0 fit-content;
 }
+.UBQ_InspectorBar-module__modern--5GUuH.UBQ_InspectorBar-module__block--5q45J {
+  padding: var(--ubq-margin-s);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/builder/NavigationBarBuilder.module.scss */
 .UBQ_NavigationBarBuilder-module__heading--6hOzh {
@@ -5911,7 +6084,6 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   width: 100%;
   padding: var(--ubq-margin-m) var(--ubq-margin-l);
   min-height: calc(var(--ubq-margin-xs) * 2 + var(--ubq-typography-button-m-line_height));
-  max-height: calc(12 * var(--ubq-scale-base));
   overflow-x: auto;
   overflow-y: hidden;
   background: var(--ubq-elevation-3);
@@ -5966,6 +6138,9 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
 .UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm > button {
   flex: 0 0 fit-content;
 }
+.UBQ_NavigationBar-module__modern--xcm5y.UBQ_NavigationBar-module__block--arCer {
+  padding: var(--ubq-margin-m);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/UploadModal/UploadModal.module.scss */
 .UBQ_UploadModal-module__content--bWxul p {
@@ -6112,6 +6287,9 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
 .UBQ_VideoTimelineControls-module__expandButton--MRale {
   margin-inline-start: var(--ubq-margin-s);
 }
+.UBQ_VideoTimelineControls-module__modern--SBxyN.UBQ_VideoTimelineControls-module__block--51LSm {
+  padding: var(--ubq-margin-s) var(--ubq-margin-m);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/utils/getScrollbarHeight.module.scss */
 .UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV {
@@ -6495,9 +6673,15 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
 }
 .UBQ_AlignAndArrangeSectionRow-module__buttonGroup--BY3xO {
   display: flex;
-  gap: calc(2 * var(--ubq-scale-base));
+  gap: var(--ubq-margin-s);
   margin-right: 0;
 }
+.UBQ_AlignAndArrangeSectionRow-module__modern--6jJoN.UBQ_AlignAndArrangeSectionRow-module__sectionRow--YCPJ7 {
+  gap: var(--ubq-margin-m);
+}
+.UBQ_AlignAndArrangeSectionRow-module__modern--6jJoN .UBQ_AlignAndArrangeSectionRow-module__buttonGroup--BY3xO {
+  gap: var(--ubq-margin-xs);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/BlendModeSelect.module.scss */
 .UBQ_BlendModeSelect-module__options--Oel9f {
@@ -6542,6 +6726,9 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   width: calc(var(--ubq-scale-base) * 19);
   flex-shrink: 0;
 }
+.UBQ_FontSize-module__modern--CRnLa.UBQ_FontSize-module__inBar--0otIU {
+  width: calc(var(--ubq-scale-base) * 23);
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontSizeRange/FontSizeRange.module.scss */
 .UBQ_FontSizeRange-module__segmentedGroup--N2N-B {