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

package/assets/i18n/de.json

@@ -26,10 +26,10 @@
   "action.crop.turnAndMirror": "Drehen & Spiegeln",
   "action.editText": "$t(common.edit)",
   "action.enterGroup": "Gruppe öffnen",
-  "action.gradient.addStop": "Farbmarker hinzufügen bei {{position}}%.",
+  "action.gradient.addStop": "Farbmarker hinzufügen bei {{position}}%",
   "action.gradient.removeStop": "Farbmarker löschen",
   "action.group": "Elemente gruppieren",
-  "action.image.blur": "Unschärfe anwenden",
+  "action.image.blur": "Weichzeichner anwenden",
   "action.image.crop": "Bild beschneiden",
   "action.image.effect": "Effect anwenden",
   "action.image.filter": "Filter anwenden",
@@ -224,9 +224,9 @@
   "assets.ly.img.ubq.shapes.star.label": "Stern",
   "action.shadow.blur.change": "Schattenunschärfe ändern",
   "action.shadow.color.change": "Schattenfarbe ändern",
-  "action.shadow.direction.change": "Schattenrichtung ändern",
-  "action.shadow.direction.rotate": "Schatten um 45 Grad im Uhrzeigersinn drehen",
-  "action.shadow.size.change": "Schattengröße ändern",
+  "action.shadow.angle.change": "Schattenwinkel ändern",
+  "action.shadow.angle.rotate": "Schatten um 45 Grad im Uhrzeigersinn drehen",
+  "action.shadow.distance.change": "Schattenabstand ändern",
   "action.strokeJoin.change": "Konturkanten ändern",
   "action.strokePosition.change": "Konturposition ändern",
   "action.strokeStyle.change": "$t(property.strokeStyle.description)",
@@ -256,7 +256,7 @@
   "color.red": "Rot",
   "color.yellow": "Gelb",
   "common.advanced": "Erweitert",
-  "common.arrange": "Versetzen",
+  "common.arrange": "Anordnen",
   "common.axis.x": "X",
   "common.axis.y": "Y",
   "common.back": "Zurück",
@@ -312,7 +312,7 @@
   "common.select": "Auswählen",
   "common.size": "Größe",
   "common.style": "Style",
-  "common.transform": "Umformen",
+  "common.transform": "Transformieren",
   "common.undo": "Rückgängig",
   "common.unit": "Einheit",
   "common.unit.description": "Größeneinheit",
@@ -324,17 +324,17 @@
   "component.assetPanelAutoCloseSettings.false.description": "Die Bibliothek offen lassen nachdem ein Asset eingefügt wurde",
   "component.assetPanelAutoCloseSettings.true": "Schließen",
   "component.assetPanelAutoCloseSettings.true.description": "Die Bibliothek schließen nachdem ein Asset eingefügt wurde",
-  "component.assetPanelFloatingSettings": "Bibliothek (einfügen)",
+  "component.assetPanelFloatingSettings": "Verhalten",
   "component.assetPanelFloatingSettings.fixed": "Fixiert",
-  "component.assetPanelFloatingSettings.fixed.description": "Die Bibliothek beim Einfügen ist nebem der Arbeitsfläche fixiert.",
+  "component.assetPanelFloatingSettings.fixed.description": "Die Bibliothek beim Einfügen ist nebem der Arbeitsfläche fixiert",
   "component.assetPanelFloatingSettings.floating": "Schwebend",
   "component.assetPanelFloatingSettings.floating.description": "Die Bibliothek beim Einfügen schwebt über der Arbeitsfläche",
   "component.assetSettings": "Assets",
-  "component.assetSettings.image.adjustments": "Bildkorrekturen",
-  "component.assetSettings.image.blur": "Bildunschärfe",
-  "component.assetSettings.image.crop": "Bildausschnitt",
-  "component.assetSettings.image.effects": "Bildeffekte",
-  "component.assetSettings.image.filters": "Bildfilter",
+  "component.assetSettings.image.adjustments": "Farbkorrektur",
+  "component.assetSettings.image.blur": "Weichzeichner",
+  "component.assetSettings.image.crop": "Zuschneiden",
+  "component.assetSettings.image.effects": "Effekte",
+  "component.assetSettings.image.filters": "Filter",
   "component.assetSettings.opacity": "$t(common.opacity)",
   "component.assetSettings.text.advanced": "Erweiterte Texteinstellung",
   "component.assetSettings.text.color": "Textfarbe",
