solid-ui 2.4.10-92a6733c → 2.4.10-a8ba7504

package/lib/header/styleMap.js

@@ -18,7 +18,11 @@ var styleMap = {
     padding: '1em',
     width: '100%',
     '&:focus, &:hover': {
-      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
+      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)' // backgroundColor: '#eee'
+
+    },
+    a: {
+      textDecoration: 'none'
     }
   },
   'header-user-menu__trigger': {
@@ -83,7 +87,6 @@ var styleMap = {
     backgroundPosition: 'center',
     backgroundRepeat: 'no-repeat',
     backgroundSize: 'cover',
-    margin: '5px',
     height: '50px',
     // $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px
     width: '50px'
@@ -92,12 +95,16 @@ var styleMap = {
     boxShadow: '0px 1px 4px #000000',
     // the color was defined in mashlib as a SASS variable $divider_color
     display: 'flex',
+    justifyContent: 'space-between',
     padding: '0 1.5em',
     marginBottom: '4px'
   },
   'header-banner__link': {
     display: 'block'
   },
+  'header-banner__right-menu': {
+    display: 'flex'
+  },
   'header-banner__login': {
     marginLeft: 'auto',
     input: {
@@ -111,12 +118,24 @@ var styleMap = {
     // the color was defined in mashlib as a SASS variable $divider_color
     marginLeft: 'auto'
   },
+  'header-banner__help-menu': {
+    borderLeft: 'solid 1px #000000',
+    // the color was defined in mashlib as a SASS variable $divider_color
+    marginLeft: 'auto'
+  },
   'header-banner__icon': {
     backgroundSize: '65px 60px',
     height: '60px !important',
     // this is the icon size
     width: '65px !important' // may just be 65px round($icon-size * 352 / 322);
 
+  },
+  'header-banner__help-icon': {
+    backgroundSize: '55px 50px',
+    height: '50px !important',
+    // this is the icon size
+    width: '55px !important' // may just be 65px round($icon-size * 352 / 430);
+
   }
 };
 exports.styleMap = styleMap;

package/lib/header/styleMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/header/styleMap.ts"],"names":["styleMap","background","border","color","cursor","display","fontFamily","fontSize","textAlign","padding","width","backgroundColor","height","img","borderRadius","listStyle","margin","borderRight","position","right","top","borderBottom","backgroundPosition","backgroundRepeat","backgroundSize","boxShadow","marginBottom","marginLeft","input","borderLeft"],"mappings":";;;;;;AAAO,IAAMA,QAAQ,GAAG;AACtB,sBAAoB,EADE;AAGtB,4BAA0B;AACxBC,IAAAA,UAAU,EAAE,MADY;AAExBC,IAAAA,MAAM,EAAE,GAFgB;AAGxBC,IAAAA,KAAK,EAAE,OAHiB;AAIxBC,IAAAA,MAAM,EAAE,SAJgB;AAKxBC,IAAAA,OAAO,EAAE,OALe;AAMxBC,IAAAA,UAAU,EAAE,OANY;AAOxBC,IAAAA,QAAQ,EAAE,KAPc;AAQxBC,IAAAA,SAAS,EAAE,MARa;AASxBC,IAAAA,OAAO,EAAE,KATe;AAUxBC,IAAAA,KAAK,EAAE,MAViB;AAWxB,wBAAoB;AAClBC,MAAAA,eAAe,EAAE;AADC;AAXI,GAHJ;AAkBtB,+BAA6B;AAC3BV,IAAAA,UAAU,EAAE,MADe;AAE3BC,IAAAA,MAAM,EAAE,GAFmB;AAG3BE,IAAAA,MAAM,EAAE,SAHmB;AAI3BM,IAAAA,KAAK,EAAE,MAJoB;AAIZ;AACfE,IAAAA,MAAM,EAAE,MALmB;AAKX;AAChBC,IAAAA,GAAG,EAAE;AACHC,MAAAA,YAAY,EAAE,KADX;AAEHF,MAAAA,MAAM,EAAE,MAFL;AAEa;AAChBF,MAAAA,KAAK,EAAE;AAHJ;AANsB,GAlBP;AA8BtB,8BAA4B;AAC1BT,IAAAA,UAAU,EAAE,MADc;AAE1BC,IAAAA,MAAM,EAAE,GAFkB;AAG1BC,IAAAA,KAAK,EAAE,OAHmB;AAI1BC,IAAAA,MAAM,EAAE,SAJkB;AAK1BC,IAAAA,OAAO,EAAE,OALiB;AAM1BC,IAAAA,UAAU,EAAE,OANc;AAO1BC,IAAAA,QAAQ,EAAE,KAPgB;AAQ1BC,IAAAA,SAAS,EAAE,MARe;AAS1BC,IAAAA,OAAO,EAAE,KATiB;AAU1BC,IAAAA,KAAK,EAAE,MAVmB;AAW1B,wBAAoB;AAClBC,MAAAA,eAAe,EAAE;AADC;AAXM,GA9BN;AA6CtB,4BAA0B;AACxBI,IAAAA,SAAS,EAAE,MADa;AAExBC,IAAAA,MAAM,EAAE,GAFgB;AAGxBP,IAAAA,OAAO,EAAE;AAHe,GA7CJ;AAkDtB,uCAAqC;AACnCR,IAAAA,UAAU,EAAE,OADuB;AAEnCC,IAAAA,MAAM,EAAE,mBAF2B;AAEN;AAC7Be,IAAAA,WAAW,EAAE,GAHsB;AAInCC,IAAAA,QAAQ,EAAE,UAJyB;AAKnCC,IAAAA,KAAK,EAAE,GAL4B;AAMnCC,IAAAA,GAAG,EAAE,MAN8B;AAMtB;AACbV,IAAAA,KAAK,EAAE,OAP4B;AAQnC,eAAW,GARwB;AASnC,6BAAyB;AACvBL,MAAAA,OAAO,EAAE;AADc;AATU,GAlDf;AA+DtB,iCAA+B;AAC7BgB,IAAAA,YAAY,EAAE,mBADe;AACM;AACnC,oBAAgB;AACdnB,MAAAA,MAAM,EAAE;AADM;AAFa,GA/DT;AAqEtB,6BAA2B;AACzBY,IAAAA,YAAY,EAAE,KADW;AAEzBQ,IAAAA,kBAAkB,EAAE,QAFK;AAGzBC,IAAAA,gBAAgB,EAAE,WAHO;AAIzBC,IAAAA,cAAc,EAAE,OAJS;AAKzBR,IAAAA,MAAM,EAAE,KALiB;AAMzBJ,IAAAA,MAAM,EAAE,MANiB;AAMT;AAChBF,IAAAA,KAAK,EAAE;AAPkB,GArEL;AA8EtB,mBAAiB;AACfe,IAAAA,SAAS,EAAE,qBADI;AACmB;AAClCpB,IAAAA,OAAO,EAAE,MAFM;AAGfI,IAAAA,OAAO,EAAE,SAHM;AAIfiB,IAAAA,YAAY,EAAE;AAJC,GA9EK;AAoFtB,yBAAuB;AACrBrB,IAAAA,OAAO,EAAE;AADY,GApFD;AAwFtB,0BAAwB;AACtBsB,IAAAA,UAAU,EAAE,MADU;AAEtBC,IAAAA,KAAK,EAAE;AACL;AACAZ,MAAAA,MAAM,EAAE,kCAFH;AAGLP,MAAAA,OAAO,EAAE;AAHJ;AAFe,GAxFF;AAgGtB,8BAA4B;AAC1BoB,IAAAA,UAAU,EAAE,mBADc;AACO;AACjCF,IAAAA,UAAU,EAAE;AAFc,GAhGN;AAoGtB,yBAAuB;AACrBH,IAAAA,cAAc,EAAE,WADK;AAErBZ,IAAAA,MAAM,EAAE,iBAFa;AAEM;AAC3BF,IAAAA,KAAK,EAAE,iBAHc,CAGI;;AAHJ;AApGD,CAAjB","sourcesContent":["export const styleMap = {\n  'header-user-menu': {\n  },\n  'header-user-menu__link': {\n    background: 'none',\n    border: '0',\n    color: 'black',\n    cursor: 'pointer',\n    display: 'block',\n    fontFamily: 'Arial',\n    fontSize: '1em',\n    textAlign: 'left',\n    padding: '1em',\n    width: '100%',\n    '&:focus, &:hover': {\n      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n    }\n  },\n  'header-user-menu__trigger': {\n    background: 'none',\n    border: '0',\n    cursor: 'pointer',\n    width: '60px', // defined in mashlib as a SASS variable $icon_size\n    height: '60px', // defined in mashlib as a SASS variable $icon_size\n    img: {\n      borderRadius: '50%',\n      height: '56px', // defined in mashlib as a SASS variable $icon_size - 4px\n      width: '56px'\n    }\n  },\n  'header-user-menu__button': {\n    background: 'none',\n    border: '0',\n    color: 'black',\n    cursor: 'pointer',\n    display: 'block',\n    fontFamily: 'Arial',\n    fontSize: '1em',\n    textAlign: 'left',\n    padding: '1em',\n    width: '100%',\n    '&:focus, &:hover': {\n      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n    }\n  },\n  'header-user-menu__list': {\n    listStyle: 'none',\n    margin: '0',\n    padding: '0'\n  },\n  'header-user-menu__navigation-menu': {\n    background: 'white',\n    border: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    borderRight: '0',\n    position: 'absolute',\n    right: '0',\n    top: '60px', // defined in mashlib as a SASS variable $icon_size\n    width: '200px',\n    'z-index': '1',\n    '&[aria-hidden = true]': {\n      display: 'none'\n    }\n  },\n  'header-user-menu__list-item': {\n    borderBottom: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    '&:last-child': {\n      border: '0'\n    }\n  },\n  'header-user-menu__photo': {\n    borderRadius: '50%',\n    backgroundPosition: 'center',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: 'cover',\n    margin: '5px',\n    height: '50px', // $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px\n    width: '50px'\n  },\n  'header-banner': {\n    boxShadow: '0px 1px 4px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    display: 'flex',\n    padding: '0 1.5em',\n    marginBottom: '4px'\n  },\n  'header-banner__link': {\n    display: 'block'\n  },\n\n  'header-banner__login': {\n    marginLeft: 'auto',\n    input: {\n      // hacks to override the default style of login and signup button from solid-ui\n      margin: '0.75em 0 0.75em 0.5em !important',\n      padding: '0.5em !important'\n    }\n  },\n  'header-banner__user-menu': {\n    borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    marginLeft: 'auto'\n  },\n  'header-banner__icon': {\n    backgroundSize: '65px 60px',\n    height: '60px !important', // this is the icon size\n    width: '65px !important' // may just be 65px round($icon-size * 352 / 322);\n  }\n}\n"],"file":"styleMap.js"}
+{"version":3,"sources":["../../src/header/styleMap.ts"],"names":["styleMap","background","border","color","cursor","display","fontFamily","fontSize","textAlign","padding","width","backgroundColor","a","textDecoration","height","img","borderRadius","listStyle","margin","borderRight","position","right","top","borderBottom","backgroundPosition","backgroundRepeat","backgroundSize","boxShadow","justifyContent","marginBottom","marginLeft","input","borderLeft"],"mappings":"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","sourcesContent":["export const styleMap = {\n  'header-user-menu': {\n  },\n  'header-user-menu__link': {\n    background: 'none',\n    border: '0',\n    color: 'black',\n    cursor: 'pointer',\n    display: 'block',\n    fontFamily: 'Arial',\n    fontSize: '1em',\n    textAlign: 'left',\n    padding: '1em',\n    width: '100%',\n    '&:focus, &:hover': {\n      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n      // backgroundColor: '#eee'\n    },\n    a: {\n      textDecoration: 'none'\n    }\n  },\n  'header-user-menu__trigger': {\n    background: 'none',\n    border: '0',\n    cursor: 'pointer',\n    width: '60px', // defined in mashlib as a SASS variable $icon_size\n    height: '60px', // defined in mashlib as a SASS variable $icon_size\n    img: {\n      borderRadius: '50%',\n      height: '56px', // defined in mashlib as a SASS variable $icon_size - 4px\n      width: '56px'\n    }\n  },\n  'header-user-menu__button': {\n    background: 'none',\n    border: '0',\n    color: 'black',\n    cursor: 'pointer',\n    display: 'block',\n    fontFamily: 'Arial',\n    fontSize: '1em',\n    textAlign: 'left',\n    padding: '1em',\n    width: '100%',\n    '&:focus, &:hover': {\n      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n    }\n  },\n  'header-user-menu__list': {\n    listStyle: 'none',\n    margin: '0',\n    padding: '0'\n  },\n  'header-user-menu__navigation-menu': {\n    background: 'white',\n    border: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    borderRight: '0',\n    position: 'absolute',\n    right: '0',\n    top: '60px', // defined in mashlib as a SASS variable $icon_size\n    width: '200px',\n    'z-index': '1',\n    '&[aria-hidden = true]': {\n      display: 'none'\n    }\n  },\n  'header-user-menu__list-item': {\n    borderBottom: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    '&:last-child': {\n      border: '0'\n    }\n  },\n  'header-user-menu__photo': {\n    borderRadius: '50%',\n    backgroundPosition: 'center',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: 'cover',\n    height: '50px', // $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px\n    width: '50px'\n  },\n  'header-banner': {\n    boxShadow: '0px 1px 4px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: '0 1.5em',\n    marginBottom: '4px'\n  },\n  'header-banner__link': {\n    display: 'block'\n  },\n  'header-banner__right-menu': {\n    display: 'flex'\n  },\n  'header-banner__login': {\n    marginLeft: 'auto',\n    input: {\n      // hacks to override the default style of login and signup button from solid-ui\n      margin: '0.75em 0 0.75em 0.5em !important',\n      padding: '0.5em !important'\n    }\n  },\n  'header-banner__user-menu': {\n    borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    marginLeft: 'auto'\n  },\n  'header-banner__help-menu': {\n    borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    marginLeft: 'auto'\n  },\n  'header-banner__icon': {\n    backgroundSize: '65px 60px',\n    height: '60px !important', // this is the icon size\n    width: '65px !important' // may just be 65px round($icon-size * 352 / 322);\n  },\n  'header-banner__help-icon': {\n    backgroundSize: '55px 50px',\n    height: '50px !important', // this is the icon size\n    width: '55px !important' // may just be 65px round($icon-size * 352 / 430);\n  }\n}\n"],"file":"styleMap.js"}

package/lib/versionInfo.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = {
-  buildTime: '2021-10-14T14:37:12Z',
-  commit: '92a6733c9feee81ddac08c370ef26d7337b7130a',
+  buildTime: '2021-11-01T08:45:36Z',
+  commit: 'a8ba75042fe582f4e23387377a64a9f70589071b',
   npmInfo: {
     'solid-ui': '2.4.10',
     npm: '6.14.15',
@@ -14,11 +14,11 @@ var _default = {
     brotli: '1.0.9',
     cldr: '39.0',
     icu: '69.1',
-    llhttp: '2.1.3',
+    llhttp: '2.1.4',
     modules: '83',
     napi: '8',
     nghttp2: '1.42.0',
-    node: '14.18.0',
+    node: '14.18.1',
     openssl: '1.1.1l',
     tz: '2021a',
     unicode: '13.0',

package/lib/versionInfo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/versionInfo.ts"],"names":["buildTime","commit","npmInfo","npm","ares","brotli","cldr","icu","llhttp","modules","napi","nghttp2","node","openssl","tz","unicode","uv","v8","zlib"],"mappings":";;;;;;eAAe;AACbA,EAAAA,SAAS,EAAE,sBADE;AAEbC,EAAAA,MAAM,EAAE,0CAFK;AAGbC,EAAAA,OAAO,EACT;AACE,gBAAY,QADd;AAEEC,IAAAA,GAAG,EAAE,SAFP;AAGEC,IAAAA,IAAI,EAAE,QAHR;AAIEC,IAAAA,MAAM,EAAE,OAJV;AAKEC,IAAAA,IAAI,EAAE,MALR;AAMEC,IAAAA,GAAG,EAAE,MANP;AAOEC,IAAAA,MAAM,EAAE,OAPV;AAQEC,IAAAA,OAAO,EAAE,IARX;AASEC,IAAAA,IAAI,EAAE,GATR;AAUEC,IAAAA,OAAO,EAAE,QAVX;AAWEC,IAAAA,IAAI,EAAE,SAXR;AAYEC,IAAAA,OAAO,EAAE,QAZX;AAaEC,IAAAA,EAAE,EAAE,OAbN;AAcEC,IAAAA,OAAO,EAAE,MAdX;AAeEC,IAAAA,EAAE,EAAE,QAfN;AAgBEC,IAAAA,EAAE,EAAE,oBAhBN;AAiBEC,IAAAA,IAAI,EAAE;AAjBR;AAJe,C","sourcesContent":["export default {\n  buildTime: '2021-10-14T14:37:12Z',\n  commit: '92a6733c9feee81ddac08c370ef26d7337b7130a',\n  npmInfo:\n{\n  'solid-ui': '2.4.10',\n  npm: '6.14.15',\n  ares: '1.17.2',\n  brotli: '1.0.9',\n  cldr: '39.0',\n  icu: '69.1',\n  llhttp: '2.1.3',\n  modules: '83',\n  napi: '8',\n  nghttp2: '1.42.0',\n  node: '14.18.0',\n  openssl: '1.1.1l',\n  tz: '2021a',\n  unicode: '13.0',\n  uv: '1.42.0',\n  v8: '8.4.371.23-node.84',\n  zlib: '1.2.11'\n}\n}\n"],"file":"versionInfo.js"}
+{"version":3,"sources":["../src/versionInfo.ts"],"names":["buildTime","commit","npmInfo","npm","ares","brotli","cldr","icu","llhttp","modules","napi","nghttp2","node","openssl","tz","unicode","uv","v8","zlib"],"mappings":";;;;;;eAAe;AACbA,EAAAA,SAAS,EAAE,sBADE;AAEbC,EAAAA,MAAM,EAAE,0CAFK;AAGbC,EAAAA,OAAO,EACT;AACE,gBAAY,QADd;AAEEC,IAAAA,GAAG,EAAE,SAFP;AAGEC,IAAAA,IAAI,EAAE,QAHR;AAIEC,IAAAA,MAAM,EAAE,OAJV;AAKEC,IAAAA,IAAI,EAAE,MALR;AAMEC,IAAAA,GAAG,EAAE,MANP;AAOEC,IAAAA,MAAM,EAAE,OAPV;AAQEC,IAAAA,OAAO,EAAE,IARX;AASEC,IAAAA,IAAI,EAAE,GATR;AAUEC,IAAAA,OAAO,EAAE,QAVX;AAWEC,IAAAA,IAAI,EAAE,SAXR;AAYEC,IAAAA,OAAO,EAAE,QAZX;AAaEC,IAAAA,EAAE,EAAE,OAbN;AAcEC,IAAAA,OAAO,EAAE,MAdX;AAeEC,IAAAA,EAAE,EAAE,QAfN;AAgBEC,IAAAA,EAAE,EAAE,oBAhBN;AAiBEC,IAAAA,IAAI,EAAE;AAjBR;AAJe,C","sourcesContent":["export default {\n  buildTime: '2021-11-01T08:45:36Z',\n  commit: 'a8ba75042fe582f4e23387377a64a9f70589071b',\n  npmInfo:\n{\n  'solid-ui': '2.4.10',\n  npm: '6.14.15',\n  ares: '1.17.2',\n  brotli: '1.0.9',\n  cldr: '39.0',\n  icu: '69.1',\n  llhttp: '2.1.4',\n  modules: '83',\n  napi: '8',\n  nghttp2: '1.42.0',\n  node: '14.18.1',\n  openssl: '1.1.1l',\n  tz: '2021a',\n  unicode: '13.0',\n  uv: '1.42.0',\n  v8: '8.4.371.23-node.84',\n  zlib: '1.2.11'\n}\n}\n"],"file":"versionInfo.js"}

package/lib/webpack-bundle.js

@@ -6100,7 +6100,7 @@ var UI = {
 };
 /* global alert */
 
-var SERVER_MKDIRP_BUG = true;
+var SERVER_MKDIRP_BUG = false; // Set false timbl 2021-10-31 should be fixed by now
 
 function createIfNotExists(_x) {
   return _createIfNotExists.apply(this, arguments);
@@ -8576,6 +8576,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createBanner = createBanner;
+exports.createHelpMenu = createHelpMenu;
 exports.createLoginSignUpButtons = createLoginSignUpButtons;
 exports.createUserMenu = createUserMenu;
 exports.createUserMenuButton = createUserMenuButton;
@@ -8589,6 +8590,8 @@ var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime
 
 var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
 
+var _ = __webpack_require__(/*! .. */ "./lib/index.js");
+
 var _authn = __webpack_require__(/*! ../authn/authn */ "./lib/authn/authn.js");
 
 var widgets = _interopRequireWildcard(__webpack_require__(/*! ../widgets */ "./lib/widgets/index.js"));
@@ -8697,7 +8700,7 @@ function createBanner(_x3, _x4, _x5, _x6) {
 
 function _createBanner() {
   _createBanner = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(store, pod, user, options) {
-    var podLink, image, menu, banner;
+    var podLink, image, userMenu, helpMenu, banner, leftSideOfHeader;
     return _regenerator["default"].wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
@@ -8731,14 +8734,19 @@ function _createBanner() {
             _context3.t0 = createLoginSignUpButtons();
 
           case 14:
-            menu = _context3.t0;
+            userMenu = _context3.t0;
+            helpMenu = createHelpMenu();
             banner = document.createElement('div');
             (0, _headerHelpers.addStyleClassToElement)(banner, ['header-banner']);
             banner.appendChild(podLink);
-            banner.appendChild(menu);
+            leftSideOfHeader = document.createElement('div');
+            (0, _headerHelpers.addStyleClassToElement)(leftSideOfHeader, ['header-banner__right-menu']);
+            leftSideOfHeader.appendChild(userMenu);
+            leftSideOfHeader.appendChild(helpMenu);
+            banner.appendChild(leftSideOfHeader);
             return _context3.abrupt("return", banner);
 
-          case 20:
+          case 25:
           case "end":
             return _context3.stop();
         }
@@ -8748,6 +8756,51 @@ function _createBanner() {
   return _createBanner.apply(this, arguments);
 }
 
+function createHelpMenu() {
+  var helpMenuList = document.createElement('ul');
+  (0, _headerHelpers.addStyleClassToElement)(helpMenuList, ['header-user-menu__list']);
+  helpMenuList.appendChild(createUserMenuItem(createUserMenuLink('User guide', 'https://github.com/solid/userguide', '_blank')));
+  helpMenuList.appendChild(createUserMenuItem(createUserMenuLink('Report a problem', 'https://github.com/solid/solidos/issues', '_blank')));
+  var helpMenu = document.createElement('nav');
+  (0, _headerHelpers.addStyleClassToElement)(helpMenu, ['header-user-menu__navigation-menu']);
+  helpMenu.setAttribute('aria-hidden', 'true');
+  helpMenu.appendChild(helpMenuList);
+  var helpIcon = _.icons.iconBase + 'noun_144.svg';
+  var helpMenuContainer = document.createElement('div');
+  (0, _headerHelpers.addStyleClassToElement)(helpMenuContainer, ['header-banner__user-menu']);
+  (0, _headerHelpers.addStyleClassToElement)(helpMenuContainer, ['header-user-menu']);
+  helpMenuContainer.appendChild(helpMenu);
+  var helpMenuTrigger = document.createElement('button');
+  (0, _headerHelpers.addStyleClassToElement)(helpMenuTrigger, ['header-user-menu__trigger']);
+  helpMenuTrigger.type = 'button';
+  var helpMenuIcon = document.createElement('img');
+  helpMenuIcon.src = helpIcon;
+  (0, _headerHelpers.addStyleClassToElement)(helpMenuIcon, ['header-banner__help-icon']);
+  helpMenuContainer.appendChild(helpMenuTrigger);
+  helpMenuTrigger.appendChild(helpMenuIcon);
+  var throttledMenuToggle = (0, _headerHelpers.throttle)(function (event) {
+    return toggleMenu(event, helpMenuTrigger, helpMenu);
+  }, 50);
+  helpMenuTrigger.addEventListener('click', throttledMenuToggle);
+  var timer = setTimeout(function () {
+    return null;
+  }, 0);
+  helpMenuContainer.addEventListener('mouseover', function (event) {
+    clearTimeout(timer);
+    throttledMenuToggle(event);
+  });
+  helpMenuContainer.addEventListener('mouseout', function (event) {
+    timer = setTimeout(function () {
+      return throttledMenuToggle(event);
+    }, 200);
+  });
+  return helpMenuContainer;
+}
+/**
+ * @ignore exporting this only for the unit test
+ */
+
+
 function createLoginSignUpButtons() {
   var profileLoginButtonPre = document.createElement('div');
   (0, _headerHelpers.addStyleClassToElement)(profileLoginButtonPre, ['header-banner__login']);
@@ -8771,11 +8824,12 @@ function createUserMenuButton(label, onClick) {
  */
 
 
-function createUserMenuLink(label, href) {
+function createUserMenuLink(label, href, target) {
   var link = document.createElement('a');
   (0, _headerHelpers.addStyleClassToElement)(link, ['header-user-menu__link']);
   link.href = href;
   link.innerText = label;
+  if (target) link.target = target;
   return link;
 }
 /**
@@ -8956,7 +9010,11 @@ var styleMap = {
     padding: '1em',
     width: '100%',
     '&:focus, &:hover': {
-      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
+      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)' // backgroundColor: '#eee'
+
+    },
+    a: {
+      textDecoration: 'none'
     }
   },
   'header-user-menu__trigger': {
@@ -9021,7 +9079,6 @@ var styleMap = {
     backgroundPosition: 'center',
     backgroundRepeat: 'no-repeat',
     backgroundSize: 'cover',
-    margin: '5px',
     height: '50px',
     // $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px
     width: '50px'
@@ -9030,12 +9087,16 @@ var styleMap = {
     boxShadow: '0px 1px 4px #000000',
     // the color was defined in mashlib as a SASS variable $divider_color
     display: 'flex',
+    justifyContent: 'space-between',
     padding: '0 1.5em',
     marginBottom: '4px'
   },
   'header-banner__link': {
     display: 'block'
   },
+  'header-banner__right-menu': {
+    display: 'flex'
+  },
   'header-banner__login': {
     marginLeft: 'auto',
     input: {
@@ -9049,12 +9110,24 @@ var styleMap = {
     // the color was defined in mashlib as a SASS variable $divider_color
     marginLeft: 'auto'
   },
+  'header-banner__help-menu': {
+    borderLeft: 'solid 1px #000000',
+    // the color was defined in mashlib as a SASS variable $divider_color
+    marginLeft: 'auto'
+  },
   'header-banner__icon': {
     backgroundSize: '65px 60px',
     height: '60px !important',
     // this is the icon size
     width: '65px !important' // may just be 65px round($icon-size * 352 / 322);
 
+  },
+  'header-banner__help-icon': {
+    backgroundSize: '55px 50px',
+    height: '50px !important',
+    // this is the icon size
+    width: '55px !important' // may just be 65px round($icon-size * 352 / 430);
+
   }
 };
 exports.styleMap = styleMap;
@@ -15315,8 +15388,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = {
-  buildTime: '2021-10-14T14:37:12Z',
-  commit: '92a6733c9feee81ddac08c370ef26d7337b7130a',
+  buildTime: '2021-11-01T08:45:36Z',
+  commit: 'a8ba75042fe582f4e23387377a64a9f70589071b',
   npmInfo: {
     'solid-ui': '2.4.10',
     npm: '6.14.15',
@@ -15324,11 +15397,11 @@ var _default = {
     brotli: '1.0.9',
     cldr: '39.0',
     icu: '69.1',
-    llhttp: '2.1.3',
+    llhttp: '2.1.4',
     modules: '83',
     napi: '8',
     nghttp2: '1.42.0',
-    node: '14.18.0',
+    node: '14.18.1',
     openssl: '1.1.1l',
     tz: '2021a',
     unicode: '13.0',
@@ -22141,6 +22214,7 @@ var kb = _logic.solidLogicSingleton.store;
 var PeoplePicker = /*#__PURE__*/function () {
   function PeoplePicker(element, typeIndex, groupPickedCb, options) {
     (0, _classCallCheck2["default"])(this, PeoplePicker);
+    // @@ can't expect typeindex to be passed
     this.options = options || {};
     this.element = element;
     this.typeIndex = typeIndex;