@cesdk/cesdk-js 1.8.0-alpha.2 → 1.8.0-alpha.3

package/assets/i18n/en.json

@@ -1,26 +1,26 @@
 {
   "action.arrange": "$t(common.arrange)",
-  "action.arrange.bringForward": "Bring forward",
-  "action.arrange.sendBackward": "Send backward",
-  "action.arrange.toBack": "Send to back",
-  "action.arrange.toFront": "Bring to front",
-  "action.block.add": "Add element",
-  "action.block.copy": "Copy element",
+  "action.arrange.bringForward": "Bring Forward",
+  "action.arrange.sendBackward": "Send Backward",
+  "action.arrange.toBack": "Send to Back",
+  "action.arrange.toFront": "Bring to Front",
+  "action.block.add": "Add Element",
+  "action.block.copy": "Copy Element",
   "action.block.delete": "$t(common.delete)",
   "action.block.delete_plural": "$t(common.delete) ({{count}})",
   "action.block.duplicate": "$t(common.duplicate)",
-  "action.block.flipX": "Flip element (horizontal)",
-  "action.block.flipY": "Flip element (vertical)",
+  "action.block.flipX": "Flip Element (Horizontal)",
+  "action.block.flipY": "Flip Element (Vertical)",
   "action.block.lock": "$t(common.lock)",
-  "action.block.lock.description": "Lock element",
-  "action.block.move": "Move element",
+  "action.block.lock.description": "Lock Element",
+  "action.block.move": "Move Element",
   "action.block.paste": "Paste Element",
-  "action.block.rename": "Rename element",
-  "action.block.resize": "Resize element",
-  "action.block.rotate": "Rotate element",
-  "action.block.toggleVisibility": "(Un)hide element",
+  "action.block.rename": "Rename Element",
+  "action.block.resize": "Resize Element",
+  "action.block.rotate": "Rotate Element",
+  "action.block.toggleVisibility": "(Un)hide Element",
   "action.block.unlock": "$t(common.unlock)",
-  "action.block.unlock.description": "Unlock element",
+  "action.block.unlock.description": "Unlock Element",
   "action.crop.mirror": "Mirror the image",
   "action.crop.turn": "Turn the image 90˚ counterclockwise",
   "action.crop.turnAndMirror": "Turn & Mirror",
@@ -319,7 +319,7 @@
   "common.unlock": "Unlock",
   "common.width": "Width",
   "common.width.inUnit": "Width in {{unit}}",
-  "component.assetPanelAutoCloseSettings": "After insert",
+  "component.assetPanelAutoCloseSettings": "After Insert",
   "component.assetPanelAutoCloseSettings.false": "Keep Open",
   "component.assetPanelAutoCloseSettings.false.description": "Keep the asset library panel open after an asset was inserted",
   "component.assetPanelAutoCloseSettings.true": "Close",
@@ -351,12 +351,12 @@
   "component.colorPicker.colorItem.transparent": "Color item {{index}}, Color name: transparent",
   "component.colorPicker.description": "Change color",
   "component.colorPicker.hsl.description": "{{componentName}}, $t(common.nearestColorName): {{nearestColorName}}; $t(common.colorValue): hue: {{hue}}°, saturation: {{saturation}}%, lightness: {{lightness}}% ",
-  "component.colorPicker.hueGradient": "Hue gradient selection",
-  "component.colorSchemeSelect.accent": "Accent color",
+  "component.colorPicker.hueGradient": "Hue Gradient Selection",
+  "component.colorSchemeSelect.accent": "Accent Color",
   "component.colorSchemeSelect.accent.description": "Change accent color",
-  "component.colorSchemeSelect.active": "Active color",
+  "component.colorSchemeSelect.active": "Active Color",
   "component.colorSchemeSelect.active.description": "Change active color",
-  "component.colorSchemeSelect.background": "Background color",
+  "component.colorSchemeSelect.background": "Background Color",
   "component.colorSchemeSelect.background.description": "Change background color",
   "component.dnd.description": "The added files are stored in the library",
   "component.dnd.prompt": "Drag file here",
@@ -396,15 +396,15 @@
   "component.layerList.layers": "Layers",
   "component.layerList.pages": "Pages",
   "component.library": "Library",
-  "component.library.addFile": "Add file",
+  "component.library.addFile": "Add File",
   "component.library.breadcrumbRoot": "All",
   "component.library.clearSearch": "Clear search",
   "component.library.elements": "Elements",
   "component.library.enterSection": "Enter section",
   "component.library.error": "Cannot connect to asset source",
   "component.library.loading": "Loading …",
-  "component.library.noItems": "No elements",
-  "component.library.noMoreItems": "No more elements",
+  "component.library.noItems": "No Elements",
+  "component.library.noMoreItems": "No More Elements",
   "component.library.searchPlaceholder": "Search …",
   "component.librarySettings": "Libraries",
   "component.librarySettings.elementLibrary": "Element Library",
@@ -423,7 +423,7 @@
   "component.placeholder.create": "$t(common.placeholder)",
   "component.placeholder.settings": "Change $t(common.placeholder) settings",
   "component.placeholder.settingsMenu": "$t(common.placeholder) settings menu",
-  "component.replacePanelAutoCloseSettings": "After replace",
+  "component.replacePanelAutoCloseSettings": "After Replace",
   "component.replacePanelAutoCloseSettings.false": "Keep Open",
   "component.replacePanelAutoCloseSettings.false.description": "Keep the asset library panel open after an asset was replaced",
   "component.replacePanelAutoCloseSettings.true": "Close",
@@ -551,7 +551,7 @@
   "input.shadow.valueLabel": "Drop Shadow",
   "input.shape": "Shape",
   "input.shape.options": "Shape Options",
-  "input.showInExport": "Show in export",
+  "input.showInExport": "Show in Export",
   "input.sliderInput.toggleNumberInput": "Display direct value input",
   "input.text.advanced": "$t(common.advanced)",
   "input.text.advanced.description": "Line Height, Spacing, Alignment & Sizing",
@@ -890,20 +890,20 @@
   "property.strokeWidth": "Width",
   "property.strokeWidth.description": "Change stroke width",
   "property.textAlignment.horizontal": "Horizontal Alignment",
-  "property.textAlignment.horizontal.center": "Align text to the center",
+  "property.textAlignment.horizontal.center": "Align Text to the Center",
   "property.textAlignment.horizontal.description": "Change horizontal alignment",
-  "property.textAlignment.horizontal.left": "Align text to the left",
-  "property.textAlignment.horizontal.right": "Align text to the right",
+  "property.textAlignment.horizontal.left": "Align Text to the Left",
+  "property.textAlignment.horizontal.right": "Align Text to the Right",
   "property.textAlignment.vertical": "Vertical Alignment",
-  "property.textAlignment.vertical.bottom": "Align text to the bottom",
-  "property.textAlignment.vertical.center": "Align text to the center",
-  "property.textAlignment.vertical.top": "Align text to the top",
-  "scope.content.replace": "Allow to replace content",
-  "scope.design.arrange": "Allow to arrange",
-  "scope.design.style": "Allow to style",
-  "scope.editor.select": "Allow to select",
-  "scope.lifecycle.destroy": "Allow to delete",
-  "scope.lifecycle.duplicate": "Allow to duplicate",
+  "property.textAlignment.vertical.bottom": "Align Text to the Bottom",
+  "property.textAlignment.vertical.center": "Align Text to the Center",
+  "property.textAlignment.vertical.top": "Align Text to the Top",
+  "scope.content.replace": "Allow to Replace Content",
+  "scope.design.arrange": "Allow to Arrange",
+  "scope.design.style": "Allow to Style",
+  "scope.editor.select": "Allow to Select",
+  "scope.lifecycle.destroy": "Allow to Delete",
+  "scope.lifecycle.duplicate": "Allow to Duplicate",
   "typography.bold": "Bold",
   "typography.italic": "Italic",
   "typography.normal": "Normal",

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

@@ -1 +1 @@
-.ubq-dark{--ubq-elevation-3: hsl(210, 4%, 25%);--ubq-elevation-2: hsl(210, 7.5%, 20%);--ubq-elevation-1: hsl(210, 15%, 15%);--ubq-canvas: hsl(210, 30%, 10%);--ubq-foreground-default: hsla(210, 0%, 100%, 0.9);--ubq-foreground-light: hsla(210, 0%, 100%, 0.7);--ubq-foreground-info: hsla(210, 0%, 100%, 0.5);--ubq-foreground-active: hsla(210, 30%, 10%, 0.9);--ubq-foreground-accent: hsla(210, 0%, 100%, 1);--ubq-foreground-danger: hsla(210, 0%, 100%, 1);--ubq-interactive-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.1);--ubq-interactive-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.06);--ubq-interactive-pressed: hsla(0, 0%, 100%, 0.06);--ubq-interactive-selected: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.2);--ubq-interactive-active-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 1), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.88);--ubq-interactive-active-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) ), hsla(210, 100%, 95%, 0.65);--ubq-interactive-active-pressed: hsla(0, 0%, 100%, 0.65);--ubq-interactive-accent-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.8);--ubq-interactive-accent-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.7);--ubq-interactive-accent-pressed: hsla(230, 90%, 60%, 0.7);--ubq-interactive-danger-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.07), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 62%, 0.85);--ubq-interactive-danger-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.07), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 62%, 0.65);--ubq-interactive-danger-pressed: hsla(338, 64%, 62%, 0.65);--ubq-interactive-template-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 60%, 0.6);--ubq-interactive-template-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 60%, 0.5);--ubq-interactive-template-pressed: hsla(274, 97%, 60%, 0.5);--ubq-input-default: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.2), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.2);--ubq-input-hover: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.2), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.4);--ubq-interactive-group-default: hsla(0, 0%, 100%, 0);--ubq-interactive-group-hover: hsla(0, 0%, 100%, 0.04);--ubq-interactive-group-active-default: hsla(0, 0%, 100%, 0.08);--ubq-interactive-group-active-hover: hsla(0, 0%, 100%, 0.12);--ubq-progress: hsla(210, 0%, 100%, 0.7);--ubq-border-outline: hsla(0, 0%, 100%, 0.16);--ubq-border-divider: hsla(0, 0%, 100%, 0.08);--ubq-border-contrast: hsla(0, 0%, 100%, 0.25);--ubq-focus-default: hsl(230, 90%, 80%);--ubq-focus-outline: hsl(210, 30%, 10%);--ubq-overlay: hsla(210, 30%, 10%, 0.8);--ubq-notice-info: hsla(0, 0%, 100%, 1);--ubq-notice-success: hsla(166, 90%, 37%, 1);--ubq-notice-warning: hsla(40, 100%, 60%, 1);--ubq-notice-error: hsla(338, 64%, 62%, 1);--ubq-effect-shadow: 0px 4px 16px -4px hsla(210, 27%, 9%, 0.14), 0px 1px 20px -4px hsla(210, 27%, 9%, 0.12), 0px 2px 12px -4px hsla(210, 27%, 9%, 0.2);--ubq-effect-focus: 0 0 0 calc(var(--ubq-scale-base) / 2 - 0.01px) var(--ubq-focus-outline), 0 0 0 var(--ubq-scale-base) var(--ubq-focus-default);--ubq-static-selection-frame: hsl(230, 100%, 60%);--ubq-static-contrast-white: hsl(0, 0%, 100%);--ubq-static-contrast-black: hsl(0, 0%, 0%);--ubq-static-snapping: hsl(338, 100%, 50%);--ubq-static-bleed: hsl(334, 73%, 43%);--ubq-static-text-variable: hsl(274, 97%, 60%);--ubq-static-card-label-background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 14.46%, rgba(0, 0, 0, 0.6) 100% );--ubq-static-card-background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.08), hsla(0, 0%, 0%, 0.08) ), hsla(0, 0%, 67%, 0.16)}.ubq-light{--ubq-elevation-3: hsl(210, 16%, 96%);--ubq-elevation-2: hsl(210, 16%, 93%);--ubq-elevation-1: hsl(210, 16%, 90%);--ubq-canvas: hsl(210, 16%, 86%);--ubq-foreground-default: hsla(210, 30%, 10%, 0.9);--ubq-foreground-light: hsla(210, 30%, 10%, 0.7);--ubq-foreground-info: hsla(210, 30%, 10%, 0.5);--ubq-foreground-active: hsla(210, 0%, 100%, 0.9);--ubq-foreground-accent: hsla(210, 0%, 100%, 1);--ubq-foreground-danger: hsla(210, 0%, 100%, 1);--ubq-interactive-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.85);--ubq-interactive-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.4);--ubq-interactive-pressed: hsla(0, 0%, 100%, 0.4);--ubq-interactive-selected: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.6);--ubq-interactive-active-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(210, 60%, 5%, 0.75);--ubq-interactive-active-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(210, 60%, 5%, 0.65);--ubq-interactive-active-pressed: hsla(210, 60%, 5%, 0.65);--ubq-interactive-accent-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 1);--ubq-interactive-accent-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.9);--ubq-interactive-accent-pressed: hsla(230, 90%, 60%, 0.9);--ubq-interactive-danger-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 51%, 0.8);--ubq-interactive-danger-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 51%, 0.65);--ubq-interactive-danger-pressed: hsla(338, 64%, 51%, 0.65);--ubq-interactive-template-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 50%, 0.5);--ubq-interactive-template-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 50%, 0.45);--ubq-interactive-template-pressed: hsla(274, 97%, 50%, 0.45);--ubq-input-default: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.04), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.04);--ubq-input-hover: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.04), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.08);--ubq-interactive-group-default: hsla(208, 29%, 10%, 0);--ubq-interactive-group-hover: hsla(208, 29%, 10%, 0.04);--ubq-interactive-group-active-default: hsla(208, 29%, 10%, 0.08);--ubq-interactive-group-active-hover: hsla(208, 29%, 10%, 0.12);--ubq-progress: hsla(210, 30%, 10%, 0.7);--ubq-border-outline: hsla(210, 0%, 100%, 0.4);--ubq-border-divider: hsla(210, 0%, 0%, 0.08);--ubq-border-contrast: hsla(210, 0%, 0%, 0.25);--ubq-focus-default: hsl(230, 100%, 60%);--ubq-focus-outline: hsl(210, 10%, 85%);--ubq-overlay: hsla(210, 10%, 85%, 0.8);--ubq-notice-info: hsla(210, 30%, 10%, 1);--ubq-notice-success: hsla(166, 90%, 37%, 1);--ubq-notice-warning: hsla(40, 100%, 37%, 1);--ubq-notice-error: hsla(338, 64%, 51%, 1);--ubq-effect-shadow: 0px 4px 16px -4px hsla(210, 27%, 9%, 0.14), 0px 1px 20px -4px hsla(210, 27%, 9%, 0.12), 0px 2px 12px -4px hsla(210, 27%, 9%, 0.2);--ubq-effect-focus: 0 0 0 calc(var(--ubq-scale-base) / 2 - 0.01px) var(--ubq-focus-outline), 0 0 0 var(--ubq-scale-base) var(--ubq-focus-default);--ubq-static-selection-frame: hsl(230, 100%, 60%);--ubq-static-contrast-white: hsl(0, 0%, 100%);--ubq-static-contrast-black: hsl(0, 0%, 0%);--ubq-static-snapping: hsl(338, 100%, 50%);--ubq-static-bleed: hsl(334, 73%, 43%);--ubq-static-text-variable: hsl(274, 97%, 60%);--ubq-static-card-label-background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 14.46%, rgba(0, 0, 0, 0.6) 100% );--ubq-static-card-background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.08), hsla(0, 0%, 0%, 0.08) ), hsla(0, 0%, 67%, 0.16)}.ubq-normal{--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: normal;--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: normal;--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: normal;--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, "Overpass Mono", monospace );--ubq-typography-input-m-size: 12px;--ubq-typography-input-m-weight: 500;--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: normal;--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-s: 4px;--ubq-border_radius-m: 8px;--ubq-border_radius-l: 12px}.ubq-large{--ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-size: 20px;--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-line_height: 25px;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-size: 15px;--ubq-typography-headline-m-weight: 600;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-line_height: 20px;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-size: 15px;--ubq-typography-label-m-weight: normal;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-line_height: 20px;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-size: 12.5px;--ubq-typography-label-s-weight: normal;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-line_height: 17.5px;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-size: 15px;--ubq-typography-body-m-weight: normal;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-line_height: 22.5px;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-size: 15px;--ubq-typography-input-m-weight: 500;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-line_height: 20px;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-size: 15px;--ubq-typography-button-m-weight: normal;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-line_height: 20px;--ubq-scale-base: 5px;--ubq-margin-base: 5px;--ubq-margin-xs: 5px;--ubq-margin-s: 10px;--ubq-margin-m: 15px;--ubq-margin-l: 20px;--ubq-margin-xl: 30px;--ubq-border_radius-base: 5px;--ubq-border_radius-s: 5px;--ubq-border_radius-m: 10px;--ubq-border_radius-l: 15px}
+.ubq-dark{--ubq-elevation-3: hsl(210, 4%, 25%);--ubq-elevation-2: hsl(210, 7.5%, 20%);--ubq-elevation-1: hsl(210, 15%, 15%);--ubq-canvas: hsl(210, 30%, 10%);--ubq-foreground-default: hsla(210, 0%, 100%, 0.9);--ubq-foreground-light: hsla(210, 0%, 100%, 0.7);--ubq-foreground-info: hsla(210, 0%, 100%, 0.5);--ubq-foreground-active: hsla(210, 30%, 10%, 0.9);--ubq-foreground-accent: hsla(210, 0%, 100%, 1);--ubq-foreground-danger: hsla(210, 0%, 100%, 1);--ubq-interactive-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.1);--ubq-interactive-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.06);--ubq-interactive-pressed: hsla(0, 0%, 100%, 0.06);--ubq-interactive-selected: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.2);--ubq-interactive-active-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 1), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.88);--ubq-interactive-active-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) ), hsla(210, 100%, 95%, 0.65);--ubq-interactive-active-pressed: hsla(0, 0%, 100%, 0.65);--ubq-interactive-accent-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.8);--ubq-interactive-accent-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.7);--ubq-interactive-accent-pressed: hsla(230, 90%, 60%, 0.7);--ubq-interactive-danger-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.07), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 62%, 0.85);--ubq-interactive-danger-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.07), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 62%, 0.65);--ubq-interactive-danger-pressed: hsla(338, 64%, 62%, 0.65);--ubq-interactive-template-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 60%, 0.6);--ubq-interactive-template-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 60%, 0.5);--ubq-interactive-template-pressed: hsla(274, 97%, 60%, 0.5);--ubq-input-default: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.2), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.2);--ubq-input-hover: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.2), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.4);--ubq-interactive-group-default: hsla(0, 0%, 100%, 0);--ubq-interactive-group-hover: hsla(0, 0%, 100%, 0.04);--ubq-interactive-group-active-default: hsla(0, 0%, 100%, 0.08);--ubq-interactive-group-active-hover: hsla(0, 0%, 100%, 0.12);--ubq-progress: hsla(210, 0%, 100%, 0.7);--ubq-border-outline: hsla(0, 0%, 100%, 0.16);--ubq-border-divider: hsla(0, 0%, 100%, 0.08);--ubq-border-contrast: hsla(0, 0%, 100%, 0.25);--ubq-focus-default: hsl(230, 90%, 80%);--ubq-focus-outline: hsl(210, 30%, 10%);--ubq-overlay: hsla(210, 30%, 10%, 0.8);--ubq-notice-info: hsla(0, 0%, 100%, 1);--ubq-notice-success: hsla(166, 90%, 37%, 1);--ubq-notice-warning: hsla(40, 100%, 60%, 1);--ubq-notice-error: hsla(338, 64%, 62%, 1);--ubq-effect-shadow: 0px 4px 16px -4px hsla(210, 27%, 9%, 0.14), 0px 1px 20px -4px hsla(210, 27%, 9%, 0.12), 0px 2px 12px -4px hsla(210, 27%, 9%, 0.2);--ubq-effect-focus: 0 0 0 calc(var(--ubq-scale-base) / 2 - 0.01px) var(--ubq-focus-outline), 0 0 0 var(--ubq-scale-base) var(--ubq-focus-default)}.ubq-light{--ubq-elevation-3: hsl(210, 16%, 96%);--ubq-elevation-2: hsl(210, 16%, 93%);--ubq-elevation-1: hsl(210, 16%, 90%);--ubq-canvas: hsl(210, 16%, 86%);--ubq-foreground-default: hsla(210, 30%, 10%, 0.9);--ubq-foreground-light: hsla(210, 30%, 10%, 0.7);--ubq-foreground-info: hsla(210, 30%, 10%, 0.5);--ubq-foreground-active: hsla(210, 0%, 100%, 0.9);--ubq-foreground-accent: hsla(210, 0%, 100%, 1);--ubq-foreground-danger: hsla(210, 0%, 100%, 1);--ubq-interactive-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.85);--ubq-interactive-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.4);--ubq-interactive-pressed: hsla(0, 0%, 100%, 0.4);--ubq-interactive-selected: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.6);--ubq-interactive-active-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(210, 60%, 5%, 0.75);--ubq-interactive-active-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(210, 60%, 5%, 0.65);--ubq-interactive-active-pressed: hsla(210, 60%, 5%, 0.65);--ubq-interactive-accent-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 1);--ubq-interactive-accent-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.9);--ubq-interactive-accent-pressed: hsla(230, 90%, 60%, 0.9);--ubq-interactive-danger-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 51%, 0.8);--ubq-interactive-danger-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 51%, 0.65);--ubq-interactive-danger-pressed: hsla(338, 64%, 51%, 0.65);--ubq-interactive-template-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 50%, 0.5);--ubq-interactive-template-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 50%, 0.45);--ubq-interactive-template-pressed: hsla(274, 97%, 50%, 0.45);--ubq-input-default: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.04), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.04);--ubq-input-hover: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.04), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.08);--ubq-interactive-group-default: hsla(208, 29%, 10%, 0);--ubq-interactive-group-hover: hsla(208, 29%, 10%, 0.04);--ubq-interactive-group-active-default: hsla(208, 29%, 10%, 0.08);--ubq-interactive-group-active-hover: hsla(208, 29%, 10%, 0.12);--ubq-progress: hsla(210, 30%, 10%, 0.7);--ubq-border-outline: hsla(210, 0%, 100%, 0.4);--ubq-border-divider: hsla(210, 0%, 0%, 0.08);--ubq-border-contrast: hsla(210, 0%, 0%, 0.25);--ubq-focus-default: hsl(230, 100%, 60%);--ubq-focus-outline: hsl(210, 10%, 85%);--ubq-overlay: hsla(210, 10%, 85%, 0.8);--ubq-notice-info: hsla(210, 30%, 10%, 1);--ubq-notice-success: hsla(166, 90%, 37%, 1);--ubq-notice-warning: hsla(40, 100%, 37%, 1);--ubq-notice-error: hsla(338, 64%, 51%, 1);--ubq-effect-shadow: 0px 4px 16px -4px hsla(210, 27%, 9%, 0.14), 0px 1px 20px -4px hsla(210, 27%, 9%, 0.12), 0px 2px 12px -4px hsla(210, 27%, 9%, 0.2);--ubq-effect-focus: 0 0 0 calc(var(--ubq-scale-base) / 2 - 0.01px) var(--ubq-focus-outline), 0 0 0 var(--ubq-scale-base) var(--ubq-focus-default)}.ubq-static{--ubq-static-selection-frame: hsl(230, 100%, 60%);--ubq-static-contrast-white: hsl(0, 0%, 100%);--ubq-static-contrast-black: hsl(0, 0%, 0%);--ubq-static-snapping: hsl(338, 100%, 50%);--ubq-static-bleed: hsl(334, 73%, 43%);--ubq-static-text-variable: hsl(274, 97%, 60%);--ubq-static-card-label-background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 14.46%, rgba(0, 0, 0, 0.6) 100% );--ubq-static-card-background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.08), hsla(0, 0%, 0%, 0.08) ), hsla(0, 0%, 67%, 0.16)}.ubq-normal{--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: normal;--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: normal;--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: normal;--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, "Overpass Mono", monospace );--ubq-typography-input-m-size: 12px;--ubq-typography-input-m-weight: 500;--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: normal;--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-s: 4px;--ubq-border_radius-m: 8px;--ubq-border_radius-l: 12px}.ubq-large{--ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-size: 20px;--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-line_height: 25px;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-size: 15px;--ubq-typography-headline-m-weight: 600;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-line_height: 20px;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-size: 15px;--ubq-typography-label-m-weight: normal;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-line_height: 20px;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-size: 12.5px;--ubq-typography-label-s-weight: normal;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-line_height: 17.5px;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-size: 15px;--ubq-typography-body-m-weight: normal;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-line_height: 22.5px;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-size: 15px;--ubq-typography-input-m-weight: 500;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-line_height: 20px;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-size: 15px;--ubq-typography-button-m-weight: normal;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-line_height: 20px;--ubq-scale-base: 5px;--ubq-margin-base: 5px;--ubq-margin-xs: 5px;--ubq-margin-s: 10px;--ubq-margin-m: 15px;--ubq-margin-l: 20px;--ubq-margin-xl: 30px;--ubq-border_radius-base: 5px;--ubq-border_radius-s: 5px;--ubq-border_radius-m: 10px;--ubq-border_radius-l: 15px}

