@arcblock/ux 3.0.7 → 3.0.8

package/lib/ActionButton/index.js

@@ -1,13 +1,13 @@
 import { jsxs as b, jsx as w } from "react/jsx-runtime";
 import r from "prop-types";
 import i from "lodash/isUndefined";
-import x from "../Button";
-import { mergeProps as y } from "../Util";
-import { withDeprecated as v } from "../Util/deprecate";
+import x from "../Button/index.js";
+import { mergeProps as y } from "../Util/index.js";
+import { withDeprecated as v } from "../Util/deprecate.js";
 function s({ ...d }) {
   const t = Object.assign({}, d);
   i(t.gradient) && (t.gradient = ""), i(t.icon) && (t.icon = ""), i(t.text) && (t.text = ""), i(t.color) && (t.color = ""), i(t.border) && (t.border = ""), i(t.width) && (t.width = ""), i(t.theme) && (t.theme = "inherit"), i(t.variant) && (t.variant = "outlined"), i(t.size) && (t.size = "large");
-  const o = y(t, s), { href: f, icon: a, size: m, color: z, theme: g, variant: l, gradient: c, children: p, text: h, ...u } = o, e = {};
+  const o = y(t, s), { href: f, icon: a, size: m, color: z, theme: g, variant: p, gradient: c, children: l, text: h, ...u } = o, e = {};
   return c && (e.backgroundImage = c, e.borderColor = "transparent"), ["color", "border", "width"].forEach((n) => {
     o[n] && (e[n] = o[n]);
   }), /* @__PURE__ */ b(
@@ -16,14 +16,14 @@ function s({ ...d }) {
       color: g,
       href: f,
       target: "_blank",
-      variant: l,
+      variant: p,
       style: e,
       size: m,
       className: "action-button",
       ...u,
       children: [
         !!a && /* @__PURE__ */ w("i", { className: a }),
-        h || p
+        h || l
       ]
     }
   );
@@ -41,7 +41,7 @@ s.propTypes = {
   size: r.string,
   width: r.string
 };
-const q = v(s, { name: "ActionButton" });
+const T = v(s, { name: "ActionButton" });
 export {
-  q as default
+  T as default
 };

package/lib/ActivityIndicator/index.js

@@ -1,9 +1,10 @@
 import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { useState as f, useEffect as g } from "react";
 import i from "prop-types";
-import { green as m, blue as c } from "@mui/material/colors";
-import h from "../Logo";
-import { styled as p, useTheme as x } from "../Theme";
+import { green as m, blue as p } from "@mui/material/colors";
+import h from "../Logo/index.js";
+import { styled as c } from "../Theme/index.js";
+import { useTheme as x } from "@mui/material";
 function b({ messages: e = ["Loading data..."], interval: n = 3e3, ...s }) {
   const [r, a] = f(0), { palette: l } = x();
   return g(() => {
@@ -18,7 +19,7 @@ function b({ messages: e = ["Loading data..."], interval: n = 3e3, ...s }) {
     /* @__PURE__ */ d("div", { className: "pm-loader-atoms", children: [
       /* @__PURE__ */ t(h, { style: { transform: "scale(0.6)" }, showText: !1 }),
       /* @__PURE__ */ t(o, { size: 56, orbitColor: m[500], atomColor: m[500], duration: 1 }),
-      /* @__PURE__ */ t(o, { size: 80, orbitColor: c[800], atomColor: c[800], duration: 1.5 }),
+      /* @__PURE__ */ t(o, { size: 80, orbitColor: p[800], atomColor: p[800], duration: 1.5 }),
       /* @__PURE__ */ t(o, { size: 100, orbitColor: l.grey[900], atomColor: l.grey[900] })
     ] })
   ] }) });
@@ -27,7 +28,7 @@ b.propTypes = {
   interval: i.number,
   messages: i.arrayOf(i.string.isRequired)
 };
