@laerdal/life-react-components 3.5.3 → 3.6.0-dev.1.full

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

@@ -1 +1 @@
-{"version":3,"file":"FooterBottomLinks.js","names":["React","styled","HyperLink","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentXSStyling","FooterLinkSection","section","MEDIUM","FooterLinks","div","Bold","Copyright","Regular","white","FooterBottomLinks","bottomLinks","copyrightText","map","bl","i","Math","floor","random","to","label","target"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white)}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,QAAO,iBAAiB;AAEzC,SAAQC,WAAW,EAAEC,MAAM,QAAO,cAAc;AAChD,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,yBAAyB;AAAC;AAAA;AAE/E,IAAMC,iBAAiB,GAAGN,MAAM,CAACO,OAAO,sMAMpCL,WAAW,CAACM,MAAM,CAGrB;AAED,IAAMC,WAAW,GAAGT,MAAM,CAACU,GAAG,6VAK1BR,WAAW,CAACM,MAAM,EAMhBH,kBAAkB,CAACD,kBAAkB,CAACO,IAAI,EAAE,IAAI,CAAC,EAG/CT,WAAW,CAACM,MAAM,CAKzB;AAED,IAAMI,SAAS,GAAGZ,MAAM,CAACU,GAAG,+JACxBL,kBAAkB,CAACD,kBAAkB,CAACS,OAAO,EAAEV,MAAM,CAACW,KAAK,CAAC,EAG5DZ,WAAW,CAACM,MAAM,CAGrB;AAaD,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiB,OAAwD;EAAA,IAAlDC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;EACrD,oBACE,MAAC,iBAAiB;IAAA,wBAChB,KAAC,WAAW;MAAA,UACTD,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEE,GAAG,CAAC,UAACC,EAAE,EAAEC,CAAC;QAAA,oBACtB,KAAC,SAAS;UAAC,EAAE,uBAAgBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;UAE7D,IAAI,EAAEJ,EAAE,CAACK,EAAG;UAAC,OAAO,EAAC,UAAU;UAAA,UACvCL,EAAE,CAACM;QAAK,GAFKL,CAAC,CAGL;MAAA,CACb;IAAC,EACU,eACd,KAAC,SAAS;MAAA,UAAEH;IAAa,EAAa;EAAA,EACpB;AAExB,CAAC;AAAC;EAnBAD,WAAW;IANXS,KAAK;IACLD,EAAE;IACFE,MAAM;EAAA;EAKNT,aAAa;AAAA;AAoBf,eAAeF,iBAAiB"}
+{"version":3,"file":"FooterBottomLinks.js","names":["React","styled","HyperLink","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentXSStyling","jsx","_jsx","jsxs","_jsxs","FooterLinkSection","section","_templateObject","_taggedTemplateLiteral","MEDIUM","FooterLinks","div","_templateObject2","Bold","Copyright","_templateObject3","props","Regular","getColor","theme","FooterBottomLinks","_ref","bottomLinks","copyrightText","children","map","bl","i","id","concat","Math","floor","random","href","to","variant","label","propTypes","_pt","arrayOf","shape","string","isRequired","target"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,QAAO,iBAAiB;AAEzC,SAAQC,WAAW,EAAEC,MAAM,QAAO,cAAc;AAChD,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/E,IAAMC,iBAAiB,GAAGV,MAAM,CAACW,OAAO,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,yIAMpCX,WAAW,CAACY,MAAM,CAGrB;AAED,IAAMC,WAAW,GAAGf,MAAM,CAACgB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,8RAK1BX,WAAW,CAACY,MAAM,EAMhBT,kBAAkB,CAACD,kBAAkB,CAACc,IAAI,EAAE,IAAI,CAAC,EAG/ChB,WAAW,CAACY,MAAM,CAKzB;AAED,IAAMK,SAAS,GAAGnB,MAAM,CAACgB,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,gGACxB,UAAAQ,KAAK;EAAA,OAAIhB,kBAAkB,CAACD,kBAAkB,CAACkB,OAAO,EAAEnB,MAAM,CAACoB,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAG9FtB,WAAW,CAACY,MAAM,CAGrB;AAaD,IAAMW,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAwD;EAAA,IAAlDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EACrD,oBACEnB,KAAA,CAACC,iBAAiB;IAAAmB,QAAA,gBAChBtB,IAAA,CAACQ,WAAW;MAAAc,QAAA,EACTF,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEG,GAAG,CAAC,UAACC,EAAE,EAAEC,CAAC;QAAA,oBACtBzB,IAAA,CAACN,SAAS;UAACgC,EAAE,gBAAAC,MAAA,CAAgBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,YAAY,CAAC,CAAG;UAE7DC,IAAI,EAAEP,EAAE,CAACQ,EAAG;UAACC,OAAO,EAAC,UAAU;UAAAX,QAAA,EACvCE,EAAE,CAACU;QAAK,GAFKT,CAGL,CAAC;MAAA,CACb;IAAC,CACS,CAAC,eACdzB,IAAA,CAACY,SAAS;MAAAU,QAAA,EAAED;IAAa,CAAY,CAAC;EAAA,CACrB,CAAC;AAExB,CAAC;AAACH,iBAAA,CAAAiB,SAAA;EAnBAf,WAAW,EAAAgB,GAAA,CAAAC,OAAA,CAAAD,GAAA,CAAAE,KAAA;IANXJ,KAAK,EAAAE,GAAA,CAAAG,MAAA,CAAAC,UAAA;IACLR,EAAE,EAAAI,GAAA,CAAAG,MAAA,CAAAC,UAAA;IACFC,MAAM,EAAAL,GAAA,CAAAG;EAAA;EAKNlB,aAAa,EAAAe,GAAA,CAAAG;AAAA;AAoBf,eAAerB,iBAAiB","ignoreList":[]}

package/dist/Footer/Components/FooterDropdownLinks.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,18 +17,46 @@ var _HyperLink = require("../../HyperLink");
 var _common = require("../../common");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"])), _styles.COLORS.neutral_100, _styles.COLORS.neutral_100);
-var DropdownLinkBlock = _styledComponents.default.button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.white), function (props) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_100', props.theme);
+});
+var DropdownLinkBlock = _styledComponents["default"].button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme));
+}, function (props) {
   return props.width > 768 ? 'none' : 'flex';
-}, _styles.COLORS.neutral_20, _styles.COLORS.primary_700, _styles.COLORS.primary_100, _styles.COLORS.primary_800, _styles.invertedFocusStyles, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), _styles.COLORS.neutral_20, _styles.COLORS.neutral_800);
-var LinkBlock = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.white), _styles.COLORS.neutral_20, _styles.COLORS.primary_700, _styles.invertedFocusStyles, _styles.COLORS.primary_100, _styles.COLORS.primary_800);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_700', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, _styles.invertedFocusStyles, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), function (props) {
+  return _styles.COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+});
+var LinkBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme));
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_700', props.theme);
+}, _styles.invertedFocusStyles, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+});
 var FooterDropdownLinks = function FooterDropdownLinks(_ref) {
   var navSection = _ref.navSection,
     width = _ref.width;
   var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     dropdownActive = _React$useState2[0],
     setDropdownActive = _React$useState2[1];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
@@ -63,8 +91,8 @@ var FooterDropdownLinks = function FooterDropdownLinks(_ref) {
   });
 };
 FooterDropdownLinks.propTypes = {
-  width: _propTypes.default.number.isRequired
+  width: _propTypes["default"].number.isRequired
 };
 var _default = FooterDropdownLinks;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=FooterDropdownLinks.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FooterDropdownLinks.cjs","names":["Wrapper","styled","div","COLORS","neutral_100","DropdownLinkBlock","button","ComponentSStyling","ComponentTextStyle","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","invertedFocusStyles","ComponentMStyling","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","React","useState","dropdownActive","setDropdownActive","defaultOnMouseDownHandler","header","links","map","item","index","Math","floor","random","to","target","label"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {NavSection} from '../../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  border-top: 1px solid ${COLORS.neutral_100};\r\n\r\n  &:last-child {\r\n    border-bottom: 1px solid ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nconst DropdownLinkBlock = styled.button<{ width: number }>`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n\r\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 0 16px;\r\n\r\n  &:hover,\r\n  .open {\r\n    background-color: ${COLORS.neutral_20};\r\n    color: ${COLORS.primary_700};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n  }\r\n\r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  h3 {\r\n    margin: auto 0;\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  .open {\r\n    h3 {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin: auto 0;\r\n  }\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: none;\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  &.show {\r\n    display: flex;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    \r\n    display: flex;\r\n    align-items: center;\r\n    \r\n    padding: 0 16px;\r\n    height: 48px;\r\n\r\n    &:hover {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.primary_700};\r\n      cursor: pointer;\r\n    }\r\n\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navSection: NavSection;\r\n  width: number;\r\n}\r\n\r\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\r\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\r\n  return (\r\n    <Wrapper>\r\n      <DropdownLinkBlock width={width}\r\n                         className={dropdownActive ? 'open' : ''}\r\n                         onMouseDown={defaultOnMouseDownHandler}\r\n                         onClick={() => setDropdownActive(!dropdownActive)}>\r\n        <h3>{navSection.header}</h3>\r\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\r\n      </DropdownLinkBlock>\r\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\r\n        {navSection.links.map((item, index) => (\r\n          <HyperLink key={index}\r\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     variant={'inverted'}\r\n                     href={item.to}\r\n                     target={item.target || '_blank'}\r\n                     rel=\"noreferrer noopener\">\r\n            {item.label}\r\n          </HyperLink>\r\n        ))}\r\n      </LinkBlock>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default FooterDropdownLinks;\r\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AACA;AAGA;AACA;AAAuD;AAAA;AAAA;AAAA;AAEvD,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,kMAEAC,cAAM,CAACC,WAAW,EAGbD,cAAM,CAACC,WAAW,CAEhD;AAED,IAAMC,iBAAiB,GAAGJ,yBAAM,CAACK,MAAM,ioBACnC,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEN,cAAM,CAACO,KAAK,CAAC,EAE/C,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAUrCT,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACW,WAAW,EAQPX,cAAM,CAACY,WAAW,EAC7BZ,cAAM,CAACa,WAAW,EAIzBC,2BAAmB,EAKnB,IAAAC,yBAAiB,EAACV,0BAAkB,CAACW,OAAO,EAAE,SAAS,CAAC,EAKpChB,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACiB,WAAW,CAOhC;AAED,IAAMC,SAAS,GAAGpB,yBAAM,CAACC,GAAG,gkBAatB,IAAAK,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEN,cAAM,CAACO,KAAK,CAAC,EASpCP,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACW,WAAW,EAKzBG,2BAAmB,EAIDd,cAAM,CAACY,WAAW,EAC7BZ,cAAM,CAACa,WAAW,CAGhC;AAOD,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAmB,OAAqD;EAAA,IAA/CC,UAAU,QAAVA,UAAU;IAAEX,KAAK,QAALA,KAAK;EAC9C,sBAA4CY,KAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAnEC,cAAc;IAAEC,iBAAiB;EACxC,oBACE,sBAAC,OAAO;IAAA,wBACN,sBAAC,iBAAiB;MAAC,KAAK,EAAEf,KAAM;MACb,SAAS,EAAEc,cAAc,GAAG,MAAM,GAAG,EAAG;MACxC,WAAW,EAAEE,iCAA0B;MACvC,OAAO,EAAE;QAAA,OAAMD,iBAAiB,CAAC,CAACD,cAAc,CAAC;MAAA,CAAC;MAAA,wBACnE;QAAA,UAAKH,UAAU,CAACM;MAAM,EAAM,EAC3BH,cAAc,gBAAG,qBAAC,kBAAW,CAAC,SAAS;QAAC,IAAI,EAAC;MAAM,EAAG,gBAAG,qBAAC,kBAAW,CAAC,WAAW;QAAC,IAAI,EAAC;MAAM,EAAG;IAAA,EAC/E,eACpB,qBAAC,SAAS;MAAC,KAAK,EAAEd,KAAM;MAAC,SAAS,EAAEc,cAAc,GAAG,MAAM,GAAG,EAAG;MAAA,UAC9DH,UAAU,CAACO,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAChC,qBAAC,oBAAS;UACC,EAAE,yBAAkBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;UAC/D,OAAO,EAAE,UAAW;UACpB,IAAI,EAAEJ,IAAI,CAACK,EAAG;UACd,MAAM,EAAEL,IAAI,CAACM,MAAM,IAAI,QAAS;UAChC,GAAG,EAAC,qBAAqB;UAAA,UACjCN,IAAI,CAACO;QAAK,GANGN,KAAK,CAOT;MAAA,CACb;IAAC,EACQ;EAAA,EACJ;AAEd,CAAC;AAAC;EA5BArB,KAAK;AAAA;AAAA,eA8BQU,mBAAmB;AAAA"}
