@symbo.ls/create 2.11.499 → 2.11.501

package/dist/cjs/bundle/index.js

@@ -3673,6 +3673,22 @@ var require_cjs2 = __commonJS({
               tag,
               props: { ...element }
             });
+            if (newElem.props.data) {
+              newElem.data = newElem.props.data;
+              delete newElem.props.data;
+            }
+            if (newElem.props.state) {
+              newElem.state = newElem.props.state;
+              delete newElem.props.state;
+            }
+            if (newElem.props.attr) {
+              newElem.attr = newElem.props.attr;
+              delete newElem.props.attr;
+            }
+            if (newElem.props.if) {
+              newElem.if = newElem.props.if;
+              delete newElem.props.if;
+            }
             if (childExtends)
               newElem.childExtend = childExtends;
             return newElem;
@@ -5944,6 +5960,7 @@ var require_cjs2 = __commonJS({
       ANIMATION: () => ANIMATION,
       BREAKPOINTS: () => BREAKPOINTS,
       CASES: () => CASES,
+      CLASS: () => CLASS,
       COLOR: () => COLOR2,
       CONFIG: () => CONFIG3,
       CSS_VARS: () => CSS_VARS,
@@ -6322,6 +6339,7 @@ var require_cjs2 = __commonJS({
       ANIMATION: () => ANIMATION,
       BREAKPOINTS: () => BREAKPOINTS,
       CASES: () => CASES,
+      CLASS: () => CLASS,
       COLOR: () => COLOR2,
       DEVICES: () => DEVICES,
       DOCUMENT: () => DOCUMENT,
@@ -6472,6 +6490,8 @@ var require_cjs2 = __commonJS({
     var TEMPLATES = {};
     var defaultProps4 = {};
     var GRID = defaultProps4;
+    var defaultProps5 = {};
+    var CLASS = defaultProps5;
     var RESET = {};
     var CSS_VARS = {};
     var CONFIG3 = {
@@ -12882,7 +12902,7 @@ var init_Media = __esm({
         return (0, import_utils7.overwriteDeep)(result, convertPropsToClass(props4, result, element));
     };
     applyTrueProps = (props4, result, element) => (0, import_utils7.merge)(result, convertPropsToClass(props4, result, element));
-    beforeClassAssign = (element, s) => {
+    beforeClassAssign = (element, s, ctx) => {
       const { props: props4, class: className, context } = element;
       const CLASS_NAMES = {
         media: {},
@@ -12909,7 +12929,17 @@ var init_Media = __esm({
         }
         if (setter)
           setter(key, props4[key], CLASS_NAMES, element);
-        else if (key === "true")
+        else if (key === "class") {
+          const value2 = element.props.class;
+          if (!element.call("isString", value2))
+            return;
+          const classArr = value2.split(" ");
+          const scratchClasses = ctx.designSystem.CLASS;
+          CLASS_NAMES.class = classArr.reduce((accumulator, current) => {
+            const scratchClass = scratchClasses[current];
+            return (0, import_utils7.merge)(accumulator, scratchClass);
+          }, {});
+        } else if (key === "true")
           applyTrueProps(props4[key], CLASS_NAMES, element);
       }
       const parentProps = element.parent && element.parent.props;
@@ -22742,9 +22772,9 @@ var init_client = __esm({
   }
 });
 
-// ../sync/dist/cjs/Notifications.js
-var require_Notifications = __commonJS({
-  "../sync/dist/cjs/Notifications.js"(exports, module2) {
+// ../sync/dist/cjs/SyncNotifications.js
+var require_SyncNotifications = __commonJS({
+  "../sync/dist/cjs/SyncNotifications.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -22763,12 +22793,12 @@ var require_Notifications = __commonJS({
       return to;
     };
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var Notifications_exports = {};
-    __export2(Notifications_exports, {
+    var SyncNotifications_exports = {};
+    __export2(SyncNotifications_exports, {
       Notifications: () => Notifications2,
       connectedToSymbols: () => connectedToSymbols
     });
-    module2.exports = __toCommonJS2(Notifications_exports);
+    module2.exports = __toCommonJS2(SyncNotifications_exports);
     var NOTIF_COLORS = {
       success: "green",
       error: "red",
@@ -23069,13 +23099,6 @@ var require_Inspect = __commonJS({
   }
 });
 
-// ../sync/dist/cjs/DefaultSyncApp.js
-var require_DefaultSyncApp = __commonJS({
-  "../sync/dist/cjs/DefaultSyncApp.js"() {
-    "use strict";
-  }
-});
-
 // ../sync/dist/cjs/index.js
 var require_cjs14 = __commonJS({
   "../sync/dist/cjs/index.js"(exports, module2) {
@@ -23110,10 +23133,9 @@ var require_cjs14 = __commonJS({
     var import_client = (init_client(), __toCommonJS(client_exports));
     var import_globals = require_cjs9();
     var import_utils25 = require_cjs();
-    var import_Notifications = require_Notifications();
+    var import_SyncNotifications = require_SyncNotifications();
     var import_Inspect = require_Inspect();
-    __reExport2(sync_exports, require_DefaultSyncApp(), module2.exports);
-    __reExport2(sync_exports, require_Notifications(), module2.exports);
+    __reExport2(sync_exports, require_SyncNotifications(), module2.exports);
     __reExport2(sync_exports, require_Inspect(), module2.exports);
     var isLocalhost = import_globals.window && import_globals.window.location && import_globals.window.location.host.includes("local");
     var onConnect = (element, state) => {
@@ -23159,7 +23181,7 @@ var require_cjs14 = __commonJS({
             (0, import_init3.init)(designSystem);
         }
         if (ctx.editor.verbose && event === "clients") {
-          (0, import_Notifications.connectedToSymbols)(data, el, s);
+          (0, import_SyncNotifications.connectedToSymbols)(data, el, s);
         }
       };
     };
@@ -23179,7 +23201,7 @@ var require_cjs14 = __commonJS({
       }
     };
     var DefaultSyncApp = {
-      extend: [SyncComponent2, import_Inspect.Inspect, import_Notifications.Notifications]
+      extend: [SyncComponent2, import_Inspect.Inspect, import_SyncNotifications.Notifications]
     };
   }
 });
@@ -27174,6 +27196,7 @@ var DEFAULT_CONFIG = {
   },
   DEVICES: {},
   CASES: {},
+  CLASS: {},
   SVG: {}
   // TODO: Check with @nikoloza on this
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.499",
+  "version": "2.11.501",
   "license": "MIT",
-  "gitHead": "f4de4fba03a8a03e68a7e4d072dbbfed0e98df67",
+  "gitHead": "fc87e36ca99f7c465a5261482fc88a62e0ba5dd0",
   "files": [
     "src",
     "dist"
@@ -35,10 +35,10 @@
     "@domql/report": "^2.5.0",
     "@domql/router": "^2.5.0",
     "@symbo.ls/fetch": "^2.11.475",
-    "@symbo.ls/init": "^2.11.497",
-    "@symbo.ls/scratch": "^2.11.497",
-    "@symbo.ls/sync": "^2.11.499",
-    "@symbo.ls/uikit": "^2.11.499",
+    "@symbo.ls/init": "^2.11.501",
+    "@symbo.ls/scratch": "^2.11.500",
+    "@symbo.ls/sync": "^2.11.501",
+    "@symbo.ls/uikit": "^2.11.500",
     "@symbo.ls/utils": "^2.11.497",
     "domql": "^2.5.158"
   },