@@ -360,12 +360,12 @@
   "component.colorSchemeSelect.background.description": "Hintergrundfarbe ändern",
   "component.dnd.description": "Die hochgeladenen Dateien werden in der Bibliothek gespeichert",
   "component.dnd.prompt": "Dateien hier hinziehen",
-  "component.dockIconSizeSelect": "Icon Skalierung",
+  "component.dockIconSizeSelect": "Dock Icon Skalierung",
   "component.dockIconSizeSelect.large": "Groß",
   "component.dockIconSizeSelect.large.description": "Große Dock Icon Skalierung auswählen",
   "component.dockIconSizeSelect.normal": "Normal",
   "component.dockIconSizeSelect.normal.description": "Normale Dock Icon Skalierung auswählen",
-  "component.dockLabelVisibilityToggle": "Labels",
+  "component.dockLabelVisibilityToggle": "Dock Labels",
   "component.dockLabelVisibilityToggle.hide": "Ausblenden",
   "component.dockLabelVisibilityToggle.hide.description": "Beschriftungen der Dock Buttons ausblenden",
   "component.dockLabelVisibilityToggle.show": "Anzeigen",
@@ -379,7 +379,7 @@
   "component.fileOperation.more": "Weitere Optionen anzeigen",
   "component.fileOperation.save": "$t(common.save)",
   "component.fileOperation.share": "Als Vorlage teilen",
-  "component.inspectorPositionSelect": "Inspector",
+  "component.inspectorPositionSelect": "$t(common.position)",
   "component.inspectorPositionSelect.left": "Links",
   "component.inspectorPositionSelect.left.description": "Inspector auf der linken Seite",
   "component.inspectorPositionSelect.right": "Rechts",
@@ -412,6 +412,9 @@
   "component.librarySettings.templateLibrary": "$t(component.templateLibrary)",
   "component.librarySettings.textLibrary": "Text-Bibliothek",
   "component.librarySettings.uploadLibrary": "Upload-Bibliothek",
+  "component.pageSettings": "Seite",
+  "component.pageSettings.format": "Seiten formatieren",
+  "component.pageSettings.manage": "Seiten verwalten",
   "component.pageTitleVisibilityToggle": "Seiten Titel",
   "component.pageTitleVisibilityToggle.hide": "Ausblenden",
   "component.pageTitleVisibilityToggle.hide.description": "Titel einer Seite ausblenden",
@@ -425,9 +428,9 @@
   "component.replacePanelAutoCloseSettings.false.description": "Die Bibliothek offen lassen nachdem ein Asset ersetzt wurde",
   "component.replacePanelAutoCloseSettings.true": "Schließen",
   "component.replacePanelAutoCloseSettings.true.description": "Die Bibliothek schließen nachdem ein Asset ersetzt wurde",
-  "component.replacePanelFloatingSettings": "Bibliothek (ersetzen)",
+  "component.replacePanelFloatingSettings": "Verhalten",
   "component.replacePanelFloatingSettings.fixed": "Fixiert",
-  "component.replacePanelFloatingSettings.fixed.description": "Die Bibliothek beim Ersetzen ist nebem der Arbeitsfläche fixiert.",
+  "component.replacePanelFloatingSettings.fixed.description": "Die Bibliothek beim Ersetzen ist nebem der Arbeitsfläche fixiert",
   "component.replacePanelFloatingSettings.floating": "Schwebend",
   "component.replacePanelFloatingSettings.floating.description": "Die Bibliothek beim Ersetzen schwebt über der Arbeitsfläche",
   "component.roleSelect": "$t(common.role)",
@@ -440,18 +443,19 @@
   "component.settings.toggle": "Editor anpassen",
   "component.settings.toggle.description": "Einstellungen öffnen um den Editor anzupassen",
   "component.settingsPanel.appearance": "Aussehen",
-  "component.settingsPanel.assetPanel": "Asset-Leiste",
+  "component.settingsPanel.assetPanel": "Bibliotheksleiste",
   "component.settingsPanel.dock": "Dock",
+  "component.settingsPanel.documentation": "Dokumentation",
   "component.settingsPanel.general": "Generell",
   "component.settingsPanel.header": "Editor anpassen",
