@micromag/core 0.4.46 → 0.4.49

package/lib/hooks.js

@@ -19,6 +19,7 @@ var raf = require('raf');
 var createDebug = require('debug');
 var isString = require('lodash/isString');
 var contexts = require('@micromag/core/contexts');
+var isEmpty = require('lodash/isEmpty');
 var hooks = require('@folklore/hooks');
 var cssMediaquery = require('css-mediaquery');
 var reactIntl = require('react-intl');
@@ -1942,9 +1943,15 @@ var useParsedStory = function useParsedStory(story) {
   return newStory;
 };
 
-var usePlaceholderStyle = function usePlaceholderStyle(className, placeholderStyle) {
-  return "\n            .".concat(className, "::placeholder {\n                ").concat(placeholderStyle.color ? "color: ".concat(placeholderStyle.color, ";") : '', "\n                ").concat(placeholderStyle.fontSize ? "font-size: ".concat(placeholderStyle.fontSize, ";") : '', "\n                ").concat(placeholderStyle.fontStyle ? "font-style: ".concat(placeholderStyle.fontStyle, ";") : '', "\n                ").concat(placeholderStyle.fontWeight ? "font-weight: ".concat(placeholderStyle.fontWeight, ";") : '', "\n                ").concat(placeholderStyle.fontFamily ? "font-family: ".concat(placeholderStyle.fontFamily, ";") : '', "\n                ").concat(placeholderStyle.textAlign ? "text-align: ".concat(placeholderStyle.textAlign, ";") : '', "\n            }\n        ");
-};
+function usePlaceholderStyle(selector, placeholderStyle) {
+  var styles = placeholderStyle !== null ? Object.keys(placeholderStyle).reduce(function (styles, key) {
+    var value = placeholderStyle[key];
+    return !isEmpty(value) ? _objectSpread(_objectSpread({}, styles), {}, _defineProperty({}, key.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase(), value)) : styles;
+  }, {}) : null;
+  return styles !== null && Object.keys(styles).length > 0 ? "\n        ".concat(selector, "::placeholder {\n            ").concat(Object.keys(styles).map(function (key) {
+    return "".concat(key, ": ").concat(styles[key], ";");
+  }).join('\n'), "\n        }\n    ") : null;
+}
 
 function useProgressSteps() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},

package/lib/index.js

@@ -279,7 +279,7 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
         var pattern = new RegExp("^".concat(namespace, "\\.(.*)$"));
         var matches = pattern.exec(name);
         return matches !== null ? _objectSpread(_objectSpread({}, componentsMap), {}, _defineProperty({}, matches[1], _this3.components[name])) : componentsMap;
-      }, null) : this.components;
+      }, {}) : this.components;
     }
   }, {
     key: "hasComponent",
@@ -438,8 +438,6 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
     key: "filter",
     value: function filter(_filter) {
       return new FieldsManager(this.definitions.filter(_filter));
-      // this.definitions = this.definitions.filter(filter);
-      // return this;
     }
   }]);
 }(DefinitionsManager);

package/lib/styles.css

