@micromag/element-layout 0.3.832 → 0.4.6

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-element-layout-container.micromag-element-layout-fullscreen{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-element-layout-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.micromag-element-layout-container .micromag-element-layout-horizontal{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}
+.micromag-element-layout-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.micromag-element-layout-container .micromag-element-layout-horizontal{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.micromag-element-layout-container.micromag-element-layout-fullscreen{height:100%;left:0;position:absolute;top:0;width:100%}

package/es/index.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+export { Spacer } from '@micromag/element-stack';
+
+interface LayoutProps {
+    width?: number | null;
+    height?: number | null;
+    horizontalAlign?: 'left' | 'center' | 'right';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    distribution?: 'between' | 'around' | null;
+    fullscreen?: boolean;
+    className?: string | null;
+    children?: React.ReactNode | null;
+    style?: Record<string, unknown> | null;
+}
+declare function Layout({ width, height, horizontalAlign, verticalAlign, distribution, fullscreen, className, children, style, }: LayoutProps): react_jsx_runtime.JSX.Element;
+
+export { Layout as default };

package/es/index.js

@@ -1,45 +1,31 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import React from 'react';
 import { StackProvider } from '@micromag/element-stack';
 export { Spacer } from '@micromag/element-stack';
 
 var styles = {"container":"micromag-element-layout-container","fullscreen":"micromag-element-layout-fullscreen"};
 
-var propTypes = {
-  width: PropTypes.number,
-  height: PropTypes.number,
-  horizontalAlign: PropTypes.oneOf(['left', 'center', 'right']),
-  verticalAlign: PropTypes.oneOf(['top', 'middle', 'bottom']),
-  distribution: PropTypes.oneOf(['between', 'around', null]),
-  fullscreen: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  style: PropTypes.object // eslint-disable-line
-};
-var defaultProps = {
-  width: null,
-  height: null,
-  horizontalAlign: 'left',
-  verticalAlign: 'top',
-  distribution: null,
-  fullscreen: false,
-  className: null,
-  children: null,
-  style: null
-};
-var Layout = function Layout(_ref) {
-  var width = _ref.width,
-    height = _ref.height,
-    horizontalAlign = _ref.horizontalAlign,
-    verticalAlign = _ref.verticalAlign,
-    distribution = _ref.distribution,
-    fullscreen = _ref.fullscreen,
-    className = _ref.className,
-    children = _ref.children,
-    style = _ref.style;
+function Layout(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? null : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? null : _ref$height,
+    _ref$horizontalAlign = _ref.horizontalAlign,
+    horizontalAlign = _ref$horizontalAlign === void 0 ? 'left' : _ref$horizontalAlign,
+    _ref$verticalAlign = _ref.verticalAlign,
+    verticalAlign = _ref$verticalAlign === void 0 ? 'top' : _ref$verticalAlign,
+    _ref$distribution = _ref.distribution,
+    distribution = _ref$distribution === void 0 ? null : _ref$distribution,
+    _ref$fullscreen = _ref.fullscreen,
+    fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? null : _ref$style;
   var justifyContent = null;
   if (distribution !== null) {
     justifyContent = "space-".concat(distribution);
@@ -66,8 +52,6 @@ var Layout = function Layout(_ref) {
     className: classNames([styles.container, _defineProperty(_defineProperty({}, styles.fullscreen, fullscreen), className, className !== null)]),
     style: finalStyle
   }, children));
-};
-Layout.propTypes = propTypes;
-Layout.defaultProps = defaultProps;
+}
 
 export { Layout as default };

package/es/styles.css

@@ -0,0 +1 @@
+.micromag-element-layout-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.micromag-element-layout-container .micromag-element-layout-horizontal{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.micromag-element-layout-container.micromag-element-layout-fullscreen{height:100%;left:0;position:absolute;top:0;width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-layout",
-    "version": "0.3.832",
+    "version": "0.4.6",
     "private": false,
     "description": "",
     "keywords": [
@@ -34,6 +34,7 @@
     "module": "es/index.js",
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -47,29 +48,29 @@
     "scripts": {
         "clean": "rm -rf es && rm -rf lib && rm -rf assets",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.832",
-        "@micromag/element-stack": "^0.3.832",
+        "@babel/runtime": "^7.28.6",
+        "@micromag/core": "^0.4.6",
+        "@micromag/element-stack": "^0.4.6",
         "classnames": "^2.2.6",
-        "lodash": "^4.17.21",
-        "prop-types": "^15.7.2",
-        "react-intl": "^6.6.4",
+        "lodash": "^4.17.23",
+        "react-intl": "^8.1.3",
         "uuid": "^9.0.0"
     },
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "cf8440c2851b864167a1f545aa56551d55473263",
+    "types": "es/index.d.ts"
 }