package/assets/ui/stylesheets/cesdk.css

@@ -63,9 +63,10 @@
 @supports not (contain: none){.UBQ_ExternalLink__block--Hb3aB:focus{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-default);border-radius:var(--ubq-border_radius-s)}}.UBQ_ExternalLink__block--Hb3aB:focus-visible{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-default);border-radius:var(--ubq-border_radius-s)}
 .UBQ_Dock__block--aKQfU{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 .3s ease-in-out}.UBQ_Dock__block--aKQfU.UBQ_Dock__hasSelected--zZeMe{background:var(--ubq-elevation-1)}.UBQ_Dock__block--aKQfU.UBQ_Dock__left--SjHad{order:0}.UBQ_Dock__block--aKQfU.UBQ_Dock__right--XRtI1{order:1}.UBQ_Dock__small--EjOTm{width:calc(var(--ubq-scale-base)*12)}.UBQ_Dock__big--mtVNu{width:calc(var(--ubq-scale-base)*18)}.UBQ_Dock__button--ttmQQ{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:1 0}.UBQ_Dock__buttonLabel--w6Aji{display:flex;flex-direction:column;align-items:center;gap:var(--ubq-margin-xs);width:100%}.UBQ_Dock__buttonLabel--w6Aji>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}.UBQ_Dock__group--_lfht{display:flex;flex-direction:column;gap:var(--ubq-margin-xs)}.UBQ_Dock__group--_lfht:empty{display:none}
 .UBQ_MasonryGrid__block--X5QGY{display:grid;grid-gap:var(--ubq-margin-s);grid-auto-rows:0}
