@micromag/element-badge 0.4.71 → 0.4.77

package/es/index.js

@@ -1,4 +1,4 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
 import { getStyleFromBox } from '@micromag/core/utils';
 import Text from '@micromag/element-text';
@@ -6,38 +6,135 @@ import { jsx } from 'react/jsx-runtime';
 
 var styles = {"container":"micromag-element-badge-container","label":"micromag-element-badge-label"};
 
-function Badge(_ref) {
-  var _ref$label = _ref.label,
-    label = _ref$label === void 0 ? null : _ref$label,
-    _ref$boxStyle = _ref.boxStyle,
-    boxStyle = _ref$boxStyle === void 0 ? null : _ref$boxStyle,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? null : _ref$className,
-    _ref$labelClassName = _ref.labelClassName,
-    labelClassName = _ref$labelClassName === void 0 ? null : _ref$labelClassName;
-  var _ref2 = label || {},
-    _ref2$textStyle = _ref2.textStyle,
-    textStyle = _ref2$textStyle === void 0 ? null : _ref2$textStyle;
-  var _ref3 = textStyle || {},
-    _ref3$lineHeight = _ref3.lineHeight,
-    lineHeight = _ref3$lineHeight === void 0 ? null : _ref3$lineHeight;
-  var boxStyles = null;
+function Badge(t0) {
+  const $ = c(25);
+  const {
+    label: t1,
+    boxStyle: t2,
+    className: t3,
+    labelClassName: t4
+  } = t0;
+  const label = t1 === undefined ? null : t1;
+  const boxStyle = t2 === undefined ? null : t2;
+  const className = t3 === undefined ? null : t3;
+  const labelClassName = t4 === undefined ? null : t4;
+  let t5;
+  if ($[0] !== label) {
+    t5 = label || {};
+    $[0] = label;
+    $[1] = t5;
+  } else {
+    t5 = $[1];
+  }
+  const {
+    textStyle: t6
+  } = t5;
+  const textStyle = t6 === undefined ? null : t6;
+  let t7;
+  if ($[2] !== textStyle) {
+    t7 = textStyle || {};
+    $[2] = textStyle;
+    $[3] = t7;
+  } else {
+    t7 = $[3];
+  }
+  const {
+    lineHeight: t8
+  } = t7;
+  const lineHeight = t8 === undefined ? null : t8;
+  let boxStyles = null;
   if (boxStyle !== null) {
-    boxStyles = _objectSpread(_objectSpread({}, boxStyles), getStyleFromBox(boxStyle));
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: classNames([styles.container, className]),
-    style: boxStyles,
-    children: /*#__PURE__*/jsx("span", {
-      className: classNames([styles.label, labelClassName]),
-      children: /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({}, label), {}, {
-        textStyle: _objectSpread(_objectSpread({}, textStyle), {}, {
-          lineHeight: lineHeight || 1
-        }),
-        inline: true
-      }))
-    })
-  });
+    let t9;
+    if ($[4] !== boxStyle) {
+      t9 = getStyleFromBox(boxStyle);
+      $[4] = boxStyle;
+      $[5] = t9;
+    } else {
+      t9 = $[5];
+    }
+    let t10;
+    if ($[6] !== t9) {
+      t10 = {
+        ...null,
+        ...t9
+      };
+      $[6] = t9;
+      $[7] = t10;
+    } else {
+      t10 = $[7];
+    }
+    boxStyles = t10;
+  }
+  let t9;
+  if ($[8] !== className) {
+    t9 = classNames([styles.container, className]);
+    $[8] = className;
+    $[9] = t9;
+  } else {
+    t9 = $[9];
+  }
+  const t10 = boxStyles;
+  let t11;
+  if ($[10] !== labelClassName) {
+    t11 = classNames([styles.label, labelClassName]);
+    $[10] = labelClassName;
+    $[11] = t11;
+  } else {
+    t11 = $[11];
+  }
+  const t12 = lineHeight || 1;
+  let t13;
+  if ($[12] !== t12 || $[13] !== textStyle) {
+    t13 = {
+      ...textStyle,
+      lineHeight: t12
+    };
+    $[12] = t12;
+    $[13] = textStyle;
+    $[14] = t13;
+  } else {
+    t13 = $[14];
+  }
+  let t14;
+  if ($[15] !== label || $[16] !== t13) {
+    t14 = /*#__PURE__*/jsx(Text, {
+      ...label,
+      textStyle: t13,
+      inline: true
+    });
+    $[15] = label;
+    $[16] = t13;
+    $[17] = t14;
+  } else {
+    t14 = $[17];
+  }
+  let t15;
+  if ($[18] !== t11 || $[19] !== t14) {
+    t15 = /*#__PURE__*/jsx("span", {
+      className: t11,
+      children: t14
+    });
+    $[18] = t11;
+    $[19] = t14;
+    $[20] = t15;
+  } else {
+    t15 = $[20];
+  }
+  let t16;
+  if ($[21] !== boxStyles || $[22] !== t15 || $[23] !== t9) {
+    t16 = /*#__PURE__*/jsx("div", {
+      className: t9,
+      style: t10,
+      children: t15
+    });
+    $[21] = boxStyles;
+    $[22] = t15;
+    $[23] = t9;
+    $[24] = t16;
+  } else {
+    t16 = $[24];
+  }
+  return t16;
 }
 
 export { Badge as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-badge",
-    "version": "0.4.71",
+    "version": "0.4.77",
     "private": false,
     "description": "",
     "keywords": [
@@ -28,9 +28,11 @@
     "license": "ISC",
     "type": "module",
     "module": "es/index.js",
+    "style": "./assets/css/styles.css",
     "exports": {
         ".": {
             "types": "./es/index.d.ts",
+            "style": "./assets/css/styles.css",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -47,17 +49,17 @@
         "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "react": "^18.3.0 || ^19.0.0",
-        "react-dom": "^18.3.0 || ^19.0.0"
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
     },
     "peerDependencies": {
-        "react": "^18.3.0 || ^19.0.0",
-        "react-dom": "^18.3.0 || ^19.0.0"
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@micromag/core": "^0.4.71",
-        "@micromag/element-text": "^0.4.71",
+        "@micromag/core": "^0.4.77",
+        "@micromag/element-text": "^0.4.77",
         "classnames": "^2.2.6",
         "lodash": "^4.17.23",
         "react-intl": "^8.1.3 || ^10.0.0",
@@ -67,6 +69,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "9101554bc5761e32b4a002a10d26800608c69773",
+    "gitHead": "b55c2c748383d30c8ff0ca7594e499dbdc8d1c10",
     "types": "es/index.d.ts"
 }