@cesdk/cesdk-js 1.22.0 → 1.23.0-rc.0

package/assets/i18n/de.json

@@ -310,6 +310,11 @@
   "component.inspectorPositionSelect.left.description": "Inspector auf der linken Seite",
   "component.inspectorPositionSelect.right": "Rechts",
   "component.inspectorPositionSelect.right.description": "Inspector auf der rechten Seite",
+  "component.inspectorPanelFloatingSettings": "Verhalten",
+  "component.inspectorPanelFloatingSettings.fixed": "Fixiert",
+  "component.inspectorPanelFloatingSettings.fixed.description": "Der Inspector ist nebem der Arbeitsfläche fixiert",
+  "component.inspectorPanelFloatingSettings.floating": "Schwebend",
+  "component.inspectorPanelFloatingSettings.floating.description": "Der Inspector schwebt über der Arbeitsfläche",
   "component.languageSelect": "Sprache",
   "component.languageSelect.description": "Sprache auswählen",
   "component.layerList": "Navigator",
@@ -746,6 +751,11 @@
   "property.effect.glow.amount": "Intensität",
   "property.effect.glow.darkness": "Dunkelkeit",
   "property.effect.glow.size": "Schimmer",
+  "property.effect.greenScreen.colorMatch": "Farbübereinstimmung",
+  "property.effect.greenScreen.fromColor": "Ausgangsfarbe",
+  "property.effect.greenScreen.fromColor.description": "$t(property.effect.greenScreen.fromColor) ändern",
+  "property.effect.greenScreen.smoothness": "Glättung",
+  "property.effect.greenScreen.spill": "Überfüllen",
   "property.effect.halfTone.angle": "Winkel des Musters",
   "property.effect.halfTone.scale": "Größe des Musters",
   "property.effect.joggle.amount": "Intensität",
@@ -769,6 +779,13 @@
   "property.effect.radiate.centerBrightness": "Helligkeit im Zentrum",
   "property.effect.radiate.colorize": "Sättigung",
   "property.effect.radiate.powerCurve": "Intensität",
+  "property.effect.recolor.brightnessMatch": "Helligkeitsübereinstimmung",
+  "property.effect.recolor.colorMatch": "Farbübereinstimmung",
+  "property.effect.recolor.fromColor": "Ausgangsfarbe",
+  "property.effect.recolor.fromColor.description": "$t(property.effect.recolor.fromColor) ändern",
+  "property.effect.recolor.smoothness": "Glättung",
+  "property.effect.recolor.toColor": "Zielfarbe",
+  "property.effect.recolor.toColor.description": "$t(property.effect.recolor.toColor) ändern",
   "property.effect.scanlines.count": "Linienhöhe",
   "property.effect.scanlines.linesAmount": "Intensität der Linien",
   "property.effect.scanlines.noiseAmount": "Rauschen",

package/assets/i18n/en.json

@@ -310,6 +310,11 @@
   "component.inspectorPositionSelect.left.description": "Select the inspector to be on the left side",
   "component.inspectorPositionSelect.right": "Right",
   "component.inspectorPositionSelect.right.description": "Select the inspector to be on the right side",
+  "component.inspectorPanelFloatingSettings": "Behavior",
+  "component.inspectorPanelFloatingSettings.fixed": "Fixed",
+  "component.inspectorPanelFloatingSettings.fixed.description": "The inspector is fixed side by side with the canvas",
+  "component.inspectorPanelFloatingSettings.floating": "Floating",
+  "component.inspectorPanelFloatingSettings.floating.description": "The inspector floats over the canvas",
   "component.languageSelect": "Language",
   "component.languageSelect.description": "Select language",
   "component.layerList": "Navigator",
@@ -757,6 +762,12 @@
   "property.effect.glow.amount": "Intensity",
   "property.effect.glow.darkness": "Darkening",
   "property.effect.glow.size": "Bloom",