@@ -1,7 +1,7 @@
-.micromag-core-buttons-button-container .micromag-core-buttons-button-icon{display:block;position:relative}.micromag-core-buttons-button-container .micromag-core-buttons-button-icon,.micromag-core-buttons-button-container .micromag-core-buttons-button-label{-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp),-webkit-transform .3s var(--mm-ease-out-ramp)}.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{color:inherit}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink,.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink{color:var(--mm-primary);font-weight:700}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-label{margin-left:.5em;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-right{margin-left:.5em}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon.micromag-core-buttons-button-withAnimations.micromag-core-buttons-button-icon-right .micromag-core-buttons-button-label{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIconColumns{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-linkDisabled{opacity:.4;pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.micromag-core-buttons-button-container:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;-webkit-box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);outline:2px solid #000}
+.micromag-core-buttons-button-container .micromag-core-buttons-button-icon{display:block;position:relative}.micromag-core-buttons-button-container .micromag-core-buttons-button-icon,.micromag-core-buttons-button-container .micromag-core-buttons-button-label{-webkit-transition:-webkit-transform .3s "ease-out";transition:-webkit-transform .3s "ease-out";transition:transform .3s "ease-out";transition:transform .3s "ease-out",-webkit-transform .3s "ease-out";-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out");transition:-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out");transition:transform .3s var(--mm-ease-out-ramp,"ease-out");transition:transform .3s var(--mm-ease-out-ramp,"ease-out"),-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out")}.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{color:inherit}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink,.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink{color:#a13dff;color:var(--mm-primary,#a13dff);font-weight:700}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-label{margin-left:.5em;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-right{margin-left:.5em}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon.micromag-core-buttons-button-withAnimations.micromag-core-buttons-button-icon-right .micromag-core-buttons-button-label{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIconColumns{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-linkDisabled{opacity:.4;pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.micromag-core-buttons-button-container:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;-webkit-box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);outline:2px solid #000}
 
 .micromag-core-buttons-clear-container{display:inline-block;display:-ms-flexbox!important;display:flex!important;height:18px!important;position:relative;width:18px!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:var(--mm-gray-700)!important;border:0;border-radius:4px;color:inherit;cursor:pointer;font-family:inherit;justify-content:center;padding:0;padding:0 10px!important}.micromag-core-buttons-clear-container .micromag-core-buttons-clear-icon{display:block}
-.micromag-core-forms-form-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-top:calc(var(--mm-spacer)*2)}.micromag-core-forms-form-actions.micromag-core-forms-form-left{-ms-flex-pack:start;justify-content:flex-start}.micromag-core-forms-form-actions.micromag-core-forms-form-right{-ms-flex-pack:end;justify-content:flex-end}
+.micromag-core-forms-form-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-top:10px;margin-top:calc(var(--mm-spacer, 5px)*2)}.micromag-core-forms-form-actions.micromag-core-forms-form-left{-ms-flex-pack:start;justify-content:flex-start}.micromag-core-forms-form-actions.micromag-core-forms-form-right{-ms-flex-pack:end;justify-content:flex-end}
 .micromag-core-partials-link-withoutStyle{color:inherit;-webkit-text-decoration:none;text-decoration:none}.micromag-core-partials-link-withoutStyle:hover{color:inherit;-webkit-text-decoration:none;text-decoration:none}
 @-webkit-keyframes micromag-core-partials-spinner-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes micromag-core-partials-spinner-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes micromag-core-partials-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes micromag-core-partials-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.micromag-core-partials-spinner-container{display:block;height:40px;width:40px}.micromag-core-partials-spinner-container .micromag-core-partials-spinner-path{color:currentcolor;stroke-linecap:round}.micromag-core-partials-spinner-container.micromag-core-partials-spinner-animated{-webkit-animation:micromag-core-partials-spinner-rotate 2s linear infinite;animation:micromag-core-partials-spinner-rotate 2s linear infinite}.micromag-core-partials-spinner-container.micromag-core-partials-spinner-animated .micromag-core-partials-spinner-path{-webkit-animation:micromag-core-partials-spinner-dash 1.5s ease-in-out infinite;animation:micromag-core-partials-spinner-dash 1.5s ease-in-out infinite}
 
@@ -14,9 +14,9 @@
 .micromag-core-modals-dialog-container{display:block;opacity:1;padding:0 5px}
 .micromag-core-panels-container{position:static}
 .micromag-core-panels-panel-container{position:static}
-.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-top{border-bottom:1px solid var(--mm-border-color)}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-button{display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:700;padding:calc(var(--mm-spacer)/4) 0;text-align:left;width:100%}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-label{-ms-flex-positive:1;flex-grow:1}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-content{max-height:0;overflow:hidden;padding-top:var(--mm-spacer);-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out}.micromag-core-partials-collapsable-panel-container.micromag-core-partials-collapsable-panel-isOpened .micromag-core-partials-collapsable-panel-content{max-height:500px}
+.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-top{border-bottom:1px solid #ccc;border-bottom:1px solid var(--mm-border-color,#ccc)}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-button{display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:700;padding:1.25px 0;padding:calc(var(--mm-spacer, 5px)/4) 0;text-align:left;width:100%}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-label{-ms-flex-positive:1;flex-grow:1}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-content{max-height:0;overflow:hidden;padding-top:5px;padding-top:var(--mm-spacer,5px);-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out}.micromag-core-partials-collapsable-panel-container.micromag-core-partials-collapsable-panel-isOpened .micromag-core-partials-collapsable-panel-content{max-height:500px}
 .micromag-core-partials-placeholder-block-container{padding:2px}.micromag-core-partials-placeholder-block-container.micromag-core-partials-placeholder-block-outline{border:2px solid hsla(0,0%,100%,.6);margin:2px 0}.micromag-core-partials-placeholder-block-container.micromag-core-partials-placeholder-block-withInvertedColors{mix-blend-mode:difference}.micromag-core-partials-placeholder-block-box{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:currentcolor;justify-content:center;margin:0 auto}.micromag-core-partials-placeholder-block-withInvertedColors .micromag-core-partials-placeholder-block-box{background-color:hsla(0,0%,100%,.6)}.micromag-core-partials-placeholder-block-outline .micromag-core-partials-placeholder-block-box{background-color:transparent}
-.micromag-core-partials-empty-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border:2px dashed var(--mm-gray-600);color:var(--mm-gray-600);justify-content:center}.micromag-core-partials-empty-container .micromag-core-partials-empty-middle{text-align:center}.micromag-core-partials-empty-container.micromag-core-partials-empty-withoutBorder{border:0}.micromag-core-partials-empty-container.micromag-core-partials-empty-invertColor{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800)}
+.micromag-core-partials-empty-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border:2px dashed var(--mm-gray-600);color:var(--mm-gray-600);justify-content:center}.micromag-core-partials-empty-container .micromag-core-partials-empty-middle{text-align:center}.micromag-core-partials-empty-container.micromag-core-partials-empty-withoutBorder{border:0}.micromag-core-partials-empty-container.micromag-core-partials-empty-invertColor{border:2px dashed #ccc;border:2px dashed var(--mm-gray-800,#ccc);color:#ccc;color:var(--mm-gray-800,#ccc)}
 
 .micromag-core-partials-slideshow-container{overflow:hidden;position:relative}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-items{height:100%;width:100%}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item{height:100%;position:absolute;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:100%}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-prev{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-current{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-next{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
 .micromag-core-placeholders-icon{color:var(--mm-black)}

package/lib/utils.js

@@ -173,6 +173,10 @@ var createUseEvent = function createUseEvent(eventsManager) {
   };
 };
 
+function cssEscape(value) {
+  return typeof CSS !== 'undefined' && typeof CSS.escape === 'function' ? CSS.escape(value) : value.replace(/([^\x00-\x7F]|[!"#$%&'()*+,.\/:;<=>?@\[\\\]^`{|}~])/g, '\\$1');
+}
+
 /* eslint-disable */
 var easings = {
   linear: function linear(x) {
@@ -1217,6 +1221,7 @@ exports.convertStyleToString = convertStyleToString;
 exports.copyToClipboard = copyToClipboard;
 exports.createNullableOnChange = createNullableOnChange;
 exports.createUseEvent = createUseEvent;
+exports.cssEscape = cssEscape;
 exports.easings = easings;
 exports.getColorAsString = getColorAsString;
 exports.getComponentFromName = getComponentFromName;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.4.46",
+    "version": "0.4.49",
     "private": false,
     "description": "",
     "keywords": [
@@ -62,9 +62,8 @@
             "require": "./lib/utils.js",
             "import": "./es/utils.js"
         },
-        "./styles/theme": "./styles/theme.css",
-        "./styles/theme.css": "./styles/theme.css",
-        "./styles/shared.module.css": "./styles/shared.module.css",
+        "./assets/css/theme": "./assets/css/theme.css",
+        "./assets/css/theme.css": "./assets/css/theme.css",
         "./assets/css/styles": "./assets/css/styles.css",
         "./assets/css/styles.css": "./assets/css/styles.css",
         "./assets/css/vendor": "./assets/css/vendor.css",
@@ -90,8 +89,9 @@
     "scripts": {
         "clean": "rm -rf es && rm -rf lib && rm -rf assets && rm -rf styles",
         "vendor": "../../scripts/build-css.js ./src/styles/vendor.css ./assets/css/vendor.css",
+        "theme": "../../scripts/build-css.js ./src/styles/theme.css ./assets/css/theme.css",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh --types && npm run vendor"
+        "build": "../../scripts/prepare-package.sh --types && npm run vendor && npm run theme"
     },
     "devDependencies": {
         "react": "^18.3.0 || ^19.0.0",
@@ -161,6 +161,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4c2fdb2bb166162be997a70d13a14255e9975e1b",
+    "gitHead": "0a225ff29387217cccb0fcc5a731e23c74bd202e",
     "types": "es/index.d.ts"
 }

package/components.js

@@ -1 +0,0 @@
-module.exports = require('./lib/components');

package/contexts.js

@@ -1 +0,0 @@
-module.exports = require('./lib/contexts');

package/hooks.js

@@ -1 +0,0 @@
-module.exports = require('./lib/hooks');

package/utils.js

@@ -1 +0,0 @@
-module.exports = require('./lib/utils');