-  "component.settingsPanel.inspectorPanel": "Inspector Leiste",
+  "component.settingsPanel.inspectorPanel": "Inspektorleiste",
   "component.settingsPanel.replacePanel": "Ersetzungsleiste",
   "component.templateLibrary": "Vorlagen-Bibliothek",
   "component.templateLibrary.abort": "$t(common.cancel)",
   "component.templateLibrary.confirm": "Ja, Änderungen verwerfen",
-  "component.templateLibrary.dialog.body": "Inhalte wie Bilder und Text können nicht übernommen werden und werden dementsprechend verworfen.",
+  "component.templateLibrary.dialog.body": "Inhalte wie Bilder und Text können nicht übernommen werden und werden dementsprechend verworfen",
   "component.templateLibrary.dialog.headline": "Aktuelles Design ersetzen?",
-  "component.templateLibrary.dialog.invalid": "Diese Vorlage ist ungültig und kann leider nicht benutzt werden.",
+  "component.templateLibrary.dialog.invalid": "Diese Vorlage ist ungültig und kann leider nicht benutzt werden",
   "component.themeSelect": "Farbschema",
   "component.themeSelect.dark": "Dunkel",
   "component.themeSelect.dark.description": "Dunkles Farbschema auswählen",
@@ -466,10 +470,10 @@
   "component.undo.undo": "$t(common.undo)",
   "component.viewSelect": "Ansicht",
   "component.viewSelect.advanced": "Advanced",
-  "component.viewSelect.advanced.description": "Den Inspektor immer anzeigen.",
+  "component.viewSelect.advanced.description": "Den Inspektor immer anzeigen",
   "component.viewSelect.default": "Default",
-  "component.viewSelect.default.description": "Den Inspektor möglichst verbergen.",
-  "component.welcome.text": "<p>Willkommen bei CE.SDK.</p><p>Werde kreativ und füge ein <strong>Bild</strong>, <strong>Text</strong> oder <strong>Element</strong> aus der oberen Leiste hinzu.</p>",
+  "component.viewSelect.default.description": "Den Inspektor möglichst verbergen",
+  "component.welcome.text": "<p>Willkommen bei CE.SDK.</p><p>Werde kreativ und füge ein <strong>Bild</strong>, <strong>Text</strong> oder <strong>Element</strong> aus der Asset Bibliothek.</p>",
   "component.zoom.fit": "An Bildschirm anpassen",
   "component.zoom.in": "Vergrößern",
   "component.zoom.options": "Weitere Zoom Optionen anzeigen",
@@ -479,26 +483,26 @@
   "element.transform.resize": "$t(action.block.resize)",
   "element.transform.rotate": "$t(action.block.rotate)",
   "error.generic": "Fehler aufgetreten",
-  "error.generic.description": "Ein unbekannter Fehler ist aufgetreten. Bitte versuchen Sie die Seite neu zu laden.",
+  "error.generic.description": "Ein unbekannter Fehler ist aufgetreten. Bitte versuchen Sie die Seite neu zu laden",
   "error.upload": "Fehler beim Upload",
-  "error.upload.description": "Das von Ihnen gewählte Bild konnte nicht hochgeladen werden.",
-  "error.upload.sizeExceeded": "Es überschreitet die maximale Größe von {{limit}}x{{limit}} Pixeln.",
-  "input.adjustments": "Korrekturen",
+  "error.upload.description": "Das von Ihnen gewählte Bild konnte nicht hochgeladen werden",
+  "error.upload.sizeExceeded": "Es überschreitet die maximale Größe von {{limit}}x{{limit}} Pixeln",
+  "input.adjustments": "Farbkorrektur",
   "input.adjustments.basic": "Grundlagen",
   "input.adjustments.refinements": "Feinheiten",
-  "input.adjustments.tooltip": "Korrekturen ändern",
+  "input.adjustments.tooltip": "Farbkorrektur ändern",
   "input.alwaysOnTop": "Immer im Vordergrund",
   "input.appearance": "Aussehen",
   "input.aspectLock": "Proportionen beibehalten",
   "input.aspectLock.description": "Proportionen beibehalten / frei",
   "input.bleedMargin.select": "Anschnitt auswählen",