-.UBQ_MediaStrip__block--hwS5E{border-radius:var(--ubq-border_radius-m);padding:var(--ubq-margin-xs);box-sizing:border-box;display:grid;grid-template-areas:"stack";grid-template-rows:100%;grid-template-columns:100%;height:100%;width:100%;background:salmon;overflow:hidden}.UBQ_MediaStrip__block--hwS5E>*{grid-area:stack}.UBQ_MediaStrip__keyframeContainer--bixco{height:100%;width:100%}.UBQ_MediaStrip__keyframeContainer--bixco>img{object-fit:contain;height:100%}
+.UBQ_MediaStrip__block--hwS5E{border-radius:var(--ubq-border_radius-m);box-sizing:border-box;display:grid;grid-template-areas:"stack";grid-template-rows:100%;grid-template-columns:100%;height:100%;width:100%;overflow:hidden}.UBQ_MediaStrip__block--hwS5E>*{grid-area:stack}.UBQ_MediaStrip__content--vjWxV{box-sizing:border-box;height:100%;width:100%;padding:var(--ubq-margin-xs)}.UBQ_MediaStrip__backgroundContainer--CT081{height:100%;width:100%;pointer-events:none}.UBQ_MediaStrip__singleFrame--MCQAr{width:100%;height:100%;background-repeat:repeat;background-size:auto 100%}
 .UBQ_ResizeHandle__block--YRdxN{border-radius:var(--ubq-border_radius-s);box-shadow:0 0 0 1px var(--ubq-static-selection-frame);height:calc(4*var(--ubq-scale-base));width:var(--ubq-scale-base);background:var(--ubq-static-contrast-white);cursor:col-resize}.UBQ_ResizeHandle__block--YRdxN.UBQ_ResizeHandle__vertical--sRBAO{height:var(--ubq-scale-base);width:calc(4*var(--ubq-scale-base));cursor:row-resize}
 .UBQ_IndicatorLabel__block--ZejQt{padding:0 var(--ubq-margin-s);width:-moz-fit-content;width:fit-content;border-radius:var(--ubq-border_radius-s);color:var(--ubq-foreground-default);background:var(--ubq-overlay);font-family:var(--ubq-typography-label-m-font_family);font-size:var(--ubq-typography-label-m-size);font-weight:var(--ubq-typography-label-m-weight);letter-spacing:var(--ubq-typography-label-m-letter_spacing);line-height:var(--ubq-typography-label-m-line_height)}