+{"version":3,"file":"FooterDropdownLinks.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_icons","_HyperLink","_common","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Wrapper","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","DropdownLinkBlock","button","ComponentSStyling","ComponentTextStyle","Bold","width","invertedFocusStyles","ComponentMStyling","Regular","LinkBlock","FooterDropdownLinks","_ref","navSection","_React$useState","useState","_React$useState2","_slicedToArray2","dropdownActive","setDropdownActive","jsxs","children","className","onMouseDown","defaultOnMouseDownHandler","onClick","jsx","header","SystemIcons","ChevronUp","size","ChevronDown","links","map","item","index","HyperLink","id","concat","Math","floor","random","variant","href","to","target","rel","label","propTypes","_propTypes","number","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {NavSection} from '../../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &:last-child {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nconst DropdownLinkBlock = styled.button<{ width: number }>`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n\r\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 0 16px;\r\n\r\n  &:hover,\r\n  .open {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  h3 {\r\n    margin: auto 0;\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  .open {\r\n    h3 {\r\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin: auto 0;\r\n  }\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: none;\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  &.show {\r\n    display: flex;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n    \r\n    display: flex;\r\n    align-items: center;\r\n    \r\n    padding: 0 16px;\r\n    height: 48px;\r\n\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      cursor: pointer;\r\n    }\r\n\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navSection: NavSection;\r\n  width: number;\r\n}\r\n\r\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\r\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\r\n  return (\r\n    <Wrapper>\r\n      <DropdownLinkBlock width={width}\r\n                         className={dropdownActive ? 'open' : ''}\r\n                         onMouseDown={defaultOnMouseDownHandler}\r\n                         onClick={() => setDropdownActive(!dropdownActive)}>\r\n        <h3>{navSection.header}</h3>\r\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\r\n      </DropdownLinkBlock>\r\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\r\n        {navSection.links.map((item, index) => (\r\n          <HyperLink key={index}\r\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     variant={'inverted'}\r\n                     href={item.to}\r\n                     target={item.target || '_blank'}\r\n                     rel=\"noreferrer noopener\">\r\n            {item.label}\r\n          </HyperLink>\r\n        ))}\r\n      </LinkBlock>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default FooterDropdownLinks;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { NavSection } from '../../types';
 interface FooterNavSectionProps {
     navSection: NavSection;
     width: number;
 }
-declare const FooterDropdownLinks: ({ navSection, width }: FooterNavSectionProps) => JSX.Element;
+declare const FooterDropdownLinks: ({ navSection, width }: FooterNavSectionProps) => React.JSX.Element;
 export default FooterDropdownLinks;

package/dist/Footer/Components/FooterDropdownLinks.js

@@ -11,11 +11,39 @@ import { HyperLink } from '../../HyperLink';
 import { defaultOnMouseDownHandler } from '../../common';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"])), COLORS.neutral_100, COLORS.neutral_100);
-var DropdownLinkBlock = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white), function (props) {
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"])), function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+});
+var DropdownLinkBlock = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme));
+}, function (props) {
   return props.width > 768 ? 'none' : 'flex';
-}, COLORS.neutral_20, COLORS.primary_700, COLORS.primary_100, COLORS.primary_800, invertedFocusStyles, ComponentMStyling(ComponentTextStyle.Regular, 'inherit'), COLORS.neutral_20, COLORS.neutral_800);
-var LinkBlock = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white), COLORS.neutral_20, COLORS.primary_700, invertedFocusStyles, COLORS.primary_100, COLORS.primary_800);
+}, function (props) {
+  return COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_700', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, invertedFocusStyles, ComponentMStyling(ComponentTextStyle.Regular, 'inherit'), function (props) {
+  return COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_800', props.theme);
+});
+var LinkBlock = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme));
+}, function (props) {
+  return COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_700', props.theme);
+}, invertedFocusStyles, function (props) {
+  return COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+});
 var FooterDropdownLinks = function FooterDropdownLinks(_ref) {
   var navSection = _ref.navSection,
     width = _ref.width;

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

@@ -1 +1 @@
-{"version":3,"file":"FooterDropdownLinks.js","names":["React","styled","COLORS","ComponentTextStyle","invertedFocusStyles","SystemIcons","ComponentMStyling","ComponentSStyling","HyperLink","defaultOnMouseDownHandler","Wrapper","div","neutral_100","DropdownLinkBlock","button","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","useState","dropdownActive","setDropdownActive","header","links","map","item","index","Math","floor","random","to","target","label"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {NavSection} from '../../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  border-top: 1px solid ${COLORS.neutral_100};\r\n\r\n  &:last-child {\r\n    border-bottom: 1px solid ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nconst DropdownLinkBlock = styled.button<{ width: number }>`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n\r\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 0 16px;\r\n\r\n  &:hover,\r\n  .open {\r\n    background-color: ${COLORS.neutral_20};\r\n    color: ${COLORS.primary_700};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n  }\r\n\r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  h3 {\r\n    margin: auto 0;\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  .open {\r\n    h3 {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin: auto 0;\r\n  }\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: none;\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  &.show {\r\n    display: flex;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    \r\n    display: flex;\r\n    align-items: center;\r\n    \r\n    padding: 0 16px;\r\n    height: 48px;\r\n\r\n    &:hover {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.primary_700};\r\n      cursor: pointer;\r\n    }\r\n\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navSection: NavSection;\r\n  width: number;\r\n}\r\n\r\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\r\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\r\n  return (\r\n    <Wrapper>\r\n      <DropdownLinkBlock width={width}\r\n                         className={dropdownActive ? 'open' : ''}\r\n                         onMouseDown={defaultOnMouseDownHandler}\r\n                         onClick={() => setDropdownActive(!dropdownActive)}>\r\n        <h3>{navSection.header}</h3>\r\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\r\n      </DropdownLinkBlock>\r\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\r\n        {navSection.links.map((item, index) => (\r\n          <HyperLink key={index}\r\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     variant={'inverted'}\r\n                     href={item.to}\r\n                     target={item.target || '_blank'}\r\n                     rel=\"noreferrer noopener\">\r\n            {item.label}\r\n          </HyperLink>\r\n        ))}\r\n      </LinkBlock>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default FooterDropdownLinks;\r\n"],"mappings":"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"}
+{"version":3,"file":"FooterDropdownLinks.js","names":["React","styled","COLORS","ComponentTextStyle","invertedFocusStyles","SystemIcons","ComponentMStyling","ComponentSStyling","HyperLink","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","DropdownLinkBlock","button","_templateObject2","Bold","width","Regular","LinkBlock","_templateObject3","FooterDropdownLinks","_ref","navSection","_React$useState","useState","_React$useState2","_slicedToArray","dropdownActive","setDropdownActive","children","className","onMouseDown","onClick","header","ChevronUp","size","ChevronDown","links","map","item","index","id","concat","Math","floor","random","variant","href","to","target","rel","label","propTypes","_pt","number","isRequired"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {NavSection} from '../../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &:last-child {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nconst DropdownLinkBlock = styled.button<{ width: number }>`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n\r\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 0 16px;\r\n\r\n  &:hover,\r\n  .open {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  h3 {\r\n    margin: auto 0;\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  .open {\r\n    h3 {\r\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin: auto 0;\r\n  }\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: none;\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  &.show {\r\n    display: flex;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n    \r\n    display: flex;\r\n    align-items: center;\r\n    \r\n    padding: 0 16px;\r\n    height: 48px;\r\n\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      cursor: pointer;\r\n    }\r\n\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navSection: NavSection;\r\n  width: number;\r\n}\r\n\r\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\r\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\r\n  return (\r\n    <Wrapper>\r\n      <DropdownLinkBlock width={width}\r\n                         className={dropdownActive ? 'open' : ''}\r\n                         onMouseDown={defaultOnMouseDownHandler}\r\n                         onClick={() => setDropdownActive(!dropdownActive)}>\r\n        <h3>{navSection.header}</h3>\r\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\r\n      </DropdownLinkBlock>\r\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\r\n        {navSection.links.map((item, index) => (\r\n          <HyperLink key={index}\r\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     variant={'inverted'}\r\n                     href={item.to}\r\n                     target={item.target || '_blank'}\r\n                     rel=\"noreferrer noopener\">\r\n            {item.label}\r\n          </HyperLink>\r\n        ))}\r\n      </LinkBlock>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default FooterDropdownLinks;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterNavSection.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -18,17 +18,19 @@ var _HyperLink = require("../../HyperLink");
 var _utils = require("../../utils/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-var NavSection = _styledComponents.default.section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n"])));
-var LinkBlock = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: ", ";\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ", " {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ", " {\n    width: calc(33% - 24px);\n  }\n  ", " {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ", "\n  }\n\n  a {\n    padding: 8px 0px;\n    ", "\n  }\n"])), function (props) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+var NavSection = _styledComponents["default"].section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n"])));
+var LinkBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: ", ";\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ", " {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ", " {\n    width: calc(33% - 24px);\n  }\n  ", " {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ", "\n  }\n\n  a {\n    padding: 8px 0px;\n    ", "\n  }\n"])), function (props) {
   return props.width <= 768 ? 'none' : 'flex';
-}, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _styles.BREAKPOINTS.LARGE, (0, _typography.ComponentLStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.white));
+}, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _styles.BREAKPOINTS.LARGE, (0, _typography.ComponentLStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), function (props) {
+  return (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme));
+});
 var FooterNavSection = function FooterNavSection(_ref) {
   var _navOptions$sections;
   var navOptions = _ref.navOptions;
   var _React$useState = React.useState((0, _utils.hasWindow)() ? window.innerWidth : -1),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     width = _React$useState2[0],
     setWidth = _React$useState2[1];
   React.useEffect(function () {
@@ -56,7 +58,7 @@ var FooterNavSection = function FooterNavSection(_ref) {
             children: link.label
           }, index);
         })]