-  "input.blur": "Unschärfe",
-  "input.blur.tooltip": "Unschärfe ändern",
-  "input.character": "Schriftzeichen",
+  "input.blur": "Weichzeichner",
+  "input.blur.tooltip": "Weichzeichner ändern",
+  "input.canvas": "Arbeitsfläche",
+  "input.character": "Schrift",
   "input.clipContent": "Inhalt beschneiden",
   "input.clipContent.off.description": "Inhalt beschneiden deaktivieren",
   "input.clipContent.on.description": "Inhalt beschneiden aktivieren",
-  "input.canvas": "Arbeitsfläche",
   "input.effect": "Effekt",
   "input.effect.tooltip": "Effekt ändern",
   "input.export": "Export",
@@ -509,25 +513,25 @@
   "input.fontSelect.tooltip": "Schriftart ändern",
   "input.fontSize.select": "Schriftgröße auswählen",
   "input.fontStyle.toggle": "{{style}} umschalten",
-  "input.gradient.activateColorStop": "Leertaste drücken zum aktivieren.",
+  "input.gradient.activateColorStop": "Leertaste drücken zum aktivieren",
   "input.gradient.colorPosition": "Farbposition",
   "input.gradient.colorStop": "Farbmarker",
   "input.gradient.colorStop.active": "Aktiver Farbmarker",
   "input.gradient.colorStop.description": "{{stopType}} {{index}} von {{total}} bei {{position}}%. $t(common.nearestColorName): {{colorName}}, $t(common.colorValue): {{colorValue}}.{{action}}",
-  "input.gradient.flip": "Farbmarkerreihenfolge umkehren.",
+  "input.gradient.flip": "Farbmarkerreihenfolge umkehren",
   "input.gradient.gradientAngle": "Verlaufswinkel",
-  "input.gradient.rotate": "Farbverlauf um 45 Grad im Uhrzeigersinn drehen.",
-  "input.hspSelectiveAdjustments": "Selektive Korrekturen",
+  "input.gradient.rotate": "Verlauf um 45 Grad im Uhrzeigersinn drehen",
+  "input.hspSelectiveAdjustments": "Selektive Farbkorrektur",
   "input.insertVariable": "Variable hinzufügen",
   "input.keyShortcut": "Um den '{{input}}' Dialog zu öffnen, betätigen Sie '{{keyShortcut}}'",
   "input.layer": "Ebene",
-  "input.multiSelection.notice": "Mehrere Elemente können nicht\ngleichzeitig bearbeitet werden.",
+  "input.multiSelection.notice": "Mehrere Elemente können nicht\ngleichzeitig bearbeitet werden",
   "input.multiSelection.title": "Mehrere Elemente ({{count}})",
   "input.options": "Optionen",
   "input.options.description": "Mehr Optionen",
   "input.page.titleTemplate": "$t(common.page) {{number}}",
   "input.pages": "Seiten",
-  "input.preset": "Vorlage",
+  "input.preset": "Format",
   "input.preset.description": "Seitenvorlage",
   "input.preset.tooltip": "$(input.preset) auswählen",
   "input.propertyToggle.disable": "Deaktivieren",
@@ -539,23 +543,23 @@
   "input.shadow.blur": "Unschärfe",
   "input.shadow.blur.description": "Schattenunschärfe",
   "input.shadow.description": "Schatten ändern",
-  "input.shadow.direction": "Richtung",
-  "input.shadow.direction.description": "Schattenrichtung",
+  "input.shadow.angle": "Winkel",
+  "input.shadow.angle.description": "Schattenwinkel",
   "input.shadow.label": "Schatten",
-  "input.shadow.size": "Größe",
-  "input.shadow.size.description": "Schattengröße",
+  "input.shadow.distance": "Abstand",
+  "input.shadow.distance.description": "Schattenabstand",
   "input.shadow.valueLabel": "Schlagschatten",
   "input.shape": "Form",
   "input.shape.options": "Form Optionen",
   "input.showInExport": "Im Export anzeigen",
-  "input.sliderInput.toggleNumberInput": "Direkte Werteingabe einblenden.",
+  "input.sliderInput.toggleNumberInput": "Direkte Werteingabe einblenden",
   "input.text.advanced": "$t(common.advanced)",
   "input.text.advanced.description": "Zeilenhöhe, Abstände, Ausrichtung & Größe",
   "input.text.placeholder": "Etwas aufschreiben",
   "input.transform": "$t(common.position) & $t(common.size)",
   "input.transform.description": "$t(common.position) und $t(common.size) ändern",