+.UBQ_MediaTrim__block--Q08_J{box-sizing:border-box;width:100%;height:calc(var(--ubq-scale-base)*7);overflow:hidden}.UBQ_MediaTrim__innerMediaStrip--fVo9X{background:rgba(0,0,0,0);box-shadow:0 0 0 100vw rgba(0,0,0,.55),inset 0 0 0 2px var(--ubq-focus-default)}.UBQ_MediaTrim__handle--RYMT5{cursor:col-resize;padding:0 var(--ubq-margin-xs)}
 .UBQ_CanvasAction__block--fbc8M{display:flex;padding:calc(var(--ubq-margin-xs) - 1px)}.UBQ_CanvasAction__block--fbc8M:not(:last-child){border-right:1px solid var(--ubq-border-divider)}
 .UBQ_CanvasActionContainer__canvasActions--_2g3e{display:flex;flex-direction:row;align-items:center;background:var(--ubq-elevation-2);border:1px solid var(--ubq-border-divider);border-radius:var(--ubq-border_radius-m);overflow:hidden}.UBQ_CanvasActionContainer__canvasActions--_2g3e:empty{display:none}.UBQ_CanvasActionContainer__tippy--Js2dJ{max-width:unset !important}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden]{opacity:0}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}
 .UBQ_PlaceholderSettings__placeholderPopoverButton--E1tmL{background:var(--ubq-interactive-template-default)}.UBQ_PlaceholderSettings__placeholderPopoverButton--E1tmL:hover:not([data-active=true]):not(:active){background:var(--ubq-interactive-template-hover)}.UBQ_PlaceholderSettings__placeholderPopoverButton--E1tmL:active{background:var(--ubq-interactive-template-pressed)}.UBQ_PlaceholderSettings__spacer--eMd5b{width:var(--ubq-margin-xs)}.UBQ_PlaceholderSettings__hidden--UTFNM{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.UBQ_PlaceholderSettings__separator--gVJ1q{margin:var(--ubq-margin-xs)}