@blocklet/launcher-layout 1.7.53 → 1.7.56

package/lib/header.js

@@ -11,8 +11,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _Img = _interopRequireDefault(require("@arcblock/ux/lib/Img"));
-
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
 
 var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
@@ -42,6 +40,7 @@ function AppHeader(_ref) {
     variant: "rectangular",
     width: 100,
     height: 16,
+    alt: "".concat(title, " icon"),
     style: {
       marginTop: 4
     }
@@ -52,10 +51,11 @@ function AppHeader(_ref) {
   });
 
   if (logoUrl) {
-    blockletIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, {
+    blockletIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       width: blockletSize,
+      height: blockletSize,
       src: logoUrl,
-      size: "contain",
+      alt: "blocklet icon",
       style: {
         verticalAlign: 'text-bottom'
       }

package/lib/index.js

@@ -94,8 +94,10 @@ function Layout(_ref) {
               className: "circular",
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
                 variant: "determinate",
+                role: "progressbar",
                 value: 100,
                 size: 10,
+                "aria-label": "decorative progress bar",
                 thickness: 10,
                 style: {
                   color: '#dddddd'
@@ -103,8 +105,10 @@ function Layout(_ref) {
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
                 variant: "determinate",
                 value: (activeStep + 1) / totalStepsCount * 100,
+                role: "progressbar",
                 size: 10,
-                thickness: 10
+                thickness: 10,
+                "aria-label": "main progress bar"
               })]
             })]
           }),
@@ -176,7 +180,7 @@ if (ua.includes('iphone os') && ua.includes('crios')) {
 const Root = _styledComponents.default.div.withConfig({
   displayName: "src__Root",
   componentId: "sc-11nbl7p-2"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;", " .circular{display:inline-block;position:relative;width:15px;height:12px;> *{position:absolute;left:3px;top:2px;width:100%;height:100%;}}.ellipsis-title{flex:1;position:absolute;left:0;top:0;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;", "{left:26px;width:calc(100% - 26px);}}", "{background:#f6f8fa;}", "{background:", ";}.root-header{box-sizing:border-box;position:absolute;z-index:200;top:0;display:flex;width:100%;max-width:1245px;height:68px;align-items:center;", "{padding:24px;justify-content:flex-end;}", "{height:56px;padding:14px 16px;justify-content:space-between;background:#f6f8fa;}.left{flex:1;display:flex;align-items:center;}.right{display:flex;align-items:center;", "{button,a{padding-left:8px;padding-right:8px;}}}}"], injectStyle, props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.common.white, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'));
+})(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;letter-spacing:normal;", " .circular{display:inline-block;position:relative;width:15px;height:12px;> *{position:absolute;left:3px;top:2px;width:100%;height:100%;}}.ellipsis-title{flex:1;position:absolute;left:0;top:0;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;", "{left:26px;width:calc(100% - 26px);}}", "{background:#f6f8fa;}", "{background:", ";}.root-header{box-sizing:border-box;position:absolute;z-index:200;top:0;display:flex;width:100%;max-width:1245px;height:68px;align-items:center;", "{padding:24px;justify-content:flex-end;}", "{height:56px;padding:14px 16px;justify-content:space-between;background:#f6f8fa;}.left{flex:1;display:flex;align-items:center;}.right{display:flex;align-items:center;", "{button,a{padding-left:8px;padding-right:8px;}}}}"], injectStyle, props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.common.white, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'));
 
 const LogoContainer = _styledComponents.default.div.withConfig({
   displayName: "src__LogoContainer",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-layout",
-  "version": "1.7.53",
+  "version": "1.7.56",
   "description": "Common ux components of launcher",
   "publishConfig": {
     "access": "public"
@@ -37,10 +37,10 @@
     "react": ">=18.1.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.1.54",
-    "@arcblock/icons": "^2.1.54",
-    "@arcblock/ux": "^2.1.54",
-    "@blocklet/meta": "^1.8.1",
+    "@arcblock/did-connect": "^2.1.57",
+    "@arcblock/icons": "^2.1.57",
+    "@arcblock/ux": "^2.1.57",
+    "@blocklet/meta": "^1.8.2",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mui/icons-material": "^5.6.2",
@@ -62,5 +62,5 @@
     "babel-plugin-inline-react-svg": "^2.0.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "7b2a5c56cd82baf212e6038eb0de9a260e767eb4"
+  "gitHead": "b8c044b0bf1ab3ad425a501b4e437fd7eda19d8c"
 }