-  "input.typefaceSelect.description": "Ausgewählte Schriftfamilie: {{fontFamily}}",
-  "input.typefaceSelect.tooltip": "Schriftfamilie ändern",
+  "input.typefaceSelect.description": "Ausgewählte Schriftart: {{fontFamily}}",
+  "input.typefaceSelect.tooltip": "Schriftart ändern",
   "input.unit.tooltip": "$t(common.unit) auswählen",
   "input.uploadImage": "Bild wird hochgeladen...",
   "libraries.ly.img.image.label": "Bilder",
@@ -620,12 +624,12 @@
   "property.adjustments.sharpness": "Schärfe",
   "property.adjustments.temperature": "Temperatur",
   "property.adjustments.whites": "Weiß",
-  "property.autoSize": "Autogröße",
+  "property.autoSize": "Größenanpassung",
   "property.autoSize.autoHeight.description": "Höhe des Textfeldes automatisch skalieren",
   "property.autoSize.fixedFrame.description": "Feste Größe des Textfeldes",
   "property.backgroundColor": "Hintergrund",
   "property.backgroundColor.description": "Hintergrundfarbe ändern",
-  "property.bleedMargin": "Anschnitt",
+  "property.bleedMargin": "Beschnitt",
   "property.blendMode": "Überblendmodi",
   "property.blendMode.Color": "Farbe",
   "property.blendMode.ColorBurn": "Farbig nachbelichten",
@@ -677,8 +681,8 @@
   "property.crop.offset.description": "Versatz des Bildes auf der {{axis}}-Achse in {{unit}}",
   "property.crop.scale": "Skalierung",
   "property.crop.scale.description": "Bildabmessungen proportional skalieren",
-  "property.crop.size": "Zuschneidebereich",
-  "property.crop.size.description": "{{dimension}} des Zuschneidebereichs in {{unit}}",
+  "property.crop.size": "Schnittbereich",
+  "property.crop.size.description": "{{dimension}} des Schnittbereichs in {{unit}}",
   "property.crop.straighten": "Begradigen",
   "property.crop.tooltip": "Zuschnitt ändern",
   "property.crop.transform": "$t(block.image)",
@@ -751,16 +755,16 @@
   "property.fill": "Füllung",
   "property.fill.description": "Füllung ändern",
   "property.fillType": "Füllung",
-  "property.fillType.gradient": "Farbverlauf",
-  "property.fillType.gradient.description": "Mit Farbverlauf füllen",
+  "property.fillType.gradient": "Verlauf",
+  "property.fillType.gradient.description": "Mit Verlauf füllen",
   "property.fillType.solid": "Einfarbig",
   "property.fillType.solid.description": "Einfarbig füllen",
   "property.flip": "Spiegeln",
   "property.flip.x": "Horizontal spiegeln",
   "property.flip.y": "Vertikal spiegeln",
-  "property.gradientType.conical": "Kegelförmiger Farbverlauf",
-  "property.gradientType.linear": "Linearer Farbverlauf",
-  "property.gradientType.radial": "Kreisförmiger Farbverlauf",
+  "property.gradientType.conical": "Kegelförmiger Verlauf",
+  "property.gradientType.linear": "Linearer Verlauf",
+  "property.gradientType.radial": "Kreisförmiger Verlauf",
   "property.hspSelectiveAdjustments.hue": "Farbton",
   "property.hspSelectiveAdjustments.perceivedBrightness": "Helligkeit",
   "property.hspSelectiveAdjustments.saturation": "Sättigung",
@@ -827,8 +831,8 @@
   "typography.italic": "Kursiv",
   "typography.normal": "Normal",
   "typography.size": "Schriftgröße",
-  "typography.style": "Schriftart",
-  "typography.typeface": "Schriftfamilie",
+  "typography.style": "Stil",
+  "typography.typeface": "Schriftart",
   "typography.weight.100": "Fein",
   "typography.weight.200": "Extraleicht",
   "typography.weight.300": "Leicht",

package/assets/i18n/en.json

@@ -26,7 +26,7 @@
   "action.crop.turnAndMirror": "Turn & Mirror",
   "action.editText": "$t(common.edit)",
   "action.enterGroup": "Enter Group",
-  "action.gradient.addStop": "Add new stop at {{position}}%.",
+  "action.gradient.addStop": "Add new stop at {{position}}%",
   "action.gradient.removeStop": "Delete Color",
   "action.group": "Group elements",
   "action.image.blur": "Apply blur",