-      }, "LinkBlock_".concat(index)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterDropdownLinks.default, {
+      }, "LinkBlock_".concat(index)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterDropdownLinks["default"], {
         "data-testid": 'footerDropLinks',
         navSection: no,
         width: width
@@ -65,8 +67,8 @@ var FooterNavSection = function FooterNavSection(_ref) {
   });
 };
 FooterNavSection.propTypes = {
-  mainId: _propTypes.default.string.isRequired
+  mainId: _propTypes["default"].string.isRequired
 };
 var _default = FooterNavSection;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=FooterNavSection.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FooterNavSection.cjs","names":["NavSection","styled","section","LinkBlock","div","props","width","BREAKPOINTS","MEDIUM","LARGE","ComponentLStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","COLORS","white","FooterNavSection","navOptions","React","useState","hasWindow","window","innerWidth","setWidth","useEffect","handleResize","addEventListener","removeEventListener","sections","map","no","index","header","links","link","Math","floor","random","to","target","label","mainId"],"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    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\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":";;;;;;;;;;;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAE9C,IAAMA,UAAU,GAAGC,yBAAM,CAACC,OAAO,sNAOhC;AAED,IAAMC,SAAS,GAAGF,yBAAM,CAACG,GAAG,0bACf,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAI,GAAG,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAK1DC,mBAAW,CAACC,MAAM,EAKlBD,mBAAW,CAACE,KAAK,EAGjBF,mBAAW,CAACE,KAAK,EAMf,IAAAC,6BAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAE,SAAS,CAAC,EAKxD,IAAAC,6BAAiB,EAACF,0BAAkB,CAACG,IAAI,EAAEC,cAAM,CAACC,KAAK,CAAC,CAE7D;AAOD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAA8C;EAAA;EAAA,IAAxCC,UAAU,QAAVA,UAAU;EACpC,sBAA0BC,KAAK,CAACC,QAAQ,CAAS,IAAAC,gBAAS,GAAE,GAAGC,MAAM,CAACC,UAAU,GAAG,CAAC,CAAC,CAAC;IAAA;IAA/EjB,KAAK;IAAEkB,QAAQ;EACtBL,KAAK,CAACM,SAAS,CAAC,YAAM;IACpB,SAASC,YAAY,GAAG;MACtBF,QAAQ,CAACF,MAAM,CAACC,UAAU,CAAC;IAC7B;IACAD,MAAM,CAACK,gBAAgB,CAAC,QAAQ,EAAED,YAAY,CAAC;IAC/C,OAAO;MAAA,OAAMJ,MAAM,CAACM,mBAAmB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,qBAAC,UAAU;IAAA,kCACRR,UAAU,CAACW,QAAQ,yDAAnB,qBAAqBC,GAAG,CAAC,UAACC,EAAE,EAAEC,KAAK,EAAK;MACvC,OAAO1B,KAAK,GAAG,GAAG,gBAChB,sBAAC,SAAS;QAA4B,KAAK,EAAEA,KAAM;QAAA,wBACjD;UAAA,UAAKyB,EAAE,CAACE;QAAM,EAAM,EACnBF,EAAE,CAACG,KAAK,CAACJ,GAAG,CAAC,UAACK,IAAI,EAAEH,KAAK;UAAA,oBACxB,qBAAC,oBAAS;YACC,EAAE,yBAAkBI,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;YAC/D,OAAO,EAAE,UAAW;YACpB,IAAI,EAAEH,IAAI,CAACI,EAAG;YACd,MAAM,EAAEJ,IAAI,CAACK,MAAM,IAAI,QAAS;YAChC,GAAG,EAAC,qBAAqB;YAAA,UACjCL,IAAI,CAACM;UAAK,GANGT,KAAK,CAOT;QAAA,CACb,CAAC;MAAA,uBAXyBA,KAAK,EAYtB,gBAEZ,qBAAC,4BAAmB;QAAC,eAAa,iBAAkB;QAAoC,UAAU,EAAED,EAAG;QAAC,KAAK,EAAEzB;MAAM,+BAAtC0B,KAAK,EACrF;IACH,CAAC;EAAC,EACS;AAEjB,CAAC;AAAC;EApCAU,MAAM;AAAA;AAAA,eAsCOzB,gBAAgB;AAAA"}
