@grafana/plugin-ui 0.13.0 → 0.13.1

package/dist/cjs/index.cjs

@@ -5723,32 +5723,23 @@ const getSelectStyles = (theme) => ({
   })
 });
 
-const Space = (props) => {
-  const theme = ui.useTheme2();
-  const styles = getStyles$i(theme, props);
+const Space = ({ v = 0, h = 0, layout = "block" }) => {
+  const styles = ui.useStyles2(getStyles$i, v, h, layout);
   return /* @__PURE__ */ React__default.default.createElement("span", { className: css.cx(styles.wrapper) });
 };
-Space.defaultProps = {
-  v: 0,
-  h: 0,
-  layout: "block"
-};
-const getStyles$i = ui.stylesFactory((theme, props) => {
-  var _a, _b;
-  return {
-    wrapper: css.css([
-      {
-        paddingRight: theme.spacing((_a = props.h) != null ? _a : 0),
-        paddingBottom: theme.spacing((_b = props.v) != null ? _b : 0)
-      },
-      props.layout === "inline" && {
-        display: "inline-block"
-      },
-      props.layout === "block" && {
-        display: "block"
-      }
-    ])
-  };
+const getStyles$i = (theme, v, h, layout) => ({
+  wrapper: css.css([
+    {
+      paddingRight: theme.spacing(h != null ? h : 0),
+      paddingBottom: theme.spacing(v != null ? v : 0)
+    },
+    layout === "inline" && {
+      display: "inline-block"
+    },
+    layout === "block" && {
+      display: "block"
+    }
+  ])
 });
 
 function ConfirmModal({ isOpen, onCancel, onDiscard, onCopy }) {