@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.3

package/dist/umd/Footer/Components/FooterNewsletterAndSocialSection.js

@@ -1,267 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "../../styles", "../../InputFields", "../../icons/systemicons/SystemIcons", "../../Button", "../../styles/typography"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../../styles"), require("../../InputFields"), require("../../icons/systemicons/SystemIcons"), require("../../Button"), require("../../styles/typography"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.styles, global.InputFields, global.SystemIcons, global.Button, global.typography);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _styles, _InputFields, _SystemIcons, _Button, _typography) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (nodeInterop) {
-      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-  }
-
-  function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-      return obj;
-    }
-
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-      return {
-        default: obj
-      };
-    }
-
-    var cache = _getRequireWildcardCache(nodeInterop);
-
-    if (cache && cache.has(obj)) {
-      return cache.get(obj);
-    }
-
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-    for (var key in obj) {
-      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-        if (desc && (desc.get || desc.set)) {
-          Object.defineProperty(newObj, key, desc);
-        } else {
-          newObj[key] = obj[key];
-        }
-      }
-    }
-
-    newObj.default = obj;
-
-    if (cache) {
-      cache.set(obj, newObj);
-    }
-
-    return newObj;
-  }
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const NewsletterAndSocial = _styledComponents2.default.section`
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 16px;
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    flex-direction: row;
-  }
-`;
-  const NewsletterEmailSection = _styledComponents2.default.div`
-  width: 100%;
-  margin: 16px auto 0 auto;
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    width: 60%;
-    margin: 16px 0 0 0;
-  }
-
-  label {
-    ${(0, _typography.ComponentXXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.white)}
-    margin-bottom: 2px;
-  }
-  div div {
-    width: 100%;
-    ${_styles.BREAKPOINTS.MEDIUM} {
-      width: calc(100% - 82px);
-      width: 288px;
-    }
-  }
-  input {
-    height: 48px;
-  }
-`;
-  const NewsletterEmail = _styledComponents2.default.div`
-  display: flex;
-  flex-direction: column;
-  margin-top: 2px;
-  margin: 2px auto 0 auto;
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    margin: 2px 0 0 0;
-    flex-direction: row;
-  }
-`;
-  const NewsletterButton = _styledComponents2.default.button`
-  background: transparent;
-  width: 100%;
-  height: 40px;
-  border: 2px solid ${_styles.COLORS.white};
-  box-sizing: border-box;
-  border-radius: 8px;
-  margin: 8px 0 4px 0;
-
-  ${(0, _typography.ComponentLStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.white)}
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    width: 94px;
-    margin: auto 0 4px 8px;
-  }
-
-  &:hover {
-    cursor: pointer;
-  }
-`;
-  const SocialMedia = _styledComponents2.default.div`
-  color: ${_styles.COLORS.white};
-  margin: 0 auto;
-
-  button div {
-    box-sizing: border-box;
-    border-radius: 4px;
-  }
-
-  h4 {
-    margin-top: 16px;
-    margin-bottom: 8px;
-    
-    ${(0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, 'inherit')}
-  }
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    margin: 0 0 0 auto;
-    button {
-      margin: 0 0 0 12px;
-    }
-  }
-`;
-  const SocialMediaButtons = _styledComponents2.default.div`
-  display: flex;
-  justify-content: center;
-
-  button div {
-    display: flex;
-    background-color: transparent;
-    color: ${_styles.COLORS.white};
-    margin: 0 0 0 20px;
-
-    svg {
-      fill: ${_styles.COLORS.white};
-      path {
-        fill: ${_styles.COLORS.white};
-      }
-    }
-
-    &:first-child {
-      margin: 0;
-    }
-    &:hover {
-      background-color: ${_styles.COLORS.white};
-      color: ${_styles.COLORS.neutral_600};
-    }
-    &:active {
-      background-color: ${_styles.COLORS.primary_800};
-      color: ${_styles.COLORS.primary_100};
-    }
-  }
-  a {
-    &:focus {
-      outline: none;
-      div {
-        background-color: ${_styles.COLORS.white};
-        color: ${_styles.COLORS.neutral_600};
-        outline: none;
-        box-shadow: 0px 0px 8px ${_styles.COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);
-      }
-      div svg path,
-      div svg {
-        fill: ${_styles.COLORS.neutral_600};
-      }
-    }
-  }
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    justify-content: flex-end;
-  }
-`;
-
-  const FooterNewsletterAndSocialSection = ({
-    actionOnNewsletterSignup,
-    newsletterLabel,
-    placeholderEmail
-  }) => {
-    const [emailInput, setEmailInput] = React.useState('');
-    return /*#__PURE__*/React.createElement(NewsletterAndSocial, null, /*#__PURE__*/React.createElement(NewsletterEmailSection, null, /*#__PURE__*/React.createElement("label", null, newsletterLabel), /*#__PURE__*/React.createElement(NewsletterEmail, null, /*#__PURE__*/React.createElement(_InputFields.TextField, {
-      id: "NewsletterEmail",
-      withoutBorder: true,
-      placeholder: placeholderEmail,
-      value: emailInput,
-      onChange: value => setEmailInput(value)
-    }), /*#__PURE__*/React.createElement(NewsletterButton, {
-      onClick: e => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)
-    }, "Sign up"))), /*#__PURE__*/React.createElement(SocialMedia, null, /*#__PURE__*/React.createElement("h4", null, "Follow us on social media"), /*#__PURE__*/React.createElement(SocialMediaButtons, null, /*#__PURE__*/React.createElement("a", {
-      href: "https://www.facebook.com/LaerdalMedical/",
-      target: "_blank",
-      rel: "noreferrer noopener"
-    }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-      variant: "secondary",
-      action: () => {},
-      tabIndex: -1
-    }, /*#__PURE__*/React.createElement(_SystemIcons.Facebook, null))), /*#__PURE__*/React.createElement("a", {
-      href: "https://twitter.com/laerdalmedical",
-      target: "_blank",
-      rel: "noreferrer noopener"
-    }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-      variant: "secondary",
-      action: () => {},
-      tabIndex: -1
-    }, /*#__PURE__*/React.createElement(_SystemIcons.Twitter, null))), /*#__PURE__*/React.createElement("a", {
-      href: "https://www.youtube.com/user/LaerdalMedical",
-      target: "_blank",
-      rel: "noreferrer noopener"
-    }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-      variant: "secondary",
-      action: () => {},
-      tabIndex: -1
-    }, /*#__PURE__*/React.createElement(_SystemIcons.Youtube, null))))));
-  };
-
-  FooterNewsletterAndSocialSection.propTypes = {
-    actionOnNewsletterSignup: _propTypes2.default.func,
-    newsletterLabel: _propTypes2.default.string.isRequired,
-    placeholderEmail: _propTypes2.default.string
-  };
-  exports.default = FooterNewsletterAndSocialSection;
-});
-//# sourceMappingURL=FooterNewsletterAndSocialSection.js.map

