@arcblock/ux 2.8.22 → 2.8.24

package/es/DID/index.js

@@ -59,6 +59,7 @@ const DID = /*#__PURE__*/forwardRef(({
   const fontSize = getFontSize(rest.size);
   const prepend = [/*#__PURE__*/_jsx("span", {
     style: {
+      flex: '0 0 auto',
       fontSize,
       color: getFontColor(did, didMotifInfo, isEthDid)
     },

package/lib/DID/index.js

@@ -77,6 +77,7 @@ const DID = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const fontSize = (0, _Util.getFontSize)(rest.size);
   const prepend = [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     style: {
+      flex: '0 0 auto',
       fontSize,
       color: getFontColor(did, didMotifInfo, isEthDid)
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.8.22",
+  "version": "2.8.24",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -324,11 +324,11 @@
   "peerDependencies": {
     "react": ">=18.1.0"
   },
-  "gitHead": "9a9bd48a435a939a1ef443fe75dbc5e955b4e811",
+  "gitHead": "833bf851689c10567615f93fdfe934ec4fd7a492",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.8.22",
-    "@arcblock/react-hooks": "^2.8.22",
+    "@arcblock/icons": "^2.8.24",
+    "@arcblock/react-hooks": "^2.8.24",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",

package/src/DID/index.jsx

@@ -67,7 +67,7 @@ const DID = forwardRef(({ did, ...rest }, ref) => {
   const didMotifInfo = isEthDid ? undefined : getDIDMotifInfo(did);
   const fontSize = getFontSize(rest.size);
   const prepend = [
-    <span key="prefix-did" style={{ fontSize, color: getFontColor(did, didMotifInfo, isEthDid) }}>
+    <span key="prefix-did" style={{ flex: '0 0 auto', fontSize, color: getFontColor(did, didMotifInfo, isEthDid) }}>
       DID:
     </span>,
     <span key="prefix-abt" className="did-address-text" style={{ fontSize }}>