+{"version":3,"file":"FooterNavSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_FooterDropdownLinks","_typography","_HyperLink","_utils","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NavSection","styled","section","_taggedTemplateLiteral2","LinkBlock","div","props","width","BREAKPOINTS","MEDIUM","LARGE","ComponentLStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","COLORS","getColor","theme","FooterNavSection","_ref","_navOptions$sections","navOptions","_React$useState","useState","hasWindow","window","innerWidth","_React$useState2","_slicedToArray2","setWidth","useEffect","handleResize","addEventListener","removeEventListener","jsx","children","sections","map","no","index","jsxs","header","links","link","HyperLink","id","concat","Math","floor","random","variant","href","to","target","rel","label","navSection","propTypes","mainId","_propTypes","string","isRequired","_default","exports"],"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/FooterNavSection.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { NavOptions } from '../../types';
 interface FooterNavSectionProps {
     navOptions: NavOptions;
     mainId: string;
 }
-declare const FooterNavSection: ({ navOptions }: FooterNavSectionProps) => JSX.Element;
+declare const FooterNavSection: ({ navOptions }: FooterNavSectionProps) => React.JSX.Element;
 export default FooterNavSection;

package/dist/Footer/Components/FooterNavSection.js

@@ -14,7 +14,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var NavSection = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n"])));
 var LinkBlock = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: ", ";\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ", " {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ", " {\n    width: calc(33% - 24px);\n  }\n  ", " {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ", "\n  }\n\n  a {\n    padding: 8px 0px;\n    ", "\n  }\n"])), function (props) {
   return props.width <= 768 ? 'none' : 'flex';
-}, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, BREAKPOINTS.LARGE, ComponentLStyling(ComponentTextStyle.Regular, 'inherit'), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white));
+}, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, BREAKPOINTS.LARGE, ComponentLStyling(ComponentTextStyle.Regular, 'inherit'), function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme));
+});
 var FooterNavSection = function FooterNavSection(_ref) {
   var _navOptions$sections;
   var navOptions = _ref.navOptions;

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","NavSection","section","LinkBlock","div","props","width","MEDIUM","LARGE","Regular","Bold","white","FooterNavSection","navOptions","useState","window","innerWidth","setWidth","useEffect","handleResize","addEventListener","removeEventListener","sections","map","no","index","header","links","link","Math","floor","random","to","target","label","mainId"],"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    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\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":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAAQC,WAAW,EAAEC,MAAM,EAAEC,kBAAkB,QAAO,cAAc;AACpE,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SAAQC,iBAAiB,EAAEC,iBAAiB,QAAO,yBAAyB;AAC5E,SAAQC,SAAS,QAAO,iBAAiB;AACzC,SAASC,SAAS,QAAQ,mBAAmB;AAAC;AAAA;AAE9C,IAAMC,UAAU,GAAGT,MAAM,CAACU,OAAO,wMAOhC;AAED,IAAMC,SAAS,GAAGX,MAAM,CAACY,GAAG,4aACf,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAI,GAAG,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAK1Db,WAAW,CAACc,MAAM,EAKlBd,WAAW,CAACe,KAAK,EAGjBf,WAAW,CAACe,KAAK,EAMfX,iBAAiB,CAACF,kBAAkB,CAACc,OAAO,EAAE,SAAS,CAAC,EAKxDX,iBAAiB,CAACH,kBAAkB,CAACe,IAAI,EAAEhB,MAAM,CAACiB,KAAK,CAAC,CAE7D;AAOD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAA8C;EAAA;EAAA,IAAxCC,UAAU,QAAVA,UAAU;EACpC,sBAA0BtB,KAAK,CAACuB,QAAQ,CAASd,SAAS,EAAE,GAAGe,MAAM,CAACC,UAAU,GAAG,CAAC,CAAC,CAAC;IAAA;IAA/EV,KAAK;IAAEW,QAAQ;EACtB1B,KAAK,CAAC2B,SAAS,CAAC,YAAM;IACpB,SAASC,YAAY,GAAG;MACtBF,QAAQ,CAACF,MAAM,CAACC,UAAU,CAAC;IAC7B;IACAD,MAAM,CAACK,gBAAgB,CAAC,QAAQ,EAAED,YAAY,CAAC;IAC/C,OAAO;MAAA,OAAMJ,MAAM,CAACM,mBAAmB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,KAAC,UAAU;IAAA,kCACRN,UAAU,CAACS,QAAQ,yDAAnB,qBAAqBC,GAAG,CAAC,UAACC,EAAE,EAAEC,KAAK,EAAK;MACvC,OAAOnB,KAAK,GAAG,GAAG,gBAChB,MAAC,SAAS;QAA4B,KAAK,EAAEA,KAAM;QAAA,wBACjD;UAAA,UAAKkB,EAAE,CAACE;QAAM,EAAM,EACnBF,EAAE,CAACG,KAAK,CAACJ,GAAG,CAAC,UAACK,IAAI,EAAEH,KAAK;UAAA,oBACxB,KAAC,SAAS;YACC,EAAE,yBAAkBI,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;YAC/D,OAAO,EAAE,UAAW;YACpB,IAAI,EAAEH,IAAI,CAACI,EAAG;YACd,MAAM,EAAEJ,IAAI,CAACK,MAAM,IAAI,QAAS;YAChC,GAAG,EAAC,qBAAqB;YAAA,UACjCL,IAAI,CAACM;UAAK,GANGT,KAAK,CAOT;QAAA,CACb,CAAC;MAAA,uBAXyBA,KAAK,EAYtB,gBAEZ,KAAC,mBAAmB;QAAC,eAAa,iBAAkB;QAAoC,UAAU,EAAED,EAAG;QAAC,KAAK,EAAElB;MAAM,+BAAtCmB,KAAK,EACrF;IACH,CAAC;EAAC,EACS;AAEjB,CAAC;AAAC;EApCAU,MAAM;AAAA;AAsCR,eAAevB,gBAAgB"}
+{"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","_React$useState","useState","window","innerWidth","_React$useState2","_slicedToArray","setWidth","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":[]}