@@ -224,9 +224,9 @@
   "assets.ly.img.ubq.shapes.star.label": "Star",
   "action.shadow.blur.change": "Change shadow blur",
   "action.shadow.color.change": "Change shadow color",
-  "action.shadow.direction.change": "Change shadow direction",
-  "action.shadow.direction.rotate": "Rotate shadow 45 degrees clockwise",
-  "action.shadow.size.change": "Change shadow size",
+  "action.shadow.angle.change": "Change shadow angle",
+  "action.shadow.angle.rotate": "Rotate shadow 45 degrees clockwise",
+  "action.shadow.distance.change": "Change shadow distance",
   "action.strokeJoin.change": "Change stroke joints",
   "action.strokePosition.change": "Change stroke position",
   "action.strokeStyle.change": "$t(property.strokeStyle.description)",
@@ -330,11 +330,11 @@
   "component.assetPanelFloatingSettings.floating": "Floating",
   "component.assetPanelFloatingSettings.floating.description": "The insert library floats over the canvas",
   "component.assetSettings": "Assets",
-  "component.assetSettings.image.adjustments": "Image Adjustments",
-  "component.assetSettings.image.blur": "Image Blur",
-  "component.assetSettings.image.crop": "Image Crop",
-  "component.assetSettings.image.effects": "Image Effects",
-  "component.assetSettings.image.filters": "Image Filters",
+  "component.assetSettings.image.adjustments": "Adjustments",
+  "component.assetSettings.image.blur": "Blur",
+  "component.assetSettings.image.crop": "Crop",
+  "component.assetSettings.image.effects": "Effects",
+  "component.assetSettings.image.filters": "Filters",
   "component.assetSettings.opacity": "$t(common.opacity)",
   "component.assetSettings.text.advanced": "Text Advanced",
   "component.assetSettings.text.color": "Text Color",
@@ -350,7 +350,7 @@
   "component.colorPicker.colorItem.hexInput": "Hex",
   "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.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.colorSchemeSelect.accent.description": "Change accent color",
@@ -360,12 +360,12 @@
   "component.colorSchemeSelect.background.description": "Change background color",
   "component.dnd.description": "The added files are stored in the library",
   "component.dnd.prompt": "Drag file here",
-  "component.dockIconSizeSelect": "Icon Scaling",
+  "component.dockIconSizeSelect": "Dock Icon Scaling",
   "component.dockIconSizeSelect.large": "Large",
   "component.dockIconSizeSelect.large.description": "Select large dock icon scaling",
   "component.dockIconSizeSelect.normal": "Normal",
   "component.dockIconSizeSelect.normal.description": "Select normal dock icon scaling",
-  "component.dockLabelVisibilityToggle": "Labels",
+  "component.dockLabelVisibilityToggle": "Dock Labels",
   "component.dockLabelVisibilityToggle.hide": "Hide",
   "component.dockLabelVisibilityToggle.hide.description": "Hide labels for dock buttons",
   "component.dockLabelVisibilityToggle.show": "Show",
@@ -379,7 +379,7 @@
   "component.fileOperation.more": "Show more options",
   "component.fileOperation.save": "$t(common.save)",
   "component.fileOperation.share": "Share as Template",
-  "component.inspectorPositionSelect": "Inspector",
+  "component.inspectorPositionSelect": "$t(common.position)",
   "component.inspectorPositionSelect.left": "Left",
   "component.inspectorPositionSelect.left.description": "Select the inspector to be on the left side",
   "component.inspectorPositionSelect.right": "Right",
@@ -412,6 +412,9 @@
   "component.librarySettings.templateLibrary": "$t(component.templateLibrary)",
   "component.librarySettings.textLibrary": "Text Library",
   "component.librarySettings.uploadLibrary": "Upload Library",
+  "component.pageSettings": "Page",
+  "component.pageSettings.format": "Format Pages",
+  "component.pageSettings.manage": "Manage Pages",
   "component.pageTitleVisibilityToggle": "Page Title",
   "component.pageTitleVisibilityToggle.hide": "Hide",
   "component.pageTitleVisibilityToggle.hide.description": "Hide page title",