-const y = p("div")`
+const y = c("div")`
   && {
     box-sizing: border-box;
     padding: 20px;
@@ -79,7 +80,7 @@ o.propTypes = {
   atomColor: i.string.isRequired,
   duration: i.number
 };
-const v = p("div")`
+const v = c("div")`
   @keyframes orbit {
     0% {
       transform: rotate(0deg);

package/lib/Address/compact-text.js

@@ -2,8 +2,9 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { Children as f } from "react";
 import n from "prop-types";
 import { Tooltip as u, tooltipClasses as c, Box as s } from "@mui/material";
-import { styled as y } from "../Theme";
-import { CopyButton as d } from "../ClickToCopy";
+import { styled as y } from "../Theme/index.js";
+import "../ClickToCopy/index.js";
+import d from "../ClickToCopy/copy-button.js";
 const C = y(({ className: p, ...r }) => /* @__PURE__ */ e(u, { ...r, classes: { popper: p } }))({
   [`& .${c.tooltip}`]: {
     maxWidth: 360,

package/lib/Address/did-address.js

@@ -6,9 +6,9 @@ import E from "copy-to-clipboard";
 import w from "lodash/noop";
 import F from "@arcblock/icons/lib/Copy";
 import { useState as S, useRef as g, useImperativeHandle as A } from "react";
-import { styled as H } from "../Theme";
-import { getFontSize as L } from "../Util";
-import M from "./compact-text";
+import { styled as H } from "../Theme/index.js";
+import { getFontSize as L } from "../Util/index.js";
+import M from "./compact-text.js";
 const i = {
   en: {
     copy: "Click To Copy",

package/lib/Address/index.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import e from "./did-address";
-import s from "./responsive-did-address";
+import e from "./did-address.js";
+import s from "./responsive-did-address.js";
 function f({
   ref: r = void 0,
   responsive: o = !0,

package/lib/Address/responsive-did-address.js

@@ -2,9 +2,9 @@ import { jsxs as E, jsx as y } from "react/jsx-runtime";
 import { useLatest as L, useDebounceFn as $ } from "ahooks";
 import { useState as r, useRef as b, useImperativeHandle as j, useEffect as R } from "react";
 import { Box as k } from "@mui/material";
-import { styled as F } from "../Theme";
-import P from "./did-address";
-import { getFontSize as B } from "../Util";
+import { styled as F } from "../Theme/index.js";
+import P from "./did-address.js";
+import { getFontSize as B } from "../Util/index.js";
 function Q({
   ref: t = void 0,
   style: A = {},

package/lib/Alert/index.js

@@ -3,11 +3,11 @@ import o from "prop-types";
 import { Typography as N } from "@mui/material";
 import { blueGrey as j } from "@mui/material/colors";
 import n from "lodash/isUndefined";
-import E from "../Icon";
-import { mergeProps as O } from "../Util";
-import t from "../Colors";
-import { styled as w } from "../Theme";
-import { withDeprecated as T } from "../Util/deprecate";
+import E from "../Icon/index.js";
+import { mergeProps as O } from "../Util/index.js";
+import t from "../Colors/themes/default.js";
+import { styled as w } from "../Theme/index.js";
+import { withDeprecated as $ } from "../Util/deprecate.js";
 const i = {
   error: {
     icon: "exclamation-circle",
@@ -48,7 +48,7 @@ function a({ ...l }) {
     },
     d
   );
-  return /* @__PURE__ */ k($, { ...b, className: `alert alert--${s} alert--${e} ${f}`.trim(), style: h, children: [
+  return /* @__PURE__ */ k(A, { ...b, className: `alert alert--${s} alert--${e} ${f}`.trim(), style: h, children: [
     (e === "icon" || g) && /* @__PURE__ */ c(E, { className: "alert-icon", name: y, size: 24, color: u, variant: C }),
     /* @__PURE__ */ c(N, { component: "div", className: "alert-content", children: p })
   ] });
@@ -60,7 +60,7 @@ a.propTypes = {
   style: o.oneOfType([o.object, o.string]),
   variant: o.oneOf(["border", "icon"])
 };
-const V = T(a, { name: "Alert", alternative: "@mui/material/Alert" }), $ = w("div")`
+const V = $(a, { name: "Alert", alternative: "@mui/material/Alert" }), A = w("div")`
   display: flex;
   align-items: center;
   font-size: 16px;