package/dist/umd/Footer/Components/FooterNewsletterAndSocialSection.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"names":["NewsletterAndSocial","styled","section","BREAKPOINTS","MEDIUM","NewsletterEmailSection","div","ComponentXXSStyling","ComponentTextStyle","COLORS","NewsletterEmail","NewsletterButton","button","white","ComponentLStyling","SocialMedia","ComponentXSStyling","SocialMediaButtons","neutral_600","primary_800","primary_100","primary_500","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","FooterNewsletterAndSocialSection","React","value","setEmailInput","e"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {Facebook, Twitter, Youtube} from '../../icons/systemicons/SystemIcons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles/typography';\r\n\r\nconst NewsletterAndSocial = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmailSection = styled.div`\r\n  width: 100%;\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 60%;\r\n    margin: 16px 0 0 0;\r\n  }\r\n\r\n  label {\r\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.white)}\r\n    margin-bottom: 2px;\r\n  }\r\n  div div {\r\n    width: 100%;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: calc(100% - 82px);\r\n      width: 288px;\r\n    }\r\n  }\r\n  input {\r\n    height: 48px;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmail = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 2px;\r\n  margin: 2px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst NewsletterButton = styled.button`\r\n  background: transparent;\r\n  width: 100%;\r\n  height: 40px;\r\n  border: 2px solid ${COLORS.white};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 94px;\r\n    margin: auto 0 4px 8px;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${COLORS.white};\r\n  margin: 0 auto;\r\n\r\n  button div {\r\n    box-sizing: border-box;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  h4 {\r\n    margin-top: 16px;\r\n    margin-bottom: 8px;\r\n    \r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 0 0 auto;\r\n    button {\r\n      margin: 0 0 0 12px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst SocialMediaButtons = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  button div {\r\n    display: flex;\r\n    background-color: transparent;\r\n    color: ${COLORS.white};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${COLORS.white};\r\n      path {\r\n        fill: ${COLORS.white};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${COLORS.white};\r\n      color: ${COLORS.neutral_600};\r\n    }\r\n    &:active {\r\n      background-color: ${COLORS.primary_800};\r\n      color: ${COLORS.primary_100};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      outline: none;\r\n      div {\r\n        background-color: ${COLORS.white};\r\n        color: ${COLORS.neutral_600};\r\n        outline: none;\r\n        box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${COLORS.neutral_600};\r\n      }\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    justify-content: flex-end;\r\n  }\r\n`;\r\n\r\ninterface FooterNewsletterAndSocialSection {\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel: string;\r\n  placeholderEmail?: string;\r\n}\r\n\r\nconst FooterNewsletterAndSocialSection = ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => {\r\n  const [emailInput, setEmailInput] = React.useState<string>('');\r\n  return (\r\n    <NewsletterAndSocial>\r\n      <NewsletterEmailSection>\r\n        <label>{newsletterLabel}</label>\r\n        <NewsletterEmail>\r\n          <TextField id=\"NewsletterEmail\" withoutBorder={true} placeholder={placeholderEmail} value={emailInput} onChange={(value: string) => setEmailInput(value)} />\r\n          <NewsletterButton onClick={(e: any) => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)}>Sign up</NewsletterButton>\r\n        </NewsletterEmail>\r\n      </NewsletterEmailSection>\r\n      <SocialMedia>\r\n        <h4>Follow us on social media</h4>\r\n        <SocialMediaButtons>\r\n          <a href=\"https://www.facebook.com/LaerdalMedical/\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <Facebook />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://twitter.com/laerdalmedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <Twitter />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://www.youtube.com/user/LaerdalMedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <Youtube />\r\n            </IconButton>\r\n          </a>\r\n        </SocialMediaButtons>\r\n      </SocialMedia>\r\n    </NewsletterAndSocial>\r\n  );\r\n};\r\n\r\nexport default FooterNewsletterAndSocialSection;\r\n"],"file":"FooterNewsletterAndSocialSection.js"}

package/dist/umd/Footer/Components/FooterTop.js

@@ -1,185 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "animated-scroll-to", "../../styles", "../../GlobalNavigationBar/Logo", "../../icons/systemicons/SystemIcons", "../../styles/typography"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("animated-scroll-to"), require("../../styles"), require("../../GlobalNavigationBar/Logo"), require("../../icons/systemicons/SystemIcons"), require("../../styles/typography"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.animatedScrollTo, global.styles, global.Logo, global.SystemIcons, global.typography);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _animatedScrollTo, _styles, _Logo, _SystemIcons, _typography) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  var _animatedScrollTo2 = _interopRequireDefault(_animatedScrollTo);
-
-  var _Logo2 = _interopRequireDefault(_Logo);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (nodeInterop) {
-      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-  }
-
-  function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-      return obj;
-    }
-
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-      return {
-        default: obj
-      };
-    }
-
-    var cache = _getRequireWildcardCache(nodeInterop);
-
-    if (cache && cache.has(obj)) {
-      return cache.get(obj);
-    }
-
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-    for (var key in obj) {
-      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-        if (desc && (desc.get || desc.set)) {
-          Object.defineProperty(newObj, key, desc);
-        } else {
-          newObj[key] = obj[key];
-        }
-      }
-    }
-
-    newObj.default = obj;
-
-    if (cache) {
-      cache.set(obj, newObj);
-    }
-
-    return newObj;
-  }
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const FooterTopSection = _styledComponents2.default.section`
-  min-height: 8px;
-  color: white;
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 16px;
-`;
-  const ToTop = _styledComponents2.default.div`
-  display: flex;
-  flex-direction: column;
-  margin: auto 0 auto auto;
-  border-radius: 4px;
-  height: 48px;
-  width: 48px;
-  padding: 8px;
-
-  svg {
-    margin: 0 auto;
-  }
-
-  &:hover {
-    cursor: pointer;
-  }
-  span {
-    margin: 14px auto 0 auto;
-    ${(0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.UppercaseBold, 'inherit')}
-  }
-
-  &:hover:not(:disabled) {
-    background-color: ${_styles.COLORS.primary_20};
-    svg path,
-    svg {
-      fill: ${_styles.COLORS.primary_700};
-    }
-    span {
-      color: ${_styles.COLORS.primary_700};
-    }
-  }
-
-  &:focus:not(:disabled) {
-    outline: none;
-    box-shadow: 0px 0px 8px ${_styles.COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);
-  }
-
-  &:active:not(:disabled) {
-    background: ${_styles.COLORS.primary_100};
-    box-shadow: none;
-    svg path,
-    svg {
-      fill: ${_styles.COLORS.primary_800};
-    }
-    span {
-      color: ${_styles.COLORS.primary_800};
-    }
-  }
-`;
-
-  const FooterTop = ({
-    sitename,
-    showBetaTag,
-    toTopText
-  }) => {
-    const isPressingEnter = e => {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        e.stopPropagation();
-        return true;
-      }
-
-      return false;
-    };
-
-    const action = () => {
-      (0, _animatedScrollTo2.default)(0);
-    };
-
-    return /*#__PURE__*/React.createElement(FooterTopSection, null, /*#__PURE__*/React.createElement(_Logo2.default, {
-      name: sitename || '',
-      showBetaTag: showBetaTag,
-      color: _styles.COLORS.white,
-      betaTagBackgroundColor: _styles.COLORS.white,
-      betaTagColor: _styles.COLORS.neutral_800
-    }), /*#__PURE__*/React.createElement(ToTop, {
-      tabIndex: 0,
-      onKeyDown: e => isPressingEnter(e) ? action() : null,
-      onClick: action
-    }, /*#__PURE__*/React.createElement(_SystemIcons.ArrowLineUp, {
-      size: "24px",
-      color: _styles.COLORS.white
-    }), /*#__PURE__*/React.createElement("span", null, toTopText)));
-  };
-
-  FooterTop.propTypes = {
-    sitename: _propTypes2.default.string,
-    showBetaTag: _propTypes2.default.bool,
-    toTopText: _propTypes2.default.string.isRequired
-  };
-  exports.default = FooterTop;
-});
-//# sourceMappingURL=FooterTop.js.map

package/dist/umd/Footer/Components/FooterTop.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Footer/Components/FooterTop.tsx"],"names":["FooterTopSection","styled","section","ToTop","div","ComponentXSStyling","ComponentTextStyle","COLORS","primary_20","primary_700","primary_500","primary_100","primary_800","sitename","showBetaTag","toTopText","FooterTop","isPressingEnter","e","action","animateScrollTo","neutral_800","white"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,QAAMA,gBAAgB,GAAGC,2BAAOC,OAAQ;AACxC;AACA;AACA;AACA;AACA;AALA,CAAA;AAQA,QAAMC,KAAK,GAAGF,2BAAOG,GAAI;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,oCAAmBC,+BAAD,aAAlBD,EAAkB,SAAlBA,CAAgE;AACtE;AACA;AACA;AACA,wBAAwBE,eAAOC,UAAW;AAC1C;AACA;AACA,cAAcD,eAAOE,WAAY;AACjC;AACA;AACA,eAAeF,eAAOE,WAAY;AAClC;AACA;AACA;AACA;AACA;AACA,8BAA8BF,eAAOG,WAAY;AACjD;AACA;AACA;AACA,kBAAkBH,eAAOI,WAAY;AACrC;AACA;AACA;AACA,cAAcJ,eAAOK,WAAY;AACjC;AACA;AACA,eAAeL,eAAOK,WAAY;AAClC;AACA;AA/CA,CAAA;;AAwDA,QAAMI,SAAS,GAAG,CAAC;AAAA,IAAA,QAAA;AAAA,IAAA,WAAA;AAAyBD,IAAAA;AAAzB,GAAD,KAA0D;AAC1E,UAAME,eAAe,GAAIC,CAAD,IAAY;AAClC,UAAIA,CAAC,CAADA,GAAAA,KAAJ,OAAA,EAAuB;AACrBA,QAAAA,CAAC,CAADA,cAAAA;AACAA,QAAAA,CAAC,CAADA,eAAAA;AACA,eAAA,IAAA;AACD;;AACD,aAAA,KAAA;AANF,KAAA;;AAQA,UAAMC,MAAM,GAAG,MAAM;AACnBC,sCAAAA,CAAAA;AADF,KAAA;;AAGA,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AACE,MAAA,IAAI,EAAEP,QAAQ,IADhB,EAAA;AAEE,MAAA,WAAW,EAFb,WAAA;AAGE,MAAA,KAAK,EAAEN,eAHT,KAAA;AAIE,MAAA,sBAAsB,EAAEA,eAJ1B,KAAA;AAKE,MAAA,YAAY,EAAEA,eAAOc;AALvB,KAAA,CADF,EAAA,aAQE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAO,MAAA,QAAQ,EAAf,CAAA;AAAoB,MAAA,SAAS,EAAGH,CAAD,IAAaD,eAAe,CAAfA,CAAe,CAAfA,GAAqBE,MAArBF,EAAAA,GAA5C,IAAA;AAAmF,MAAA,OAAO,EAAEE;AAA5F,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAa,MAAA,IAAI,EAAjB,MAAA;AAAyB,MAAA,KAAK,EAAEZ,eAAOe;AAAvC,KAAA,CADF,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAXN,SAWM,CAFF,CARF,CADF;AAZF,GAAA;;;AALET,IAAAA,Q;AACAC,IAAAA,W;AACAC,IAAAA,S;;oBAgCF,S","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport animateScrollTo from 'animated-scroll-to';\r\n\r\nimport {COLORS} from '../../styles';\r\nimport Logo from '../../GlobalNavigationBar/Logo';\r\nimport {ArrowLineUp} from '../../icons/systemicons/SystemIcons';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterTopSection = styled.section`\r\n  min-height: 8px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: row;\r\n  margin-bottom: 16px;\r\n`;\r\n\r\nconst ToTop = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: auto 0 auto auto;\r\n  border-radius: 4px;\r\n  height: 48px;\r\n  width: 48px;\r\n  padding: 8px;\r\n\r\n  svg {\r\n    margin: 0 auto;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n  span {\r\n    margin: 14px auto 0 auto;\r\n    ${ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit')}\r\n  }\r\n\r\n  &:hover:not(:disabled) {\r\n    background-color: ${COLORS.primary_20};\r\n    svg path,\r\n    svg {\r\n      fill: ${COLORS.primary_700};\r\n    }\r\n    span {\r\n      color: ${COLORS.primary_700};\r\n    }\r\n  }\r\n\r\n  &:focus:not(:disabled) {\r\n    outline: none;\r\n    box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    background: ${COLORS.primary_100};\r\n    box-shadow: none;\r\n    svg path,\r\n    svg {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n    span {\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterTopProps {\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  toTopText: string;\r\n}\r\n\r\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n  const action = () => {\r\n    animateScrollTo(0);\r\n  };\r\n  return (\r\n    <FooterTopSection>\r\n      <Logo\r\n        name={sitename || ''}\r\n        showBetaTag={showBetaTag}\r\n        color={COLORS.white}\r\n        betaTagBackgroundColor={COLORS.white}\r\n        betaTagColor={COLORS.neutral_800}\r\n      />\r\n      <ToTop tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\r\n        <ArrowLineUp size=\"24px\" color={COLORS.white} />\r\n        <span>{toTopText}</span>\r\n      </ToTop>\r\n    </FooterTopSection>\r\n  );\r\n};\r\n\r\nexport default FooterTop;\r\n"],"file":"FooterTop.js"}

package/dist/umd/Footer/Footer.js

@@ -1,97 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "react", "styled-components", "../styles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("react"), require("styled-components"), require("../styles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.react, global.styledComponents, global.styles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _react, _styledComponents, _styles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (nodeInterop) {
-      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-  }
-
-  function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-      return obj;
-    }
-
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-      return {
-        default: obj
-      };
-    }
-
-    var cache = _getRequireWildcardCache(nodeInterop);
-
-    if (cache && cache.has(obj)) {
-      return cache.get(obj);
-    }
-
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-    for (var key in obj) {
-      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-        if (desc && (desc.get || desc.set)) {
-          Object.defineProperty(newObj, key, desc);
-        } else {
-          newObj[key] = obj[key];
-        }
-      }
-    }
-
-    newObj.default = obj;
-
-    if (cache) {
-      cache.set(obj, newObj);
-    }
-
-    return newObj;
-  }
-
-  const FooterContainer = _styledComponents2.default.footer`
-  margin-top: auto;
-`;
-  const FooterGlobalContent = _styledComponents2.default.section`
-  min-height: 8px;
-  background-color: ${_styles.COLORS.primary_700};
-  color: white;
-`;
-
-  const Footer = ({
-    children
-  }) => {
-    return /*#__PURE__*/React.createElement(FooterContainer, null, children, /*#__PURE__*/React.createElement(FooterGlobalContent, null));
-  };
-
-  exports.default = Footer;
-});
-//# sourceMappingURL=Footer.js.map

package/dist/umd/Footer/Footer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Footer/Footer.tsx"],"names":["FooterContainer","styled","footer","FooterGlobalContent","section","COLORS","primary_700","Footer","children"],"mappings":";;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,QAAMA,eAAe,GAAGC,2BAAOC,MAAO;AACtC;AADA,CAAA;AAIA,QAAMC,mBAAmB,GAAGF,2BAAOG,OAAQ;AAC3C;AACA,sBAAsBC,eAAOC,WAAY;AACzC;AAHA,CAAA;;AAMA,QAAMC,MAAM,GAAG,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAuB;AACpC,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,mBAAA,EAHJ,IAGI,CAFF,CADF;AADF,GAAA;;oBASA,M","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS } from '../styles';\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n`;\r\n\r\nconst FooterGlobalContent = styled.section`\r\n  min-height: 8px;\r\n  background-color: ${COLORS.primary_700};\r\n  color: white;\r\n`;\r\n\r\nconst Footer = ({ children }: any) => {\r\n  return (\r\n    <FooterContainer>\r\n      {children}\r\n      <FooterGlobalContent />\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"file":"Footer.js"}