+  "property.effect.greenScreen": "Green Screen",
+  "property.effect.greenScreen.colorMatch": "Color Match",
+  "property.effect.greenScreen.fromColor": "Source Color",
+  "property.effect.greenScreen.fromColor.description": "Change $t(property.effect.greenScreen.fromColor)",
+  "property.effect.greenScreen.smoothness": "Smoothness",
+  "property.effect.greenScreen.spill": "Spill",
   "property.effect.halfTone": "Half Tone",
   "property.effect.halfTone.angle": "Angle of Pattern",
   "property.effect.halfTone.scale": "Scale of Pattern",
@@ -788,6 +799,14 @@
   "property.effect.radiate.centerBrightness": "Brightness in Center",
   "property.effect.radiate.colorize": "Saturation",
   "property.effect.radiate.powerCurve": "Intensity",
+  "property.effect.recolor": "Recolor",
+  "property.effect.recolor.brightnessMatch": "Brightness Match",
+  "property.effect.recolor.colorMatch": "Color Match",
+  "property.effect.recolor.fromColor": "Source Color",
+  "property.effect.recolor.fromColor.description": "Change $t(property.effect.recolor.fromColor)",
+  "property.effect.recolor.smoothness": "Smoothness",
+  "property.effect.recolor.toColor": "Target Color",
+  "property.effect.recolor.toColor.description": "Change $t(property.effect.recolor.toColor)",
   "property.effect.scanlines.count": "Line Height",
   "property.effect.scanlines.linesAmount": "Intensity of Lines",
   "property.effect.scanlines.noiseAmount": "Applied Noise",

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

@@ -24,7 +24,7 @@
   --ubq-interactive-danger-default: hsl(346 98% 81%);
   --ubq-interactive-danger-hover: hsl(347 100% 88%);
   --ubq-interactive-danger-pressed: hsl(344 89% 75%);
-  --ubq-interactive-group-default: hsl(0 0 0% / 0);
+  --ubq-interactive-group-default: hsl(0 0% 0% / 0);
   --ubq-interactive-group-hover: hsl(208 14% 18%);
   --ubq-interactive-group-active-default: hsl(208 13% 23%);
   --ubq-interactive-group-active-hover: hsl(208 12% 28%);
@@ -34,7 +34,7 @@
   --ubq-input-default: hsl(207 18% 10%);
   --ubq-input-hover: hsl(207 17% 12%);
   --ubq-progress: hsl(206 8% 62%);
-  --ubq-border-default: hsl(0 0 100% / 0.16);
+  --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);
   --ubq-stroke-contrast-3: hsl(200 11% 95% / 0.9);
@@ -65,10 +65,10 @@
   --ubq-foreground-light: hsl(208 14% 18% / 0.7);
   --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-default: hsl(0 0% 100%);
   --ubq-interactive-hover: hsl(210 10% 85%);
   --ubq-interactive-pressed: hsl(205 9% 75%);
-  --ubq-interactive-selected: hsl(0 0 100%);
+  --ubq-interactive-selected: hsl(0 0% 100%);
   --ubq-interactive-accent-default: hsl(228 100% 65%);
   --ubq-interactive-accent-hover: hsl(229 88% 60%);
   --ubq-interactive-accent-pressed: hsl(231 76% 54%);
@@ -78,7 +78,7 @@
   --ubq-interactive-danger-default: hsl(340 66% 54%);
   --ubq-interactive-danger-hover: hsl(337 69% 46%);
   --ubq-interactive-danger-pressed: hsl(332 100% 36%);
-  --ubq-interactive-group-default: hsl(0 0 100% / 0);
+  --ubq-interactive-group-default: hsl(0 0% 100% / 0);
   --ubq-interactive-group-hover: hsl(210 8% 88%);
   --ubq-interactive-group-active-default: hsl(210 8% 85%);
   --ubq-interactive-group-active-hover: hsl(210 8% 82%);
