@social-mail/social-mail-client 1.4.19 → 1.4.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.4.19",
+  "version": "1.4.21",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/site-editor/properties/controls/PropertyEditor.tsx

@@ -14,6 +14,7 @@ export const BindStyleValue = AtomControl.registerProperty("data-style-property"
     const editor = c as HtmlPageEditor;
     const pv = editor.selection.style(v);
     (c as any).render(<div value={Bind.sourceTwoWays(pv, (s) => s.source.value)}></div>, e, c);
+    (c as any).render(<div attr-has-value={Bind.source(pv, (s) => s.source.value ? "true" : "false")}></div>, e, c);
 });
 
 export const BindStyleChecked = AtomControl.registerProperty("data-style-property", "checked", (c, e, v) => {
@@ -88,6 +89,14 @@ export const BindStyleCustom = AtomControl.registerProperty("data-style-property
         display: none;
     }
 
+    
+    &:has([has-value=true]) {
+        & > label {
+            font-weight: bold;
+            color: blue;
+        }
+    }
+
     `.installGlobal("[data-element=property-editor]");
 
 
@@ -104,6 +113,13 @@ export const BindStyleCustom = AtomControl.registerProperty("data-style-property
             padding-right: 10px;
         }
 
+        &:has( [data-element=detail] > [data-element=property-editor] > [has-value=true]) {
+            &  > label {
+                font-weight: bold;
+                color: blue;
+            }
+        }
+
 
     `.installGlobal("[data-element=expander-property-editor]");
 

package/src/site-editor/styler/Styler.ts

@@ -301,6 +301,9 @@ export const sizeVarList = [
     stylerVars.relSize7XL,
     stylerVars.relSizeFull,
     stylerVars.relSizeProse,
+
+    { name: "inherit", value: "inherit "},
+    { name: "unset", value: "unset "},
 ];
 
 export const colorVarList = [