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

package/dist/Footer/Components/FooterDropdownLinks.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,12 +13,99 @@ var _icons = require("../../icons");
 var _HyperLink = require("../../HyperLink");
 var _common = require("../../common");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3;
 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 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"])), props => _styles.COLORS.getColor('neutral_100', props.theme), props => _styles.COLORS.getColor('neutral_100', props.theme));
-const 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"])), props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme)), props => props.$width > 768 ? 'none' : 'flex', props => _styles.COLORS.getColor('neutral_20', props.theme), props => _styles.COLORS.getColor('primary_700', props.theme), props => _styles.COLORS.getColor('primary_100', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), _styles.invertedFocusStyles, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), props => _styles.COLORS.getColor('neutral_20', props.theme), props => _styles.COLORS.getColor('neutral_800', props.theme));
-const 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"])), props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme)), props => _styles.COLORS.getColor('neutral_20', 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));
+const Wrapper = _styledComponents.default.div`
+  width: 100%;
+  border-top: 1px solid ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
+
+  &:last-child {
+    border-bottom: 1px solid ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
+  }
+`;
+const DropdownLinkBlock = _styledComponents.default.button`
+  ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme))}
+
+  display: ${props => props.$width > 768 ? 'none' : 'flex'};
+  justify-content: space-between;
+  width: 100%;
+  height: 48px;
+  background-color: transparent;
+  border: none;
+  padding: 0 16px;
+
+  &:hover,
+  .open {
+    background-color: ${props => _styles.COLORS.getColor('neutral_20', props.theme)};
+    color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  &:active {
+    background-color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
+    color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+  }
+
+  &:focus {
+    ${_styles.invertedFocusStyles}
+  }
+
+  h3 {
+    margin: auto 0;
+    ${(0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, 'inherit')}
+  }
+
+  .open {
+    h3 {
+      background-color: ${props => _styles.COLORS.getColor('neutral_20', props.theme)};
+      color: ${props => _styles.COLORS.getColor('neutral_800', props.theme)};
+    }
+  }
+
+  svg {
+    margin: auto 0;
+  }
+`;
+const LinkBlock = _styledComponents.default.div`
+  display: none;
+  flex-direction: column;
+  font-weight: normal;
+  width: 100%;
+
+  &.show {
+    display: flex;
+  }
+
+  a {
+    text-decoration: none;
+
+    ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme))}
+    
+    display: flex;
+    align-items: center;
+    
+    padding: 0 16px;
+    height: 48px;
+
+    &:hover {
+      background-color: ${props => _styles.COLORS.getColor('neutral_20', props.theme)};
+      color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+      cursor: pointer;
+    }
+
+    &:focus {
+      ${_styles.invertedFocusStyles}
+    }
+
+    &:active {
+      background-color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
+      color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    }
+  }
+`;
 const FooterDropdownLinks = _ref => {
   let {
     navSection,
@@ -43,7 +129,7 @@ const FooterDropdownLinks = _ref => {
       $width: width,
       className: dropdownActive ? 'show' : '',
       children: navSection.links.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
-        id: "dropdownlink_".concat(Math.floor(Math.random() * 999999999999)),
+        id: `dropdownlink_${Math.floor(Math.random() * 999999999999)}`,
         variant: 'inverted',
         href: item.to,
         target: item.target || '_blank',

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

@@ -1 +1 @@
-{"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","default","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","width","dropdownActive","setDropdownActive","useState","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":[]}
+{"version":3,"file":"FooterDropdownLinks.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_icons","_HyperLink","_common","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Wrapper","styled","div","props","COLORS","getColor","theme","DropdownLinkBlock","button","ComponentSStyling","ComponentTextStyle","Bold","$width","invertedFocusStyles","ComponentMStyling","Regular","LinkBlock","FooterDropdownLinks","_ref","navSection","width","dropdownActive","setDropdownActive","useState","jsxs","children","className","onMouseDown","defaultOnMouseDownHandler","onClick","jsx","header","SystemIcons","ChevronUp","size","ChevronDown","links","map","item","index","HyperLink","id","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 @@
-import * as React from 'react';
-import { NavSection } from '../../types';
-interface FooterNavSectionProps {
-    navSection: NavSection;
-    width: number;
-}
-declare const FooterDropdownLinks: ({ navSection, width }: FooterNavSectionProps) => React.JSX.Element;
-export default FooterDropdownLinks;
+import * as React from 'react';
+import { NavSection } from '../../types';
+interface FooterNavSectionProps {
+    navSection: NavSection;
+    width: number;
+}
+declare const FooterDropdownLinks: ({ navSection, width }: FooterNavSectionProps) => React.JSX.Element;
+export default FooterDropdownLinks;

package/dist/Footer/Components/FooterDropdownLinks.js

@@ -1,6 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2, _templateObject3;
 import * as React from 'react';
 import styled from 'styled-components';
 import { COLORS, ComponentTextStyle, invertedFocusStyles } from '../../styles';
@@ -9,9 +7,97 @@ import { ComponentMStyling, ComponentSStyling } from '../../styles';
 import { HyperLink } from '../../HyperLink';
 import { defaultOnMouseDownHandler } from '../../common';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const 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"])), props => COLORS.getColor('neutral_100', props.theme), props => COLORS.getColor('neutral_100', props.theme));
-const 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"])), props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme)), props => props.$width > 768 ? 'none' : 'flex', props => COLORS.getColor('neutral_20', props.theme), props => COLORS.getColor('primary_700', props.theme), props => COLORS.getColor('primary_100', props.theme), props => COLORS.getColor('primary_800', props.theme), invertedFocusStyles, ComponentMStyling(ComponentTextStyle.Regular, 'inherit'), props => COLORS.getColor('neutral_20', props.theme), props => COLORS.getColor('neutral_800', props.theme));
-const 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"])), props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme)), props => COLORS.getColor('neutral_20', props.theme), props => COLORS.getColor('primary_700', props.theme), invertedFocusStyles, props => COLORS.getColor('primary_100', props.theme), props => COLORS.getColor('primary_800', props.theme));
+const Wrapper = styled.div`
+  width: 100%;
+  border-top: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};
+
+  &:last-child {
+    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};
+  }
+`;
+const DropdownLinkBlock = styled.button`
+  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}
+
+  display: ${props => props.$width > 768 ? 'none' : 'flex'};
+  justify-content: space-between;
+  width: 100%;
+  height: 48px;
+  background-color: transparent;
+  border: none;
+  padding: 0 16px;
+
+  &:hover,
+  .open {
+    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};
+    color: ${props => COLORS.getColor('primary_700', props.theme)};
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  &:active {
+    background-color: ${props => COLORS.getColor('primary_100', props.theme)};
+    color: ${props => COLORS.getColor('primary_800', props.theme)};
+  }
+
+  &:focus {
+    ${invertedFocusStyles}
+  }
+
+  h3 {
+    margin: auto 0;
+    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}
+  }
+
+  .open {
+    h3 {
+      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};
+      color: ${props => COLORS.getColor('neutral_800', props.theme)};
+    }
+  }
+
+  svg {
+    margin: auto 0;
+  }
+`;
+const LinkBlock = styled.div`
+  display: none;
+  flex-direction: column;
+  font-weight: normal;
+  width: 100%;
+
+  &.show {
+    display: flex;
+  }
+
+  a {
+    text-decoration: none;
+
+    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}
+    
+    display: flex;
+    align-items: center;
+    
+    padding: 0 16px;
+    height: 48px;
+
+    &:hover {
+      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};
+      color: ${props => COLORS.getColor('primary_700', props.theme)};
+      cursor: pointer;
+    }
+
+    &:focus {
+      ${invertedFocusStyles}
+    }
+
+    &:active {
+      background-color: ${props => COLORS.getColor('primary_100', props.theme)};
+      color: ${props => COLORS.getColor('primary_800', props.theme)};
+    }
+  }
+`;
 const FooterDropdownLinks = _ref => {
   let {
     navSection,
@@ -35,7 +121,7 @@ const FooterDropdownLinks = _ref => {
       $width: width,
       className: dropdownActive ? 'show' : '',
       children: navSection.links.map((item, index) => /*#__PURE__*/_jsx(HyperLink, {
-        id: "dropdownlink_".concat(Math.floor(Math.random() * 999999999999)),
+        id: `dropdownlink_${Math.floor(Math.random() * 999999999999)}`,
         variant: 'inverted',
         href: item.to,
         target: item.target || '_blank',

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","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","DropdownLinkBlock","button","_templateObject2","Bold","$width","Regular","LinkBlock","_templateObject3","FooterDropdownLinks","_ref","navSection","width","dropdownActive","setDropdownActive","useState","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":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAAQC,MAAM,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAO,cAAc;AAC5E,SAAQC,WAAW,QAAO,aAAa;AAEvC,SAAQC,iBAAiB,EAAEC,iBAAiB,QAAO,cAAc;AACjE,SAAQC,SAAS,QAAO,iBAAiB;AACzC,SAAQC,yBAAyB,QAAO,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvD,MAAMC,OAAO,GAAGb,MAAM,CAACc,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,uHAEAC,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAG/CF,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAElF;AAED,MAAMC,iBAAiB,GAAGpB,MAAM,CAACqB,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,ojBACnCC,KAAK,IAAIX,iBAAiB,CAACJ,kBAAkB,CAACqB,IAAI,EAAEtB,MAAM,CAACiB,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC,EAEhFF,KAAK,IAAMA,KAAK,CAACO,MAAM,GAAG,GAAG,GAAG,MAAM,GAAG,MAAO,EAUtCP,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC,EAC9DF,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAQzCF,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAC/DF,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAI3DhB,mBAAmB,EAKnBE,iBAAiB,CAACH,kBAAkB,CAACuB,OAAO,EAAE,SAAS,CAAC,EAKpCR,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC,EAC9DF,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAOlE;AAED,MAAMO,SAAS,GAAG1B,MAAM,CAACc,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,mfAatBC,KAAK,IAAIX,iBAAiB,CAACJ,kBAAkB,CAACqB,IAAI,EAAEtB,MAAM,CAACiB,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC,EAStEF,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC,EAC9DF,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAK3DhB,mBAAmB,EAIDc,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAC/DF,KAAK,IAAIhB,MAAM,CAACiB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAGlE;AAOD,MAAMS,mBAAmB,GAAGC,IAAA,IAAkD;EAAA,IAAjD;IAAEC,UAAU;IAAEC;EAA6B,CAAC,GAAAF,IAAA;EACvE,MAAM,CAACG,cAAc,EAAEC,iBAAiB,CAAC,GAAGlC,KAAK,CAACmC,QAAQ,CAAU,KAAK,CAAC;EAC1E,oBACEtB,KAAA,CAACC,OAAO;IAAAsB,QAAA,gBACNvB,KAAA,CAACQ,iBAAiB;MAACI,MAAM,EAAEO,KAAM;MACdK,SAAS,EAAEJ,cAAc,GAAG,MAAM,GAAG,EAAG;MACxCK,WAAW,EAAE7B,yBAA0B;MACvC8B,OAAO,EAAEA,CAAA,KAAML,iBAAiB,CAAC,CAACD,cAAc,CAAE;MAAAG,QAAA,gBACnEzB,IAAA;QAAAyB,QAAA,EAAKL,UAAU,CAACS;MAAM,CAAK,CAAC,EAC3BP,cAAc,gBAAGtB,IAAA,CAACN,WAAW,CAACoC,SAAS;QAACC,IAAI,EAAC;MAAM,CAAE,CAAC,gBAAG/B,IAAA,CAACN,WAAW,CAACsC,WAAW;QAACD,IAAI,EAAC;MAAM,CAAE,CAAC;IAAA,CAChF,CAAC,eACpB/B,IAAA,CAACgB,SAAS;MAACF,MAAM,EAAEO,KAAM;MAACK,SAAS,EAAEJ,cAAc,GAAG,MAAM,GAAG,EAAG;MAAAG,QAAA,EAC/DL,UAAU,CAACa,KAAK,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBAChCpC,IAAA,CAACH,SAAS;QACCwC,EAAE,kBAAAC,MAAA,CAAkBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,YAAY,CAAC,CAAG;QAC/DC,OAAO,EAAE,UAAW;QACpBC,IAAI,EAAER,IAAI,CAACS,EAAG;QACdC,MAAM,EAAEV,IAAI,CAACU,MAAM,IAAI,QAAS;QAChCC,GAAG,EAAC,qBAAqB;QAAArB,QAAA,EACjCU,IAAI,CAACY;MAAK,GANGX,KAOL,CACZ;IAAC,CACO,CAAC;EAAA,CACL,CAAC;AAEd,CAAC;AAAClB,mBAAA,CAAA8B,SAAA;EA5BA3B,KAAK,EAAA4B,GAAA,CAAAC,MAAA,CAAAC;AAAA;AA8BP,eAAejC,mBAAmB","ignoreList":[]}
+{"version":3,"file":"FooterDropdownLinks.js","names":["React","styled","COLORS","ComponentTextStyle","invertedFocusStyles","SystemIcons","ComponentMStyling","ComponentSStyling","HyperLink","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","Wrapper","div","props","getColor","theme","DropdownLinkBlock","button","Bold","$width","Regular","LinkBlock","FooterDropdownLinks","_ref","navSection","width","dropdownActive","setDropdownActive","useState","children","className","onMouseDown","onClick","header","ChevronUp","size","ChevronDown","links","map","item","index","id","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,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"));
@@ -15,13 +14,45 @@ var _typography = require("../../styles/typography");
 var _HyperLink = require("../../HyperLink");
 var _utils = require("../../utils/utils");
 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 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"])));
-const 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"])), props => props.$width <= 768 ? 'none' : 'flex', _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _styles.BREAKPOINTS.LARGE, (0, _typography.ComponentLStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), props => (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme)));
+const NavSection = _styledComponents.default.section`
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  flex-flow: flex-start;
+  color: white;
+  margin-bottom: 12px;
+`;
+const LinkBlock = _styledComponents.default.div`
+  display: ${props => props.$width <= 768 ? 'none' : 'flex'};
+  flex-direction: column;
+  font-weight: normal;
+  width: 100%;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    padding: 0 24px 24px 0;
+    width: calc(50% - 24px);
+  }
+
+  ${_styles.BREAKPOINTS.LARGE} {
+    width: calc(33% - 24px);
+  }
+  ${_styles.BREAKPOINTS.LARGE} {
+    padding: 0 32px 32px 0;
+    width: calc(33% - 32px);
+  }
+
+  h3 {
+    ${(0, _typography.ComponentLStyling)(_styles.ComponentTextStyle.Regular, 'inherit')}
+  }
+
+  a {
+    padding: 8px 0px;
+    ${props => (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme))}
+  }
+`;
 const FooterNavSection = _ref => {
-  var _navOptions$sections;
   let {
     navOptions
   } = _ref;
@@ -34,24 +65,24 @@ const FooterNavSection = _ref => {
     return () => window.removeEventListener('resize', handleResize);
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavSection, {
-    children: (_navOptions$sections = navOptions.sections) === null || _navOptions$sections === void 0 ? void 0 : _navOptions$sections.map((no, index) => {
+    children: navOptions.sections?.map((no, index) => {
       return width > 768 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkBlock, {
         $width: width,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
           children: no.header
         }), no.links.map((link, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
-          id: "dropdownlink_".concat(Math.floor(Math.random() * 999999999999)),
+          id: `dropdownlink_${Math.floor(Math.random() * 999999999999)}`,
           variant: 'inverted',
           href: link.to,
           target: link.target || '_blank',
           rel: "noreferrer noopener",
           children: link.label
         }, index))]
-      }, "LinkBlock_".concat(index)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterDropdownLinks.default, {
+      }, `LinkBlock_${index}`) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterDropdownLinks.default, {
         "data-testid": 'footerDropLinks',
         navSection: no,
         width: width
-      }, "LinkBlockDropdown_".concat(index));
+      }, `LinkBlockDropdown_${index}`);
     })
   });
 };

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

@@ -1 +1 @@
-{"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","default","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","width","setWidth","useState","hasWindow","window","innerWidth","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":[]}
+{"version":3,"file":"FooterNavSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_FooterDropdownLinks","_typography","_HyperLink","_utils","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NavSection","styled","section","LinkBlock","div","props","$width","BREAKPOINTS","MEDIUM","LARGE","ComponentLStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","COLORS","getColor","theme","FooterNavSection","_ref","navOptions","width","setWidth","useState","hasWindow","window","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","jsx","children","sections","map","no","index","jsxs","header","links","link","HyperLink","id","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 @@
-import * as React from 'react';
-import { NavOptions } from '../../types';
-interface FooterNavSectionProps {
-    navOptions: NavOptions;
-    mainId: string;
-}
-declare const FooterNavSection: ({ navOptions }: FooterNavSectionProps) => React.JSX.Element;
-export default FooterNavSection;
+import * as React from 'react';
+import { NavOptions } from '../../types';
+interface FooterNavSectionProps {
+    navOptions: NavOptions;
+    mainId: string;
+}
+declare const FooterNavSection: ({ navOptions }: FooterNavSectionProps) => React.JSX.Element;
+export default FooterNavSection;

package/dist/Footer/Components/FooterNavSection.js

@@ -1,6 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2;
 import * as React from 'react';
 import styled from 'styled-components';
 import { BREAKPOINTS, COLORS, ComponentTextStyle } from '../../styles';
@@ -9,10 +7,43 @@ import { ComponentLStyling, ComponentSStyling } from '../../styles/typography';
 import { HyperLink } from '../../HyperLink';
 import { hasWindow } from '../../utils/utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const 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"])));
-const 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"])), props => props.$width <= 768 ? 'none' : 'flex', BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, BREAKPOINTS.LARGE, ComponentLStyling(ComponentTextStyle.Regular, 'inherit'), props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme)));
+const NavSection = styled.section`
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  flex-flow: flex-start;
+  color: white;
+  margin-bottom: 12px;
+`;
+const LinkBlock = styled.div`
+  display: ${props => props.$width <= 768 ? 'none' : 'flex'};
+  flex-direction: column;
+  font-weight: normal;
+  width: 100%;
+
+  ${BREAKPOINTS.MEDIUM} {
+    padding: 0 24px 24px 0;
+    width: calc(50% - 24px);
+  }
+
+  ${BREAKPOINTS.LARGE} {
+    width: calc(33% - 24px);
+  }
+  ${BREAKPOINTS.LARGE} {
+    padding: 0 32px 32px 0;
+    width: calc(33% - 32px);
+  }
+
+  h3 {
+    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}
+  }
+
+  a {
+    padding: 8px 0px;
+    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}
+  }
+`;
 const FooterNavSection = _ref => {
-  var _navOptions$sections;
   let {
     navOptions
   } = _ref;
@@ -25,24 +56,24 @@ const FooterNavSection = _ref => {
     return () => window.removeEventListener('resize', handleResize);
   }, []);
   return /*#__PURE__*/_jsx(NavSection, {
-    children: (_navOptions$sections = navOptions.sections) === null || _navOptions$sections === void 0 ? void 0 : _navOptions$sections.map((no, index) => {
+    children: navOptions.sections?.map((no, index) => {
       return width > 768 ? /*#__PURE__*/_jsxs(LinkBlock, {
         $width: width,
         children: [/*#__PURE__*/_jsx("h3", {
           children: no.header
         }), no.links.map((link, index) => /*#__PURE__*/_jsx(HyperLink, {
-          id: "dropdownlink_".concat(Math.floor(Math.random() * 999999999999)),
+          id: `dropdownlink_${Math.floor(Math.random() * 999999999999)}`,
           variant: 'inverted',
           href: link.to,
           target: link.target || '_blank',
           rel: "noreferrer noopener",
           children: link.label
         }, index))]
-      }, "LinkBlock_".concat(index)) : /*#__PURE__*/_jsx(FooterDropdownLinks, {
+      }, `LinkBlock_${index}`) : /*#__PURE__*/_jsx(FooterDropdownLinks, {
         "data-testid": 'footerDropLinks',
         navSection: no,
         width: width
-      }, "LinkBlockDropdown_".concat(index));
+      }, `LinkBlockDropdown_${index}`);
     })
   });
 };