@@ -88,7 +88,7 @@
   --ubq-input-default: hsl(210 9% 87%);
   --ubq-input-hover: hsl(210 10% 85%);
   --ubq-progress: hsl(206 8% 62%);
-  --ubq-border-default: hsl(0 0 100% / 0.4);
+  --ubq-border-default: hsl(0 0% 100% / 0.4);
   --ubq-stroke-contrast-1: hsl(208 14% 18% / 0.12);
   --ubq-stroke-contrast-2: hsl(208 14% 18% / 0.25);
   --ubq-stroke-contrast-3: hsl(208 14% 18% / 0.9);

package/assets/ui/stylesheets/cesdk.css

@@ -180,14 +180,14 @@
   box-shadow: var(--ubq-effect-focus);
 }
 .UBQ_Button-module__ubq-state_active--YmzK9.UBQ_Button-module__ubq-state_active-style_outline--CUP3o {
-  box-shadow: inset 0 0 0 1px var(--ubq-interactive-active-default);
+  box-shadow: inset 0 0 0 1px var(--ubq-interactive-active-default), var(--ubq-effect-shadow);
   color: var(--ubq-foreground-active);
 }
 .UBQ_Button-module__ubq-state_active--YmzK9.UBQ_Button-module__ubq-state_active-style_outline--CUP3o:hover:not(:active) {
-  box-shadow: inset 0 0 0 1px var(--ubq-interactive-active-hover);
+  box-shadow: inset 0 0 0 1px var(--ubq-interactive-active-hover), var(--ubq-effect-shadow);
 }
 .UBQ_Button-module__ubq-state_active--YmzK9.UBQ_Button-module__ubq-state_active-style_outline--CUP3o:active {
-  box-shadow: inset 0 0 0 1px var(--ubq-interactive-active-pressed);
+  box-shadow: inset 0 0 0 1px var(--ubq-interactive-active-pressed), var(--ubq-effect-shadow);
   color: var(--ubq-foreground-active);
 }
 @supports not (contain: none) {
@@ -444,8 +444,7 @@
   z-index: 80;
 }
 .UBQ_Popover-module__popoverContent--h-2aO hr {
-  margin-left: calc(-1 * calc(var(--ubq-margin-s) - calc(var(--ubq-margin-xs) / 2)) - calc(var(--ubq-margin-xs) / 2));
-  margin-right: calc(-1 * calc(var(--ubq-margin-s) - calc(var(--ubq-margin-xs) / 2)) - calc(var(--ubq-margin-xs) / 2));
+  margin-inline: calc(-1 * calc(var(--ubq-margin-s) - calc(var(--ubq-margin-xs) / 2)) - calc(var(--ubq-margin-xs) / 2));
 }
 .UBQ_Popover-module__popoverContent--h-2aO > *:first-child {
   padding-top: var(--ubq-margin-s);
@@ -520,6 +519,9 @@
 .UBQ_InspectorHeader-module__block--IEGp2 > *:not(:first-child) {
   margin-left: var(--ubq-margin-s);
 }
+.UBQ_InspectorHeader-module__block--IEGp2 + hr {
+  margin-block: 0;
+}
 
 /* esbuild-sass-plugin:css-chunk:../../packages/ubq-uikit-web/src/components/SegmentedControls/SegmentedControls.module.scss */
 .UBQ_SegmentedControls-module__block--eaZy5 {
@@ -1184,6 +1186,7 @@
   grid-column-end: 2;
   margin: var(--ubq-margin-xs) 0;
   max-width: calc(50 * var(--ubq-scale-base));
+  word-break: break-word;
 }
 .UBQ_Notification-module__dismissButton--MdgFs {
   color: var(--ubq-foreground-notice-default);
@@ -1422,11 +1425,13 @@
 /* esbuild-sass-plugin:css-chunk:../../packages/ubq-uikit-web/src/components/Separator/Separator.module.scss */
 .UBQ_Separator-module__block--90X0b {
   height: 1px;
-  margin: 0;
   flex-shrink: 0;
   background: var(--ubq-stroke-contrast-1);
   border: none;
 }
+:where(.UBQ_Separator-module__block--90X0b) {
+  margin-block: var(--ubq-margin-xs);
+}
 
 /* esbuild-sass-plugin:css-chunk:../../packages/ubq-uikit-web/src/components/NumberSelectInput/NumberSelectInput.module.scss */
 .UBQ_NumberSelectInput-module__block--W6-1L {
@@ -1454,9 +1459,6 @@
   align-items: center;
   white-space: nowrap;
 }
-.UBQ_NumberSelectInput-module__separator--7KNTv {
-  margin: var(--ubq-margin-xs) 0;
-}
 
 /* esbuild-sass-plugin:css-chunk:../../packages/ubq-uikit-web/src/components/Progress/Progress.module.scss */
 .UBQ_Progress-module__block--wCo-k {
@@ -1559,6 +1561,9 @@
 .UBQ_Dialog-module__block--8gEdi > .UBQ_Dialog-module__dialog--WDrz1 > .UBQ_Dialog-module__footer--0RwTK > *:only-child {
   margin-left: auto;
 }
+.UBQ_Dialog-module__block--8gEdi > .UBQ_Dialog-module__dialog--WDrz1 hr {
+  margin-block: 0;
+}
 .UBQ_Dialog-module__content--AKXLs {
   color: var(--ubq-foreground-light);
   min-width: 0;
@@ -1614,6 +1619,12 @@
   color: var(--ubq-notice-error);
 }
 
+/* esbuild-sass-plugin:css-chunk:../../packages/ubq-uikit-web/src/components/Spacer/Spacer.module.scss */
+.UBQ_Spacer-module__block--Z1P-E {
+  flex: 0 0 0px;
+  margin: auto;
+}
+
 /* esbuild-sass-plugin:css-chunk:../../packages/ubq-uikit-web/src/components/Card/BannerCard.module.scss */
 .UBQ_BannerCard-module__block--0VwaV {
   height: calc(var(--ubq-margin-l) * 3);
@@ -2025,7 +2036,10 @@
 .UBQ_Section-module__block--Os9sI {
   min-height: min-content;
 }
-.UBQ_Section-module__block--Os9sI:first-child > .UBQ_Section-module__separator--8n2AC {
+.UBQ_Section-module__block--Os9sI > hr {
+  margin-block: 0;
+}
+.UBQ_Section-module__block--Os9sI:first-child > hr {
   display: none;
 }
 .UBQ_Section-module__heading--UEekR {
@@ -2054,18 +2068,18 @@
 
 /* esbuild-sass-plugin:css-chunk:../../packages/ubq-uikit-web/src/components/SectionRow/SectionRow.module.scss */
 .UBQ_SectionRow-module__block--qnCVh {
-  display: flex;
-  align-items: center;
   margin-bottom: var(--ubq-margin-m);
   max-height: calc(2 * var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height));
+  display: flex;
+  align-items: center;
 }
 .UBQ_SectionRow-module__block--qnCVh:last-child,
 .UBQ_SectionRow-module__block--qnCVh:only-child {
   margin-bottom: 0;
 }
 .UBQ_SectionRow-module__block--qnCVh > * {
-  flex: 1 1 100%;
   margin-right: var(--ubq-margin-s);
+  flex: 1 1 100%;
 }
 .UBQ_SectionRow-module__block--qnCVh > *:last-child {
   margin-right: 0;
@@ -2076,6 +2090,9 @@
 .UBQ_SectionRow-module__block--qnCVh:empty {
   display: none;
 }
+.UBQ_SectionRow-module__block--qnCVh > hr {
+  margin-block: 0;
+}
 
 /* esbuild-sass-plugin:css-chunk:../../packages/ubq-uikit-web/src/components/Panel/Panel.module.scss */
 .UBQ_Panel-module__block--EaNC7 {
@@ -2100,6 +2117,9 @@
 .UBQ_Panel-module__block--EaNC7.UBQ_Panel-module__right--p4cWi {
   right: 0;
 }
+:where(.UBQ_Panel-module__block--EaNC7) hr {
+  margin-block: var(--ubq-margin-m);
+}
 .UBQ_Panel-module__verticalLayout--NmiHx {
   border-top-left-radius: var(--ubq-border_radius-l);
   border-top-right-radius: var(--ubq-border_radius-l);
@@ -3724,15 +3744,6 @@
   position: absolute;
   pointer-events: auto;
 }
-.UBQ_CanvasControls-module__controls--ErG-u.UBQ_CanvasControls-module__top--0PkZe {
-  top: var(--ubq-margin-m);
-}
-.UBQ_CanvasControls-module__controls--ErG-u.UBQ_CanvasControls-module__right--FhaWj {
-  right: var(--ubq-margin-m);
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-}
 .UBQ_CanvasControls-module__controls--ErG-u.UBQ_CanvasControls-module__bottom--3t3-t {
   bottom: var(--ubq-margin-m);
 }
@@ -3747,6 +3758,136 @@
   transform: translateX(-50%);
 }
 
+/* esbuild-sass-plugin:css-chunk:packages/uikit/Dock/Dock.module.scss */
+.UBQ_Dock-module__block--1M92p {
+  overflow-y: auto;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ubq-foreground-info) transparent;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  padding: var(--ubq-margin-xs);
+  box-sizing: border-box;
+  z-index: 15;
+  background: var(--ubq-elevation-2);
+  transition: background-color 0.3s ease-in-out;
+  flex: 0 0 auto;
+  height: 100%;
+}
+.UBQ_Dock-module__block--1M92p::-webkit-scrollbar {
+  width: calc(2 * var(--ubq-scale-base));
+  height: calc(1.5 * var(--ubq-scale-base));
+}
+.UBQ_Dock-module__block--1M92p::-webkit-scrollbar-track {
+  background: transparent;
+  margin: var(--ubq-margin-s) var(--ubq-margin-s);
+}
+.UBQ_Dock-module__block--1M92p::-webkit-scrollbar-thumb {
+  background-color: var(--ubq-foreground-info);
+  border-radius: var(--ubq-border_radius-m);
+}
+.UBQ_Dock-module__block--1M92p::-webkit-scrollbar-corner {
+  background: transparent;
+}
+.UBQ_Dock-module__block--1M92p:not(.UBQ_Dock-module__horizontal--kBBpF) > * {
+  margin-top: var(--ubq-margin-xs);
+}
+.UBQ_Dock-module__block--1M92p:not(.UBQ_Dock-module__horizontal--kBBpF) > :first-child,
+.UBQ_Dock-module__block--1M92p:not(.UBQ_Dock-module__horizontal--kBBpF) > hr,
+.UBQ_Dock-module__block--1M92p:not(.UBQ_Dock-module__horizontal--kBBpF) > hr + *,
+.UBQ_Dock-module__block--1M92p:not(.UBQ_Dock-module__horizontal--kBBpF) > x-spacer,
+.UBQ_Dock-module__block--1M92p:not(.UBQ_Dock-module__horizontal--kBBpF) > x-spacer + * {
+  margin-top: 0;
+}
+.UBQ_Dock-module__block--1M92p.UBQ_Dock-module__horizontal--kBBpF > * {
+  margin-left: var(--ubq-margin-xs);
+}
+.UBQ_Dock-module__block--1M92p.UBQ_Dock-module__horizontal--kBBpF > :first-child,
+.UBQ_Dock-module__block--1M92p.UBQ_Dock-module__horizontal--kBBpF > hr,
+.UBQ_Dock-module__block--1M92p.UBQ_Dock-module__horizontal--kBBpF > hr + *,
+.UBQ_Dock-module__block--1M92p.UBQ_Dock-module__horizontal--kBBpF > x-spacer,
+.UBQ_Dock-module__block--1M92p.UBQ_Dock-module__horizontal--kBBpF > x-spacer + * {
+  margin-left: 0;
+}
+.UBQ_Dock-module__block--1M92p.UBQ_Dock-module__hasSelected--Epize {
+  background: var(--ubq-elevation-1);
+}
+.UBQ_Dock-module__block--1M92p .UBQ_Dock-module__button--qp-DG {
+  font-family: var(--ubq-typography-label-s-font_family);
+  font-size: var(--ubq-typography-label-s-size);
+  font-weight: var(--ubq-typography-label-s-weight);
+  letter-spacing: var(--ubq-typography-label-s-letter_spacing);
+  line-height: var(--ubq-typography-label-s-line_height);
+  padding: var(--ubq-margin-s) var(--ubq-margin-xs);
+  width: 100%;
+  min-height: calc(var(--ubq-scale-base) * 10);
+  flex: 0 0 fit-content;
+}
+.UBQ_Dock-module__block--1M92p .UBQ_Dock-module__button--qp-DG > span::after {
+  left: unset;
+  bottom: calc(var(--ubq-margin-xs) * -1);
+}
+.UBQ_Dock-module__small--DXL-5 {
+  width: calc(var(--ubq-scale-base) * 12);
+}
+.UBQ_Dock-module__big--U4wJZ {
+  width: calc(var(--ubq-scale-base) * 18);
+}
+.UBQ_Dock-module__horizontal--kBBpF {
+  flex-direction: row;
+  height: inherit;
+  width: 100%;
+  box-shadow: inset 0px 1px var(--ubq-stroke-contrast-1);
+}
+.UBQ_Dock-module__horizontal--kBBpF .UBQ_Dock-module__button--qp-DG {
+  min-width: calc(var(--ubq-scale-base) * 14);
+  max-width: calc(var(--ubq-scale-base) * 14);
+}
+.UBQ_Dock-module__buttonLabel--UdApE {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--ubq-margin-xs);
+  width: 100%;
+}
+.UBQ_Dock-module__horizontal--kBBpF .UBQ_Dock-module__button--qp-DG .UBQ_Dock-module__buttonLabel--UdApE > span {
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow-wrap: break-word;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
+.UBQ_Dock-module__hideLabels--79tlE .UBQ_Dock-module__buttonLabel--UdApE > span {
+  display: none;
+}
+.UBQ_Dock-module__buttonLabel--UdApE > span {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow-wrap: break-word;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+  overflow-wrap: break-word;
+  width: 100%;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/DockSeparator.module.scss */
+.UBQ_DockSeparator-module__block--8XSWX {
+  height: 0px;
+  width: 0px;
+  margin-top: 0;
+  margin-left: 0;
+  margin-bottom: var(--ubq-margin-xl);
+  margin-right: var(--ubq-margin-xl);
+}
+
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/PanelPortal.module.scss */
 .UBQ_PanelPortal-module__block--Zlqwp {
   height: 100%;
@@ -3815,6 +3956,9 @@
   letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
   line-height: var(--ubq-typography-headline-l-line_height);
 }
+.UBQ_Panel-module__header--qDeg3 + hr {
+  margin-block: 0;
+}
 .UBQ_Panel-module__panelContent--2-JT3 {
   overflow-y: auto;
   overflow-x: auto;
@@ -3910,27 +4054,7 @@
   background: transparent;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/AlignAndArrangeDropdown.module.scss */
-.UBQ_AlignAndArrangeDropdown-module__separator--bZBIA {
-  margin: var(--ubq-scale-base) 0;
-}
-
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/SubInspector/SubInspector.module.scss */
-.UBQ_SubInspector-module__block---ogJy {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  margin-right: 0;
-  z-index: 30;
-  display: flex;
-  flex-direction: column;
-  background: var(--ubq-elevation-2);
-}
-.UBQ_SubInspector-module__block---ogJy[data-cy=crop-container] {
-  z-index: 31;
-}
 .UBQ_SubInspector-module__containerSection--Ftz0G {
   overflow-y: auto;
   overflow-x: auto;
@@ -4346,6 +4470,9 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
   margin-left: var(--ubq-margin-s);
   margin-right: var(--ubq-margin-s);
 }
+.UBQ_AssetContextPopover-module__content--ZKSmX hr {
+  margin-block: var(--ubq-margin-m);
+}
 .UBQ_AssetContextPopover-module__heading--IoULF {
   margin-block: var(--ubq-margin-xs) var(--ubq-margin-m);
 }
@@ -4371,10 +4498,6 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
 .UBQ_AssetContextPopover-module__tag--Ao6oh:not(:last-child) {
   margin-right: var(--ubq-margin-xs);
 }
-.UBQ_AssetContextPopover-module__separator--E39hE {
-  margin-top: var(--ubq-margin-m);
-  margin-bottom: var(--ubq-margin-m);
-}
 .UBQ_AssetContextPopover-module__license--FjDkN {
   display: flex;
   align-items: center;
@@ -4807,6 +4930,9 @@ footer {
 .UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar-corner {
   background: transparent;
 }
+.UBQ_AssetLibraryOverview-module__block--eHaxL hr {
+  margin-block: 0;
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryContent/AssetLibraryContent.module.scss */
 .UBQ_AssetLibraryContent-module__block--SroUk {
@@ -5045,10 +5171,6 @@ footer {
 }
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/OptionsMenu/OptionsMenu.module.scss */
-.UBQ_OptionsMenu-module__separator--iDKP5 {
-  margin-bottom: var(--ubq-margin-s);
-  margin-top: var(--ubq-margin-s);
-}
 .UBQ_OptionsMenu-module__shortcutString--B9svW {
   align-self: flex-end;
   display: flex;
@@ -5138,9 +5260,6 @@ footer {
 }
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/AlignAndArrangeSectionRow.module.scss */
-.UBQ_AlignAndArrangeSectionRow-module__separator--19E9- {
-  margin: var(--ubq-scale-base) 0;
-}
 .UBQ_AlignAndArrangeSectionRow-module__sectionRow--YCPJ7 {
   gap: calc(6 * var(--ubq-scale-base));
 }
@@ -5332,9 +5451,6 @@ footer {
 .UBQ_Clip-module__audioTitle--WdlTU {
   opacity: 0.8;
 }
-.UBQ_Clip-module__separator--erdWQ {
-  margin-block: var(--ubq-margin-xs);
-}
 .UBQ_Clip-module__ghost--tCq5- {
   display: block;
   box-sizing: border-box;
@@ -5784,6 +5900,14 @@ footer {
   text-align: center;
 }
 
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/InspectorPanelSection.module.scss */
+.UBQ_InspectorPanelSection-module__button--p-gav {
+  flex: 1;
+}
+.UBQ_InspectorPanelSection-module__button--p-gav > span > span {
+  text-align: center;
+}
+
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/InspectorPositionSelect.module.scss */
 .UBQ_InspectorPositionSelect-module__button--ebMYa {
   flex: 1;
@@ -5940,13 +6064,6 @@ footer {
   height: var(--ubq-typography-button-m-line_height);
   width: var(--ubq-typography-button-m-line_height);
 }
-.UBQ_ZoomControls-module__optionsMenu--Pt5gY > hr {
-  margin-top: var(--ubq-margin-s);
-  margin-bottom: var(--ubq-margin-s);
-}
-.UBQ_ZoomControls-module__optionsMenu--Pt5gY > hr {
-  margin: var(--ubq-margin-xs);
-}
 
 /* esbuild-sass-plugin:css-chunk:packages/cesdk/components/Topbar/CallToAction/CallToAction.module.scss */
 .UBQ_CallToAction-module__listing--wTEkQ {