@silexlabs/silex 3.3.1-2 → 3.3.1-4

package/dist/client/client/grapesjs/flex.d.ts

@@ -1,7 +1,3 @@
 import { Editor } from 'grapesjs';
-/**
- * @fileoverview This plugin adds CSS properties for the UL, OL and LI elements
- *
- */
 declare const _default: (editor: Editor) => void;
 export default _default;

package/dist/client/client/grapesjs/sectors.d.ts

@@ -4,8 +4,9 @@ import { Component, Editor } from 'grapesjs';
  *
  */
 export type SectorConfig = {
+    id: string;
     name: string;
     props: any[];
-    shouldShow: (comp: Component) => boolean;
+    shouldShow: (comp: Component) => boolean | Promise<boolean>;
 };
 export declare function registerSector(editor: Editor, config: SectorConfig, at?: number): void;

package/dist/client/css/admin.css

@@ -311,9 +311,13 @@ template {
 
 :root {
   --primaryColor: #333333;
+  --gjs-primary-color: #333333 !important;
   --secondaryColor: #ddd;
+  --gjs-secondary-color: #ddd !important;
   --tertiaryColor: #8873FE;
+  --gjs-tertiary-color: #8873FE !important;
   --quaternaryColor: #A291FF;
+  --gjs-quaternary-color: #A291FF !important;
   --darkerPrimaryColor: #292929;
   --lighterPrimaryColor: #575757;
   --viewsPanelWidth: 25%;
@@ -4220,21 +4224,22 @@ form.silex-form .silex-form__group.col2 {
   height: 0;
   position: absolute;
   background-color: #333333;
+  outline: 1px solid grey;
+  border: none;
   border-radius: 0.125rem;
   transform: translateY(-5px);
   transition: all 0.3s 0.3s ease;
+  /* CHROME */
+  /* FIREFOX */
 }
 .silex-loader .silex-loader__text progress.silex-loader__progress::-webkit-progress-bar {
-  background-color: #ddd;
-  border-radius: 0.125rem;
+  background-color: #333333;
 }
 .silex-loader .silex-loader__text progress.silex-loader__progress::-webkit-progress-value {
-  background-color: #333333;
-  border-radius: 0.125rem;
+  background-color: #ddd;
 }
 .silex-loader .silex-loader__text progress.silex-loader__progress::-moz-progress-bar {
   background-color: #ddd;
-  border-radius: 0.125rem;
 }
 .silex-loader.silex-loader--active .silex-loader__text {
   min-width: 250px;
@@ -4462,10 +4467,10 @@ form.silex-form .silex-form__group.col2 {
 }
 
 .page-panel-container .pages__wrapper {
-  height: inherit;
+  display: contents !important;
+  height: fit-content;
 }
 .page-panel-container .pages {
-  height: 100%;
   display: flex;
   flex-direction: column;
 }
@@ -4473,6 +4478,7 @@ form.silex-form .silex-form__group.col2 {
   flex: 1;
   border: 1px solid #292929;
   background-color: #333333;
+  min-height: 20vh;
 }
 .page-panel-container .pages .pages__page {
   display: flex;
@@ -4657,6 +4663,10 @@ form.silex-form .silex-form__group.col2 {
   border-right-color: #ddd;
 }
 
+.gjs-radio-item-label:after {
+  display: none !important;
+}
+
 .gjs-editor .gjs-notification {
   max-height: initial;
   text-align: left;
@@ -4976,6 +4986,13 @@ form.silex-form .silex-form__group.col2 {
 .gjs-sm-icon[title]:not([title=""])::after {
   content: "?";
   margin-left: 0.5em;
+  padding: 0.1em 0.3em;
+  transition: background 0.5s;
+  font-size: x-small;
+}
+
+.gjs-sm-icon[title]:not([title=""]):hover::after {
+  background: var(--gjs-main-dark-color);
 }
 
 /*
@@ -5057,9 +5074,9 @@ form.silex-form .silex-form__group.col2 {
 
 .gjs-sm-sector .gjs-sm-sector-title::before,
 .gjs-sm-sector .gjs-sm-sector-title::after {
-  content: "•";
+  content: "o";
   display: none;
-  margin-left: 0.1em;
+  margin-left: 0.4em;
   order: 5;
 }
 

package/dist/client/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en" translate="no"><head><title>Silex</title><meta name="description" content="This is a public instance of Silex website builder. Build websites in the browser"><link rel="shortcut icon" href="assets/favicon.png?621292"><style>body {
+<!DOCTYPE html><html lang="en" translate="no"><head><title>Silex</title><meta name="description" content="This is a public instance of Silex website builder. Build websites in the browser"><link rel="shortcut icon" href="assets/favicon.png?903727"><style>body {
   background-color: #444444;
   font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
@@ -6,6 +6,6 @@
   opacity: 0;
   transition: opacity 0.25s 0.25s ease-in-out;
 }
-</style></head><body class="silex-loading"><div class="silex-loader silex-dialog">Loading
-</div><link rel="stylesheet" type="text/css" href="css/admin.css?185895"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js?185895"></script><script>silex.start()
+</style></head><body class="silex-loading"><div class="silex-loader silex-dialog" role="status" aria-live="polite" aria-busy="true">Loading
+</div><link rel="stylesheet" type="text/css" href="css/admin.css?16660"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js?16660"></script><script>silex.start()
 // From here silex.config is available and Silex is getting started</script></body></html>