package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,20 +17,42 @@ var _icons = require("../../icons");
 var _Button = require("../../Button");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-var 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);
-var 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, (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.white), _styles.BREAKPOINTS.MEDIUM);
-var 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);
-var 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"])), _styles.COLORS.white, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.white), _styles.BREAKPOINTS.MEDIUM, _styles.invertedFocusStyles);
-var 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"])), _styles.COLORS.white, (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), _styles.BREAKPOINTS.MEDIUM);
-var 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"])), _styles.COLORS.white, _styles.COLORS.white, _styles.COLORS.white, _styles.COLORS.white, _styles.COLORS.neutral_600, _styles.COLORS.primary_800, _styles.COLORS.primary_100, _styles.invertedFocusStyles, _styles.BREAKPOINTS.MEDIUM);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+var 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);
+var 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, function (props) {
+  return (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme));
+}, _styles.BREAKPOINTS.MEDIUM);
+var 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);
+var 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"])), function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme));
+}, _styles.BREAKPOINTS.MEDIUM, _styles.invertedFocusStyles);
+var 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"])), function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), _styles.BREAKPOINTS.MEDIUM);
+var 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"])), function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_600', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, _styles.invertedFocusStyles, _styles.BREAKPOINTS.MEDIUM);
 var FooterNewsletterAndSocialSection = function FooterNewsletterAndSocialSection(_ref) {
   var actionOnNewsletterSignup = _ref.actionOnNewsletterSignup,
     newsletterLabel = _ref.newsletterLabel,
     placeholderEmail = _ref.placeholderEmail;
   var _React$useState = React.useState(''),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     emailInput = _React$useState2[0],
     setEmailInput = _React$useState2[1];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(NewsletterAndSocial, {
@@ -94,10 +116,10 @@ var FooterNewsletterAndSocialSection = function FooterNewsletterAndSocialSection
   });
 };
 FooterNewsletterAndSocialSection.propTypes = {
-  actionOnNewsletterSignup: _propTypes.default.func,
-  newsletterLabel: _propTypes.default.string.isRequired,
-  placeholderEmail: _propTypes.default.string
+  actionOnNewsletterSignup: _propTypes["default"].func,
+  newsletterLabel: _propTypes["default"].string.isRequired,
+  placeholderEmail: _propTypes["default"].string
 };
 var _default = FooterNewsletterAndSocialSection;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=FooterNewsletterAndSocialSection.cjs.map