@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1.full

package/dist/Footer/Components/FooterNavSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterNavSection.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","FooterDropdownLinks","ComponentLStyling","ComponentSStyling","HyperLink","hasWindow","jsx","_jsx","jsxs","_jsxs","NavSection","section","_templateObject","_taggedTemplateLiteral","LinkBlock","div","_templateObject2","props","$width","MEDIUM","LARGE","Regular","Bold","getColor","theme","FooterNavSection","_ref","_navOptions$sections","navOptions","width","setWidth","useState","window","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","children","sections","map","no","index","header","links","link","id","concat","Math","floor","random","variant","href","to","target","rel","label","navSection","propTypes","mainId","_pt","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport FooterDropdownLinks from './FooterDropdownLinks';\r\nimport {NavOptions} from '../../types';\r\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport { hasWindow } from '../../utils/utils';\r\n\r\nconst NavSection = styled.section`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  flex-flow: flex-start;\r\n  color: white;\r\n  margin-bottom: 12px;\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ $width: number }>`\r\n  display: ${(props) => (props.$width <= 768 ? 'none' : 'flex')};\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 0 24px 24px 0;\r\n    width: calc(50% - 24px);\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: calc(33% - 24px);\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px 32px 0;\r\n    width: calc(33% - 32px);\r\n  }\r\n\r\n  h3 {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  a {\r\n    padding: 8px 0px;\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navOptions: NavOptions;\r\n  mainId: string;\r\n}\r\n\r\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <NavSection>\r\n      {navOptions.sections?.map((no, index) => {\r\n        return width > 768 ? (\r\n          <LinkBlock key={`LinkBlock_${index}`} $width={width}>\r\n            <h3>{no.header}</h3>\r\n            {no.links.map((link, index) => (\r\n              <HyperLink key={index}\r\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                         variant={'inverted'}\r\n                         href={link.to}\r\n                         target={link.target || '_blank'}\r\n                         rel=\"noreferrer noopener\">\r\n                {link.label}\r\n              </HyperLink>\r\n            ))}\r\n          </LinkBlock>\r\n        ) : (\r\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\r\n        );\r\n      })}\r\n    </NavSection>\r\n  );\r\n};\r\n\r\nexport default FooterNavSection;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterNavSection.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","FooterDropdownLinks","ComponentLStyling","ComponentSStyling","HyperLink","hasWindow","jsx","_jsx","jsxs","_jsxs","NavSection","section","LinkBlock","div","props","$width","MEDIUM","LARGE","Regular","Bold","getColor","theme","FooterNavSection","_ref","navOptions","width","setWidth","useState","window","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","children","sections","map","no","index","header","links","link","id","Math","floor","random","variant","href","to","target","rel","label","navSection","propTypes","mainId","_pt","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport FooterDropdownLinks from './FooterDropdownLinks';\r\nimport {NavOptions} from '../../types';\r\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport { hasWindow } from '../../utils/utils';\r\n\r\nconst NavSection = styled.section`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  flex-flow: flex-start;\r\n  color: white;\r\n  margin-bottom: 12px;\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ $width: number }>`\r\n  display: ${(props) => (props.$width <= 768 ? 'none' : 'flex')};\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 0 24px 24px 0;\r\n    width: calc(50% - 24px);\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: calc(33% - 24px);\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px 32px 0;\r\n    width: calc(33% - 32px);\r\n  }\r\n\r\n  h3 {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  a {\r\n    padding: 8px 0px;\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navOptions: NavOptions;\r\n  mainId: string;\r\n}\r\n\r\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <NavSection>\r\n      {navOptions.sections?.map((no, index) => {\r\n        return width > 768 ? (\r\n          <LinkBlock key={`LinkBlock_${index}`} $width={width}>\r\n            <h3>{no.header}</h3>\r\n            {no.links.map((link, index) => (\r\n              <HyperLink key={index}\r\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                         variant={'inverted'}\r\n                         href={link.to}\r\n                         target={link.target || '_blank'}\r\n                         rel=\"noreferrer noopener\">\r\n                {link.label}\r\n              </HyperLink>\r\n            ))}\r\n          </LinkBlock>\r\n        ) : (\r\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\r\n        );\r\n      })}\r\n    </NavSection>\r\n  );\r\n};\r\n\r\nexport default FooterNavSection;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -14,15 +13,143 @@ var _InputFields = require("../../InputFields");
 var _icons = require("../../icons");
 var _Button = require("../../Button");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const NewsletterAndSocial = _styledComponents.default.section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-const NewsletterEmailSection = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  margin: 16px auto 0 auto;\n\n  ", " {\n    width: 60%;\n    margin: 16px 0 0 0;\n  }\n\n  label {\n    ", "\n    margin-bottom: 2px;\n  }\n  div div {\n    width: 100%;\n    ", " {\n      width: calc(100% - 82px);\n      width: 288px;\n    }\n  }\n  input {\n    height: 48px;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, props => (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme)), _styles.BREAKPOINTS.MEDIUM);
-const NewsletterEmail = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin: 2px auto 0;\n\n  ", " {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n\n  ", " {\n    &.focus-visible {\n      ", "\n    }\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, _InputFields.InputFieldStyling, _styles.invertedFocusStyles);
-const NewsletterButton = _styledComponents.default.button(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ", "\n\n  ", " {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  \n  &:focus {\n    ", "\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme)), _styles.BREAKPOINTS.MEDIUM, _styles.invertedFocusStyles);
-const SocialMedia = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin: 0 auto;\n\n  button div {\n    box-sizing: border-box;\n    border-radius: 4px;\n  }\n\n  h4 {\n    margin-top: 16px;\n    margin-bottom: 8px;\n    \n    ", "\n  }\n\n  ", " {\n    margin: 0 0 0 auto;\n    button {\n      margin: 0 0 0 12px;\n    }\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), _styles.BREAKPOINTS.MEDIUM);
-const SocialMediaButtons = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ", ";\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n  a {\n    &:focus {\n      ", "\n    }\n  }\n\n  ", " {\n    justify-content: flex-end;\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('neutral_600', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('primary_100', props.theme), _styles.invertedFocusStyles, _styles.BREAKPOINTS.MEDIUM);
+const NewsletterAndSocial = _styledComponents.default.section`
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 16px;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    flex-direction: row;
+  }
+`;
+const NewsletterEmailSection = _styledComponents.default.div`
+  width: 100%;
+  margin: 16px auto 0 auto;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    width: 60%;
+    margin: 16px 0 0 0;
+  }
+
+  label {
+    ${props => (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme))}
+    margin-bottom: 2px;
+  }
+  div div {
+    width: 100%;
+    ${_styles.BREAKPOINTS.MEDIUM} {
+      width: calc(100% - 82px);
+      width: 288px;
+    }
+  }
+  input {
+    height: 48px;
+  }
+`;
+const NewsletterEmail = _styledComponents.default.div`
+  display: flex;
+  flex-direction: column;
+  margin: 2px auto 0;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    margin: 2px 0 0 0;
+    flex-direction: row;
+  }
+
+  ${_InputFields.InputFieldStyling} {
+    &.focus-visible {
+      ${_styles.invertedFocusStyles}
+    }
+  }
+`;
+const NewsletterButton = _styledComponents.default.button`
+  background: transparent;
+  width: 100%;
+  height: 40px;
+  border: 2px solid ${props => _styles.COLORS.getColor('white', props.theme)};
+  box-sizing: border-box;
+  border-radius: 8px;
+  margin: 8px 0 4px 0;
+
+  ${props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme))}
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    width: 94px;
+    margin: auto 0 4px 8px;
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+  
+  &:focus {
+    ${_styles.invertedFocusStyles}
+  }
+`;
+const SocialMedia = _styledComponents.default.div`
+  color: ${props => _styles.COLORS.getColor('white', props.theme)};
+  margin: 0 auto;
+
+  button div {
+    box-sizing: border-box;
+    border-radius: 4px;
+  }
+
+  h4 {
+    margin-top: 16px;
+    margin-bottom: 8px;
+    
+    ${(0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, 'inherit')}
+  }
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    margin: 0 0 0 auto;
+    button {
+      margin: 0 0 0 12px;
+    }
+  }
+`;
+const SocialMediaButtons = _styledComponents.default.div`
+  display: flex;
+  justify-content: center;
+
+  button div {
+    display: flex;
+    background-color: transparent;
+    color: ${props => _styles.COLORS.getColor('white', props.theme)};
+    margin: 0 0 0 20px;
+
+    svg {
+      fill: ${props => _styles.COLORS.getColor('white', props.theme)};
+      path {
+        fill: ${props => _styles.COLORS.getColor('white', props.theme)};
+      }
+    }
+
+    &:first-child {
+      margin: 0;
+    }
+    &:hover {
+      background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
+      color: ${props => _styles.COLORS.getColor('neutral_600', props.theme)};
+    }
+    &:active {
+      background-color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+      color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
+    }
+  }
+  a {
+    &:focus {
+      ${_styles.invertedFocusStyles}
+    }
+  }
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    justify-content: flex-end;
+  }
+`;
 const FooterNewsletterAndSocialSection = _ref => {
   let {
     actionOnNewsletterSignup,

package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FooterNewsletterAndSocialSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_InputFields","_icons","_Button","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NewsletterAndSocial","styled","section","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","NewsletterEmailSection","div","props","ComponentXXSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","NewsletterEmail","InputFieldStyling","invertedFocusStyles","NewsletterButton","button","ComponentLStyling","Bold","SocialMedia","ComponentXSStyling","SocialMediaButtons","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","emailInput","setEmailInput","useState","jsxs","children","jsx","TextField","id","withoutBorder","placeholder","value","onChange","onClick","target","href","rel","IconButton","variant","action","tabIndex","SystemIcons","Facebook","Twitter","Youtube","propTypes","_propTypes","func","string","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {SystemIcons} from '../../icons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles';\r\nimport {InputFieldStyling} from '../../InputFields';\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    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\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: 2px auto 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n\r\n  ${InputFieldStyling} {\r\n    &.focus-visible {\r\n      ${invertedFocusStyles}\r\n    }\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 ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\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  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${props => COLORS.getColor('white', props.theme)};\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: ${props => COLORS.getColor('white', props.theme)};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    }\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      ${invertedFocusStyles}\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 data-testid={'newsBtn'} 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              <SystemIcons.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              <SystemIcons.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              <SystemIcons.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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterNewsletterAndSocialSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_InputFields","_icons","_Button","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NewsletterAndSocial","styled","section","BREAKPOINTS","MEDIUM","NewsletterEmailSection","div","props","ComponentXXSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","NewsletterEmail","InputFieldStyling","invertedFocusStyles","NewsletterButton","button","ComponentLStyling","Bold","SocialMedia","ComponentXSStyling","SocialMediaButtons","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","emailInput","setEmailInput","useState","jsxs","children","jsx","TextField","id","withoutBorder","placeholder","value","onChange","onClick","target","href","rel","IconButton","variant","action","tabIndex","SystemIcons","Facebook","Twitter","Youtube","propTypes","_propTypes","func","string","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {SystemIcons} from '../../icons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles';\r\nimport {InputFieldStyling} from '../../InputFields';\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    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\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: 2px auto 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n\r\n  ${InputFieldStyling} {\r\n    &.focus-visible {\r\n      ${invertedFocusStyles}\r\n    }\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 ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\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  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${props => COLORS.getColor('white', props.theme)};\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: ${props => COLORS.getColor('white', props.theme)};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    }\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      ${invertedFocusStyles}\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 data-testid={'newsBtn'} 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              <SystemIcons.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              <SystemIcons.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              <SystemIcons.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"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterNewsletterAndSocialSection.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-interface FooterNewsletterAndSocialSection {
-    actionOnNewsletterSignup?: (email: string) => void;
-    newsletterLabel: string;
-    placeholderEmail?: string;
-}
-declare const FooterNewsletterAndSocialSection: ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => React.JSX.Element;
-export default FooterNewsletterAndSocialSection;
+import * as React from 'react';
+interface FooterNewsletterAndSocialSection {
+    actionOnNewsletterSignup?: (email: string) => void;
+    newsletterLabel: string;
+    placeholderEmail?: string;
+}
+declare const FooterNewsletterAndSocialSection: ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => React.JSX.Element;
+export default FooterNewsletterAndSocialSection;

package/dist/Footer/Components/FooterNewsletterAndSocialSection.js

@@ -1,6 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 import * as React from 'react';
 import styled from 'styled-components';
 import { BREAKPOINTS, COLORS, invertedFocusStyles } from '../../styles';
@@ -10,12 +8,141 @@ import { IconButton } from '../../Button';
 import { ComponentLStyling, ComponentTextStyle, ComponentXSStyling, ComponentXXSStyling } from '../../styles';
 import { InputFieldStyling } from '../../InputFields';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const NewsletterAndSocial = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), BREAKPOINTS.MEDIUM);
-const NewsletterEmailSection = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 16px auto 0 auto;\n\n  ", " {\n    width: 60%;\n    margin: 16px 0 0 0;\n  }\n\n  label {\n    ", "\n    margin-bottom: 2px;\n  }\n  div div {\n    width: 100%;\n    ", " {\n      width: calc(100% - 82px);\n      width: 288px;\n    }\n  }\n  input {\n    height: 48px;\n  }\n"])), BREAKPOINTS.MEDIUM, props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)), BREAKPOINTS.MEDIUM);
-const NewsletterEmail = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin: 2px auto 0;\n\n  ", " {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n\n  ", " {\n    &.focus-visible {\n      ", "\n    }\n  }\n"])), BREAKPOINTS.MEDIUM, InputFieldStyling, invertedFocusStyles);
-const NewsletterButton = styled.button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ", "\n\n  ", " {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  \n  &:focus {\n    ", "\n  }\n"])), props => COLORS.getColor('white', props.theme), props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme)), BREAKPOINTS.MEDIUM, invertedFocusStyles);
-const SocialMedia = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin: 0 auto;\n\n  button div {\n    box-sizing: border-box;\n    border-radius: 4px;\n  }\n\n  h4 {\n    margin-top: 16px;\n    margin-bottom: 8px;\n    \n    ", "\n  }\n\n  ", " {\n    margin: 0 0 0 auto;\n    button {\n      margin: 0 0 0 12px;\n    }\n  }\n"])), props => COLORS.getColor('white', props.theme), ComponentXSStyling(ComponentTextStyle.Regular, 'inherit'), BREAKPOINTS.MEDIUM);
-const SocialMediaButtons = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ", ";\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n  a {\n    &:focus {\n      ", "\n    }\n  }\n\n  ", " {\n    justify-content: flex-end;\n  }\n"])), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('neutral_600', props.theme), props => COLORS.getColor('primary_800', props.theme), props => COLORS.getColor('primary_100', props.theme), invertedFocusStyles, BREAKPOINTS.MEDIUM);
+const NewsletterAndSocial = styled.section`
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 16px;
+
+  ${BREAKPOINTS.MEDIUM} {
+    flex-direction: row;
+  }
+`;
+const NewsletterEmailSection = styled.div`
+  width: 100%;
+  margin: 16px auto 0 auto;
+
+  ${BREAKPOINTS.MEDIUM} {
+    width: 60%;
+    margin: 16px 0 0 0;
+  }
+
+  label {
+    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}
+    margin-bottom: 2px;
+  }
+  div div {
+    width: 100%;
+    ${BREAKPOINTS.MEDIUM} {
+      width: calc(100% - 82px);
+      width: 288px;
+    }
+  }
+  input {
+    height: 48px;
+  }
+`;
+const NewsletterEmail = styled.div`
+  display: flex;
+  flex-direction: column;
+  margin: 2px auto 0;
+
+  ${BREAKPOINTS.MEDIUM} {
+    margin: 2px 0 0 0;
+    flex-direction: row;
+  }
+
+  ${InputFieldStyling} {
+    &.focus-visible {
+      ${invertedFocusStyles}
+    }
+  }
+`;
+const NewsletterButton = styled.button`
+  background: transparent;
+  width: 100%;
+  height: 40px;
+  border: 2px solid ${props => COLORS.getColor('white', props.theme)};
+  box-sizing: border-box;
+  border-radius: 8px;
+  margin: 8px 0 4px 0;
+
+  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}
+
+  ${BREAKPOINTS.MEDIUM} {
+    width: 94px;
+    margin: auto 0 4px 8px;
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+  
+  &:focus {
+    ${invertedFocusStyles}
+  }
+`;
+const SocialMedia = styled.div`
+  color: ${props => COLORS.getColor('white', props.theme)};
+  margin: 0 auto;
+
+  button div {
+    box-sizing: border-box;
+    border-radius: 4px;
+  }
+
+  h4 {
+    margin-top: 16px;
+    margin-bottom: 8px;
+    
+    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}
+  }
+
+  ${BREAKPOINTS.MEDIUM} {
+    margin: 0 0 0 auto;
+    button {
+      margin: 0 0 0 12px;
+    }
+  }
+`;
+const SocialMediaButtons = styled.div`
+  display: flex;
+  justify-content: center;
+
+  button div {
+    display: flex;
+    background-color: transparent;
+    color: ${props => COLORS.getColor('white', props.theme)};
+    margin: 0 0 0 20px;
+
+    svg {
+      fill: ${props => COLORS.getColor('white', props.theme)};
+      path {
+        fill: ${props => COLORS.getColor('white', props.theme)};
+      }
+    }
+
+    &:first-child {
+      margin: 0;
+    }
+    &:hover {
+      background-color: ${props => COLORS.getColor('white', props.theme)};
+      color: ${props => COLORS.getColor('neutral_600', props.theme)};
+    }
+    &:active {
+      background-color: ${props => COLORS.getColor('primary_800', props.theme)};
+      color: ${props => COLORS.getColor('primary_100', props.theme)};
+    }
+  }
+  a {
+    &:focus {
+      ${invertedFocusStyles}
+    }
+  }
+
+  ${BREAKPOINTS.MEDIUM} {
+    justify-content: flex-end;
+  }
+`;
 const FooterNewsletterAndSocialSection = _ref => {
   let {
     actionOnNewsletterSignup,

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

@@ -1 +1 @@
-{"version":3,"file":"FooterNewsletterAndSocialSection.js","names":["React","styled","BREAKPOINTS","COLORS","invertedFocusStyles","TextField","SystemIcons","IconButton","ComponentLStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","InputFieldStyling","jsx","_jsx","jsxs","_jsxs","NewsletterAndSocial","section","_templateObject","_taggedTemplateLiteral","MEDIUM","NewsletterEmailSection","div","_templateObject2","props","Regular","getColor","theme","NewsletterEmail","_templateObject3","NewsletterButton","button","_templateObject4","Bold","SocialMedia","_templateObject5","SocialMediaButtons","_templateObject6","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","emailInput","setEmailInput","useState","children","id","withoutBorder","placeholder","value","onChange","onClick","e","target","href","rel","variant","action","tabIndex","Facebook","Twitter","Youtube","propTypes","_pt","func","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {SystemIcons} from '../../icons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles';\r\nimport {InputFieldStyling} from '../../InputFields';\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    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\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: 2px auto 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n\r\n  ${InputFieldStyling} {\r\n    &.focus-visible {\r\n      ${invertedFocusStyles}\r\n    }\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 ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\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  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${props => COLORS.getColor('white', props.theme)};\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: ${props => COLORS.getColor('white', props.theme)};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    }\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      ${invertedFocusStyles}\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 data-testid={'newsBtn'} 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              <SystemIcons.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              <SystemIcons.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              <SystemIcons.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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterNewsletterAndSocialSection.js","names":["React","styled","BREAKPOINTS","COLORS","invertedFocusStyles","TextField","SystemIcons","IconButton","ComponentLStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","InputFieldStyling","jsx","_jsx","jsxs","_jsxs","NewsletterAndSocial","section","MEDIUM","NewsletterEmailSection","div","props","Regular","getColor","theme","NewsletterEmail","NewsletterButton","button","Bold","SocialMedia","SocialMediaButtons","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","emailInput","setEmailInput","useState","children","id","withoutBorder","placeholder","value","onChange","onClick","e","target","href","rel","variant","action","tabIndex","Facebook","Twitter","Youtube","propTypes","_pt","func","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {SystemIcons} from '../../icons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles';\r\nimport {InputFieldStyling} from '../../InputFields';\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    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\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: 2px auto 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n\r\n  ${InputFieldStyling} {\r\n    &.focus-visible {\r\n      ${invertedFocusStyles}\r\n    }\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 ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\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  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${props => COLORS.getColor('white', props.theme)};\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: ${props => COLORS.getColor('white', props.theme)};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    }\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      ${invertedFocusStyles}\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 data-testid={'newsBtn'} 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              <SystemIcons.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              <SystemIcons.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              <SystemIcons.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"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterTop.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -14,11 +13,62 @@ var _styles = require("../../styles");
 var _Logo = _interopRequireDefault(require("../../GlobalNavigationBar/Logo"));
 var _icons = require("../../icons");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const FooterTopSection = _styledComponents.default.section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n"])));
-const ToTop = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin: auto 0 auto auto;\n  border-radius: 4px;\n  height: 48px;\n  width: 48px;\n  padding: 8px;\n\n  svg {\n    margin: 0 auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  span {\n    margin: 14px auto 0 auto;\n    ", "\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ", ";\n    svg path,\n    svg {\n      fill: ", ";\n    }\n    span {\n      color: ", ";\n    }\n  }\n\n  &:focus:not(:disabled) {\n    ", "\n  }\n\n  &:active:not(:disabled) {\n    background: ", ";\n    svg path,\n    svg {\n      fill: ", ";\n    }\n    span {\n      color: ", ";\n    }\n  }\n"])), (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.UppercaseBold, 'inherit'), props => _styles.COLORS.getColor('primary_20', props.theme), props => _styles.COLORS.getColor('primary_700', props.theme), props => _styles.COLORS.getColor('primary_700', props.theme), _styles.invertedFocusStyles, props => _styles.COLORS.getColor('primary_100', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme));
+const FooterTopSection = _styledComponents.default.section`
+  min-height: 8px;
+  color: white;
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 16px;
+`;
+const ToTop = _styledComponents.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, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.UppercaseBold, 'inherit')}
+  }
+
+  &:hover:not(:disabled) {
+    background-color: ${props => _styles.COLORS.getColor('primary_20', props.theme)};
+    svg path,
+    svg {
+      fill: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+    }
+    span {
+      color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+    }
+  }
+
+  &:focus:not(:disabled) {
+    ${_styles.invertedFocusStyles}
+  }
+
+  &:active:not(:disabled) {
+    background: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
+    svg path,
+    svg {
+      fill: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    }
+    span {
+      color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    }
+  }
+`;
 const FooterTop = _ref => {
   let {
     sitename,

package/dist/Footer/Components/FooterTop.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FooterTop.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_animatedScrollTo","_interopRequireDefault","_styles","_Logo","_icons","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FooterTopSection","styled","section","_taggedTemplateLiteral2","ToTop","div","ComponentXSStyling","ComponentTextStyle","UppercaseBold","props","COLORS","getColor","theme","invertedFocusStyles","FooterTop","_ref","sitename","showBetaTag","toTopText","useTheme","isPressingEnter","key","preventDefault","stopPropagation","action","animateScrollTo","jsxs","children","jsx","name","color","inverted","betaTagBackgroundColor","betaTagColor","tabIndex","onKeyDown","onClick","SystemIcons","ArrowLineUp","size","propTypes","_propTypes","string","bool","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport animateScrollTo from 'animated-scroll-to';\r\n\r\nimport {COLORS, invertedFocusStyles} from '../../styles';\r\nimport Logo from '../../GlobalNavigationBar/Logo';\r\nimport {SystemIcons} from '../../icons';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles';\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: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(:disabled) {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\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 theme = useTheme();\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.getColor('white', theme)}\r\n        inverted={true}\r\n        betaTagBackgroundColor={COLORS.getColor('white', theme)}\r\n        betaTagColor={COLORS.getColor('neutral_800', theme)}\r\n      />\r\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\r\n        <SystemIcons.ArrowLineUp size=\"24px\" color={COLORS.getColor('white', theme)} />\r\n        <span>{toTopText}</span>\r\n      </ToTop>\r\n    </FooterTopSection>\r\n  );\r\n};\r\n\r\nexport default FooterTop;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterTop.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_animatedScrollTo","_interopRequireDefault","_styles","_Logo","_icons","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FooterTopSection","styled","section","ToTop","div","ComponentXSStyling","ComponentTextStyle","UppercaseBold","props","COLORS","getColor","theme","invertedFocusStyles","FooterTop","_ref","sitename","showBetaTag","toTopText","useTheme","isPressingEnter","key","preventDefault","stopPropagation","action","animateScrollTo","jsxs","children","jsx","name","color","inverted","betaTagBackgroundColor","betaTagColor","tabIndex","onKeyDown","onClick","SystemIcons","ArrowLineUp","size","propTypes","_propTypes","string","bool","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport animateScrollTo from 'animated-scroll-to';\r\n\r\nimport {COLORS, invertedFocusStyles} from '../../styles';\r\nimport Logo from '../../GlobalNavigationBar/Logo';\r\nimport {SystemIcons} from '../../icons';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles';\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: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(:disabled) {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\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 theme = useTheme();\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.getColor('white', theme)}\r\n        inverted={true}\r\n        betaTagBackgroundColor={COLORS.getColor('white', theme)}\r\n        betaTagColor={COLORS.getColor('neutral_800', theme)}\r\n      />\r\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\r\n        <SystemIcons.ArrowLineUp size=\"24px\" color={COLORS.getColor('white', theme)} />\r\n        <span>{toTopText}</span>\r\n      </ToTop>\r\n    </FooterTopSection>\r\n  );\r\n};\r\n\r\nexport default FooterTop;\r\n"],"mappings":"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","ignoreList":[]}