@@ -440,8 +443,9 @@
   "component.settings.toggle": "Customize Editor",
   "component.settings.toggle.description": "Open settings to customize editor",
   "component.settingsPanel.appearance": "Appearance",
-  "component.settingsPanel.assetPanel": "Asset Panel",
+  "component.settingsPanel.assetPanel": "Library Panel",
   "component.settingsPanel.dock": "Dock",
+  "component.settingsPanel.documentation": "Documentation",
   "component.settingsPanel.general": "General",
   "component.settingsPanel.header": "Customize Editor",
   "component.settingsPanel.inspectorPanel": "Inspector Panel",
@@ -449,9 +453,9 @@
   "component.templateLibrary": "Template Library",
   "component.templateLibrary.abort": "$t(common.cancel)",
   "component.templateLibrary.confirm": "Yes, discard changes",
-  "component.templateLibrary.dialog.body": "Your content, like images and text, can not be adopted and all content will be discarded.",
+  "component.templateLibrary.dialog.body": "Your content, like images and text, can not be adopted and all content will be discarded",
   "component.templateLibrary.dialog.headline": "Replace current design?",
-  "component.templateLibrary.dialog.invalid": "This preset is not valid and cannot be used.",
+  "component.templateLibrary.dialog.invalid": "This preset is not valid and cannot be used",
   "component.themeSelect": "Theme",
   "component.themeSelect.dark": "Dark",
   "component.themeSelect.dark.description": "Select dark theme",
@@ -466,9 +470,10 @@
   "component.undo.undo": "$t(common.undo)",
   "component.viewSelect": "View",
   "component.viewSelect.advanced": "Advanced",
-  "component.viewSelect.advanced.description": "Always show the inspector.",
+  "component.viewSelect.advanced.description": "Always show the inspector",
   "component.viewSelect.default": "Default",
-  "component.viewSelect.default.description": "Hide the inspector if possible.",
+  "component.viewSelect.default.description": "Hide the inspector if possible",
+  "component.welcome.text": "<p>Welcome to CE.SDK.</p><p>Get creative by adding an <strong>Image</strong>, <strong>Text</strong> or <strong>Element</strong> from the asset library.</p>",
   "component.zoom.fit": "Zoom To Fit",
   "component.zoom.in": "Zoom In",
   "component.zoom.options": "See more zoom options",
@@ -478,10 +483,10 @@
   "element.transform.resize": "$t(action.block.resize)",
   "element.transform.rotate": "$t(action.block.rotate)",
   "error.generic": "Unknown Error",
-  "error.generic.description": "The application has encountered an unknown error. Please try to reload the page.",
+  "error.generic.description": "The application has encountered an unknown error. Please try to reload the page",
   "error.upload": "Cannot upload image",
-  "error.upload.description": "The image could not be uploaded.",
-  "error.upload.sizeExceeded": "Image exceeds the maximum size of {{limit}}x{{limit}}.",
+  "error.upload.description": "The image could not be uploaded",
+  "error.upload.sizeExceeded": "Image exceeds the maximum size of {{limit}}x{{limit}}",
   "input.adjustments": "Adjustments",
   "input.adjustments.basic": "Basic",
   "input.adjustments.refinements": "Refinements",
@@ -493,11 +498,11 @@
   "input.bleedMargin.select": "Select bleed margins",
   "input.blur": "Blur",
   "input.blur.tooltip": "Change blur",
+  "input.canvas": "Canvas",
   "input.character": "Character",
   "input.clipContent": "Clip content",
   "input.clipContent.off.description": "Turn clip content off",
   "input.clipContent.on.description": "Turn clip content on",
-  "input.canvas": "Canvas",
   "input.effect": "Effect",
   "input.effect.tooltip": "Change effect",
   "input.export": "Export",
@@ -508,25 +513,25 @@
   "input.fontSelect.tooltip": "Change font style",
   "input.fontSize.select": "Select font size",
   "input.fontStyle.toggle": "Toggle {{style}} style",
-  "input.gradient.activateColorStop": "Press space to activate.",
+  "input.gradient.activateColorStop": "Press space to activate",
   "input.gradient.colorPosition": "Color Position",
   "input.gradient.colorStop": "Color stop",
   "input.gradient.colorStop.active": "Active color stop",
   "input.gradient.colorStop.description": "{{stopType}} {{index}} of {{total}} at {{position}}%. $t(common.nearestColorName): {{colorName}}, $t(common.colorValue): {{colorValue}}.{{action}}",
