@pareto-engineering/design-system 4.0.0-alpha.3 → 4.0.0-alpha.5

package/dist/cjs/b/Title/Title.js

@@ -9,16 +9,16 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Component-level imports
-Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
+// import('./styles.scss')
 
 // Helper Definition
-var baseClassName = _exports.default.base;
-var componentClassName = 'title';
-var Title = _ref => {
-  var {
+const baseClassName = _exports.default.base;
+const componentClassName = 'title';
+const Title = _ref => {
+  let {
     id,
     className: userClassName,
     style,
@@ -35,6 +35,9 @@ var Title = _ref => {
     subtitleProps
     // ...otherProps
   } = _ref;
+  (0, React.useInsertionEffect)(() => {
+    Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     id: id,
     className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),

package/dist/cjs/b/Title/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Title", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Title.default;
   }
 });

package/dist/cjs/b/index.js

@@ -5,37 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Button.Button;
   }
 });
 Object.defineProperty(exports, "Logo", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Logo.Logo;
   }
 });
 Object.defineProperty(exports, "Page", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Page.Page;
   }
 });
 Object.defineProperty(exports, "SocialMediaButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SocialMediaButton.SocialMediaButton;
   }
 });
 Object.defineProperty(exports, "ThemeSelector", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ThemeSelector.ThemeSelector;
   }
 });
 Object.defineProperty(exports, "Title", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Title.Title;
   }
 });

package/dist/cjs/c/ContentSlides/ContentSlides.js

@@ -11,27 +11,29 @@ var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports")
 var _Context = _interopRequireDefault(require("./Context"));
 var _common = require("./common");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 // Local Definitions
 
