npm - wex-ui-lib - Versions diffs - 1.3.8 → 1.3.9 - Mend

wex-ui-lib 1.3.8 → 1.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -2465,14 +2465,14 @@ function Footer(props) {
             contactData.phone2 && React__default.createElement("p", null, contactData.phone2),
             contactData.email && React__default.createElement("p", null, contactData.email),
             contactData.email2 && React__default.createElement("p", null, contactData.email2)),
-        React__default.createElement(Nav, null, navItems && navItems.map(function (item) { return React__default.createElement("a", { href: '#', onClick: function () { return item.callback; } }, item.label); }))));
+        React__default.createElement(Nav, null, navItems && navItems.map(function (item, index) { return React__default.createElement("a", { key: index, onClick: item.callback }, item.label); }))));
 }
 var Container$3 = newStyled.footer(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  width: 100%;\n  background-color: ", ";\n  padding: 48px;\n  color: white;\n  font-weight: 400;\n  font-size: 14px;\n  border-top: 2px solid ", ";\n  display: grid;\n  gap: 18px;\n  grid-template-columns: auto auto auto;\n  grid-template-rows: auto auto auto;\n  grid-template-areas: \n  \"logo . contactData\"\n  \"subtitle . contactData\"\n  \"socialMedia . nav\"\n  ;\n  @media only screen and (max-width: 1024px) {\n    grid-template-columns: 1fr;\n    padding: 34px 4vw;\n    gap: 40px;\n    grid-template-areas: \n    \"logo\"\n    \"subtitle\"\n    \"nav\"\n    \"contactData\"\n    \"socialMedia\"\n    ;\n  }\n"], ["\n  width: 100%;\n  background-color: ", ";\n  padding: 48px;\n  color: white;\n  font-weight: 400;\n  font-size: 14px;\n  border-top: 2px solid ", ";\n  display: grid;\n  gap: 18px;\n  grid-template-columns: auto auto auto;\n  grid-template-rows: auto auto auto;\n  grid-template-areas: \n  \"logo . contactData\"\n  \"subtitle . contactData\"\n  \"socialMedia . nav\"\n  ;\n  @media only screen and (max-width: 1024px) {\n    grid-template-columns: 1fr;\n    padding: 34px 4vw;\n    gap: 40px;\n    grid-template-areas: \n    \"logo\"\n    \"subtitle\"\n    \"nav\"\n    \"contactData\"\n    \"socialMedia\"\n    ;\n  }\n"])), function (props) { return props.backgroundColor || theme.black2; }, theme.primary);
 var Logo = newStyled.img(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  grid-area: logo;\n  max-width: 160px;\n  cursor: pointer;\n  transition: 200ms;\n  &:hover {\n    filter: brightness(1.2);\n  }\n"], ["\n  grid-area: logo;\n  max-width: 160px;\n  cursor: pointer;\n  transition: 200ms;\n  &:hover {\n    filter: brightness(1.2);\n  }\n"])));
 var Subtitle = newStyled.h5(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  grid-area: subtitle;\n  font-size: 16px;\n  letter-spacing: .5px;\n"], ["\n  grid-area: subtitle;\n  font-size: 16px;\n  letter-spacing: .5px;\n"])));
 var SocialMedia = newStyled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  grid-area: socialMedia;\n  display: flex;\n  gap: 12px;\n"], ["\n  grid-area: socialMedia;\n  display: flex;\n  gap: 12px;\n"])));
 var ContactData = newStyled.div(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  grid-area: contactData;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  justify-content: flex-end;\n  align-items: flex-end;\n  @media only screen and (max-width: 1024px) {\n    align-items: flex-start;\n  }\n"], ["\n  grid-area: contactData;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  justify-content: flex-end;\n  align-items: flex-end;\n  @media only screen and (max-width: 1024px) {\n    align-items: flex-start;\n  }\n"])));
-var Nav = newStyled.nav(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  grid-area: nav;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-end;\n  gap: 20px;\n  padding-bottom: 6px;\n  a {\n    color: white;\n    text-decoration: none;\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n  @media only screen and (max-width: 1024px) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n"], ["\n  grid-area: nav;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-end;\n  gap: 20px;\n  padding-bottom: 6px;\n  a {\n    color: white;\n    text-decoration: none;\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n  @media only screen and (max-width: 1024px) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n"])));
+var Nav = newStyled.nav(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  grid-area: nav;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-end;\n  gap: 20px;\n  padding-bottom: 6px;\n  a {\n    color: white;\n    text-decoration: none;\n    cursor: pointer;\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n  @media only screen and (max-width: 1024px) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n"], ["\n  grid-area: nav;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-end;\n  gap: 20px;\n  padding-bottom: 6px;\n  a {\n    color: white;\n    text-decoration: none;\n    cursor: pointer;\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n  @media only screen and (max-width: 1024px) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n"])));
 var templateObject_1$4, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6;
 function Card(props) {