-  "input.gradient.flip": "Reverse gradient color stop order.",
+  "input.gradient.flip": "Reverse gradient color stop order",
   "input.gradient.gradientAngle": "Gradient Angle",
-  "input.gradient.rotate": "Rotate gradient 45 degrees clockwise.",
+  "input.gradient.rotate": "Rotate gradient 45 degrees clockwise",
   "input.hspSelectiveAdjustments": "Selective Adjustments",
   "input.insertVariable": "Insert variable",
   "input.keyShortcut": "To open '{{input}}', press '{{keyShortcut}}'",
   "input.layer": "Layer",
-  "input.multiSelection.notice": "Editing multiple items at once\nis not supported yet.",
+  "input.multiSelection.notice": "Editing multiple items at once\nis not supported yet",
   "input.multiSelection.title": "Multiple Elements ({{count}})",
   "input.options": "Options",
   "input.options.description": "More options",
   "input.page.titleTemplate": "$t(common.page) {{number}}",
   "input.pages": "Pages",
-  "input.preset": "Preset",
+  "input.preset": "Format",
   "input.preset.description": "Page format preset",
   "input.preset.tooltip": "Select $t(input.preset)",
   "input.propertyToggle.disable": "Disable {{property}}",
@@ -538,21 +543,21 @@
   "input.shadow.blur": "Blur",
   "input.shadow.blur.description": "Shadow blur",
   "input.shadow.description": "Change shadow properties",
-  "input.shadow.direction": "Direction",
-  "input.shadow.direction.description": "Shadow direction",
+  "input.shadow.angle": "Angle",
+  "input.shadow.angle.description": "Shadow angle",
   "input.shadow.label": "Shadow",
-  "input.shadow.size": "Size",
-  "input.shadow.size.description": "Shadow size",
+  "input.shadow.distance": "Distance",
+  "input.shadow.distance.description": "Shadow distance",
   "input.shadow.valueLabel": "Drop Shadow",
   "input.shape": "Shape",
   "input.shape.options": "Shape Options",
   "input.showInExport": "Show in export",
-  "input.sliderInput.toggleNumberInput": "Display direct value input.",
+  "input.sliderInput.toggleNumberInput": "Display direct value input",
   "input.text.advanced": "$t(common.advanced)",
   "input.text.advanced.description": "Line Height, Spacing, Alignment & Sizing",
   "input.text.placeholder": "Write Something",
   "input.transform": "$t(common.position) & $t(common.size)",
-  "input.transform.description": "Adjust position and size.",
+  "input.transform.description": "Adjust position and size",
   "input.typefaceSelect.description": "Selected font typeface: {{fontFamily}}",
   "input.typefaceSelect.tooltip": "Change typeface",
   "input.unit.tooltip": "Select $t(common.unit)",

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-size: 16px;--ubq-typography-headline-l-line_height: 20px;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-m-size: 12px;--ubq-typography-headline-m-line_height: 16px;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-weight: 600;--ubq-typography-label-m-size: 12px;--ubq-typography-label-m-line_height: 16px;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-weight: normal;--ubq-typography-label-s-size: 10px;--ubq-typography-label-s-line_height: 14px;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-weight: normal;--ubq-typography-body-m-size: 12px;--ubq-typography-body-m-line_height: 18px;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-weight: normal;--ubq-typography-input-m-size: 12px;--ubq-typography-input-m-line_height: 16px;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-weight: 500;--ubq-typography-button-m-size: 12px;--ubq-typography-button-m-line_height: 16px;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-weight: normal;--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-size: 20px;--ubq-typography-headline-l-line_height: 25px;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-m-size: 15px;--ubq-typography-headline-m-line_height: 20px;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-weight: 600;--ubq-typography-label-m-size: 15px;--ubq-typography-label-m-line_height: 20px;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-weight: normal;--ubq-typography-label-s-size: 12.5px;--ubq-typography-label-s-line_height: 17.5px;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-weight: normal;--ubq-typography-body-m-size: 15px;--ubq-typography-body-m-line_height: 22.5px;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-weight: normal;--ubq-typography-input-m-size: 15px;--ubq-typography-input-m-line_height: 20px;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-weight: 500;--ubq-typography-button-m-size: 15px;--ubq-typography-button-m-line_height: 20px;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-weight: normal;--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-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}