-var baseClassName = _exports.default.base;
-var componentClassName = 'content-slides';
-var reducer = (state, action) => {
+const baseClassName = _exports.default.base;
+const componentClassName = 'content-slides';
+const reducer = (state, action) => {
   switch (action.type) {
     case 'SET_STEP_INDEX':
-      return _objectSpread(_objectSpread({}, state), {}, {
+      return {
+        ...state,
         currentStepIndex: action.payload
-      });
+      };
     case 'SET_CURRENT_STEP':
-      return _objectSpread(_objectSpread({}, state), action.payload);
+      return {
+        ...state,
+        ...action.payload
+      };
     case 'SET_EXTRA_CONTEXT':
-      return _objectSpread(_objectSpread({}, state), action.payload);
+      return {
+        ...state,
+        ...action.payload
+      };
     default:
       return state;
   }
@@ -42,8 +44,8 @@ var reducer = (state, action) => {
  * Colors :
  * `y` : the background of the content
  */
-var ContentSlides = _ref => {
-  var {
+const ContentSlides = _ref => {
+  let {
     id,
     className: userClassName,
     style,
@@ -53,21 +55,21 @@ var ContentSlides = _ref => {
     isDebug
     // ...otherProps
   } = _ref;
-  (0, React.useLayoutEffect)(() => {
+  (0, React.useInsertionEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
   }, []);
-  var history = (0, _reactRouterDom.useHistory)();
-  var [state, dispatch] = (0, React.useReducer)(reducer, {
+  const history = (0, _reactRouterDom.useHistory)();
+  const [state, dispatch] = (0, React.useReducer)(reducer, {
     currentStepIndex: 0
   });
-  var {
+  const {
     // currentSlide,
     currentStepIndex,
     isFirstStep,
     isLastStep
   } = state;
-  var setNextStepIndex = function setNextStepIndex() {
-    var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  const setNextStepIndex = function () {
+    let step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
     if (!isLastStep) {
       dispatch({
         type: 'SET_STEP_INDEX',
@@ -75,8 +77,8 @@ var ContentSlides = _ref => {
       });
     }
   };
-  var setPrevStepIndex = function setPrevStepIndex() {
-    var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  const setPrevStepIndex = function () {
+    let step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
     if (!isFirstStep) {
       dispatch({
         type: 'SET_STEP_INDEX',
@@ -84,14 +86,14 @@ var ContentSlides = _ref => {
       });
     }
   };
-  var setStepIndex = index => {
+  const setStepIndex = index => {
     dispatch({
       type: 'SET_STEP_INDEX',
       payload: index
     });
   };
-  var setCurrentStep = index => {
-    var newStep = steps[index];
+  const setCurrentStep = index => {
+    const newStep = steps[index];
     if (newStep.location) {
       history.push(newStep.location);
     }
@@ -104,18 +106,19 @@ var ContentSlides = _ref => {
       }
     });
   };
-  (0, React.useLayoutEffect)(() => {
+  (0, React.useInsertionEffect)(() => {
     setCurrentStep(currentStepIndex);
   }, [currentStepIndex]);
   return /*#__PURE__*/React.createElement(_Context.default.Provider, {
-    value: _objectSpread({
+    value: {
       steps,
       setNextStepIndex,
       setPrevStepIndex,
       setStepIndex,
       dispatch,
-      isDebug
-    }, state)
+      isDebug,
+      ...state
+    }
   }, /*#__PURE__*/React.createElement("div", {
     id: id,
     className: [baseClassName, componentClassName, userClassName, simple && 'simple', 'u1 md-u2'].filter(e => e).join(' '),

package/dist/cjs/c/ContentSlides/Context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var _default = /*#__PURE__*/React.createContext({});
 exports.default = _default;

package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js

@@ -11,7 +11,7 @@ var _a = require("../../../../a");
 var _b = require("../../../../b");
 var _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* @pareto-engineering/generator-front 1.0.12 */
 
@@ -19,13 +19,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // const baseClassName = styleNames.base
 
-var componentClassName = 'horizontal-menu';
+const componentClassName = 'horizontal-menu';
 
 /**
  * This is the component description.
  */
-var HorizontalMenu = _ref => {
-  var {
+const HorizontalMenu = _ref => {
+  let {
     id,
     className: userClassName,
     style,
@@ -36,7 +36,7 @@ var HorizontalMenu = _ref => {
     color
     // ...otherProps
   } = _ref;
-  var {
+  const {
     setPrevStepIndex,
     // setNextStepIndex,
     currentStep,
@@ -44,7 +44,7 @@ var HorizontalMenu = _ref => {
     // currentStep,
     // currentStepIndex,
   } = (0, _useContentSlides.default)();
-  var mobilePreviousStep = () => {
+  const mobilePreviousStep = () => {
     if (customPrevStep) {
       customPrevStep();
     } else {
@@ -58,7 +58,7 @@ var HorizontalMenu = _ref => {
 
     componentClassName, userClassName].filter(e => e).join(' '),
     style: style
-  }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.progress) > 0 && /*#__PURE__*/React.createElement(_a.ProgressBar, {
+  }, currentStep?.progress > 0 && /*#__PURE__*/React.createElement(_a.ProgressBar, {
     progress: currentStep.progress,
     attached: true,
     height: ".4em",
@@ -78,7 +78,7 @@ var HorizontalMenu = _ref => {
     className: "title"
   }, /*#__PURE__*/React.createElement("span", {
     className: "md-h lg-h"
-  }, currentStep === null || currentStep === void 0 ? void 0 : currentStep.title), /*#__PURE__*/React.createElement(_b.Logo, {
+  }, currentStep?.title), /*#__PURE__*/React.createElement(_b.Logo, {
     className: "xs-h sm-h y-transparent",
     height: "1.1em",
     color: logoColor

package/dist/cjs/c/ContentSlides/common/HorizontalMenu/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "HorizontalMenu", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _HorizontalMenu.default;
   }
 });

package/dist/cjs/c/ContentSlides/common/Navigator/Navigator.js

@@ -9,19 +9,19 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _b = require("../../../../b");
 var _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* @pareto-engineering/generator-front 1.0.12 */
 
 // Local Definitions
 
-var componentClassName = 'navigator';
+const componentClassName = 'navigator';
 
 /**
  * This is the component description.
  */
-var Navigator = _ref => {
-  var {
+const Navigator = _ref => {
+  let {
     id,
     className: userClassName,
     style,
@@ -35,7 +35,7 @@ var Navigator = _ref => {
     isLoading
     // ...otherProps
   } = _ref;
-  var {
+  const {
     setPrevStepIndex,
     setNextStepIndex,
     isFirstStep,
@@ -49,7 +49,7 @@ var Navigator = _ref => {
     className: [componentClassName, userClassName].filter(e => e).join(' '),
     style: style
   }, !isFirstStep ? /*#__PURE__*/React.createElement(_b.Button, {
-    className: "x-".concat(previousColor, " prev"),
+    className: `x-${previousColor} prev`,
     isSimple: true,
     onClick: () => {
       if (customPrevStep) {
@@ -59,7 +59,7 @@ var Navigator = _ref => {
       }
     }
   }, "Previous") : /*#__PURE__*/React.createElement("span", null), !isLastStep ? /*#__PURE__*/React.createElement(_b.Button, {
-    className: "x-".concat(nextColor, " next"),
+    className: `x-${nextColor} next`,
     disabled: !isDebug && !canMoveForward,
     isLoading: isLoading,
     onClick: () => {

package/dist/cjs/c/ContentSlides/common/Navigator/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Navigator", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Navigator.default;
   }
 });

package/dist/cjs/c/ContentSlides/common/Sidebar/Sidebar.js

@@ -11,7 +11,7 @@ var _b = require("../../../../b");
 var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 var _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* @pareto-engineering/generator-front 1.0.12 */
 
@@ -19,13 +19,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // const baseClassName = styleNames.base
 
-var componentClassName = 'sidebar';
+const componentClassName = 'sidebar';
 
 /**
  * This is the component description.
  */
-var Sidebar = _ref => {
-  var {
+const Sidebar = _ref => {
+  let {
     id,
     className: userClassName,
     style,
@@ -33,7 +33,7 @@ var Sidebar = _ref => {
     footer
     // ...otherProps
   } = _ref;
-  var {
+  const {
     steps,
     // setPrevStepIndex,
     // setNextStepIndex,

package/dist/cjs/c/ContentSlides/common/Sidebar/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Sidebar.default;
   }
 });

package/dist/cjs/c/ContentSlides/common/Slide/Slide.js

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 var _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* @pareto-engineering/generator-front 1.0.12 */
 
@@ -17,13 +17,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // const baseClassName = styleNames.base
 
-var componentClassName = 'slide';
+const componentClassName = 'slide';
 
 /**
  * This is the component description.
  */
-var Slide = _ref => {
-  var {
+const Slide = _ref => {
+  let {
     id,
     className: userClassName,
     style,
@@ -31,10 +31,10 @@ var Slide = _ref => {
     index
     // ...otherProps
   } = _ref;
-  var {
+  const {
     currentStepIndex
   } = (0, _useContentSlides.default)();
-  var isActive = currentStepIndex === index;
+  const isActive = currentStepIndex === index;
   return /*#__PURE__*/React.createElement("div", {
     id: id,
     className: [

package/dist/cjs/c/ContentSlides/common/Slide/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Slide", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Slide.default;
   }
 });

package/dist/cjs/c/ContentSlides/common/index.js

@@ -5,25 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "HorizontalMenu", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _HorizontalMenu.HorizontalMenu;
   }
 });
 Object.defineProperty(exports, "Navigator", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Navigator.Navigator;
   }
 });
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Sidebar.Sidebar;
   }
 });
 Object.defineProperty(exports, "Slide", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Slide.Slide;
   }
 });

package/dist/cjs/c/ContentSlides/index.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ContentSlides", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ContentSlides.default;
   }
 });
 Object.defineProperty(exports, "ContentSlidesContext", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Context.default;
   }
 });
 Object.defineProperty(exports, "useContentSlides", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useContentSlides.default;
   }
 });

package/dist/cjs/c/Modal/Modal.js

@@ -9,18 +9,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 var _common = require("./common");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Local Definitions
 
-var baseClassName = _exports.default.base;
-var componentClassName = 'modal';
+const baseClassName = _exports.default.base;
+const componentClassName = 'modal';
 
 /**
  * This is the component description.
  */
-var Modal = _ref => {
-  var {
+const Modal = _ref => {
+  let {
     id,
     className: userClassName,
     style,
@@ -30,7 +30,7 @@ var Modal = _ref => {
     close
     // ...otherProps
   } = _ref;
-  (0, React.useLayoutEffect)(() => {
+  (0, React.useInsertionEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
   }, []);
   return /*#__PURE__*/React.createElement("div", {

package/dist/cjs/c/Modal/common/ModalHeader/ModalHeader.js

@@ -9,20 +9,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 var _ = require("../../../..");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* @pareto-engineering/generator-front 1.0.12 */
 
 // Local Definitions
 
-var baseClassName = _exports.default.base;
-var componentClassName = 'modal-header';
+const baseClassName = _exports.default.base;
+const componentClassName = 'modal-header';
 
 /**
  * This is the component description.
  */
-var ModalHeader = _ref => {
-  var {
+const ModalHeader = _ref => {
+  let {
     id,
     className: userClassName,
     style,

package/dist/cjs/c/Modal/common/ModalHeader/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ModalHeader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ModalHeader.default;
   }
 });

package/dist/cjs/c/Modal/common/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ModalHeader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ModalHeader.ModalHeader;
   }
 });

package/dist/cjs/c/Modal/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Modal.default;
   }
 });

package/dist/cjs/c/Modal/styles.scss

@@ -1,11 +1,12 @@
 /* @pareto-engineering/generator-front 1.0.12 */
 
 @use "@pareto-engineering/bem";
+@use "sass:math";
 
 $default-background: var(--background1);
 /* stylelint-disable-next-line color-named -- needed for rgba function */
 $default-box-shadow: 0 10px 20px rgba(black, .2);
-$default-padding: 1em / 2;
+$default-padding: math.div(1em, 2);
 $default-margin: 2em;
 $default-max-height: 75vh;
 $default-max-width: 90%;