@sok-brand-sites/common-frontend-components 0.0.1-security → 1.643.1

package/dist/components/FormBuilder/FormBuilderSelect.js

@@ -0,0 +1,39 @@
+import { __rest, __read, __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SectionContainer, Label, SelectContainer, LabelError } from './FormBuilder.styles.js';
+import { useField } from 'formik';
+import { getErrorMsg } from './utiles.js';
+
+var FormBuilderSelect = function FormBuilderSelect(_a) {
+  var label = _a.label,
+      props = __rest(_a, ["label"]);
+
+  var _b = __read(useField(props), 3),
+      field = _b[0],
+      helpers = _b[2];
+
+  var setValue = helpers.setValue;
+
+  var _c = getErrorMsg(field.name, props.errors, props.touched),
+      errorMsg = _c.errorMsg,
+      isTouched = _c.isTouched;
+
+  return jsxs(SectionContainer, {
+    children: [jsxs(Label, {
+      children: [label, props.required ? '*' : '']
+    }, void 0), jsx(SelectContainer, __assign({
+      size: 'small'
+    }, props, {
+      placeholder: props.placeholder,
+      onChange: function onChange(option) {
+        return setValue(option);
+      }
+    }, field.value ? {
+      value: field.value
+    } : {}), void 0), jsx(LabelError, {
+      children: isTouched ? errorMsg : ''
+    }, void 0)]
+  }, void 0);
+};
+
+export { FormBuilderSelect as default };

package/dist/components/FormBuilder/FormBuilderTextAreaInput.js

@@ -0,0 +1,29 @@
+import { __rest, __read, __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SectionContainer, Label, TextAreaInputContainer, LabelError } from './FormBuilder.styles.js';
+import { useField } from 'formik';
+import { getErrorMsg } from './utiles.js';
+
+var FormBuilderTextAreaInput = function FormBuilderTextAreaInput(_a) {
+  var label = _a.label,
+      props = __rest(_a, ["label"]);
+
+  var _b = __read(useField(props), 1),
+      field = _b[0];
+
+  var _c = getErrorMsg(field.name, props.errors, props.touched),
+      errorMsg = _c.errorMsg,
+      isTouched = _c.isTouched;
+
+  return jsxs(SectionContainer, {
+    children: [jsxs(Label, __assign({
+      htmlFor: props.id || props.name
+    }, {
+      children: [label, props.required ? '*' : '']
+    }), void 0), jsx(TextAreaInputContainer, __assign({}, field, props), void 0), jsx(LabelError, {
+      children: isTouched ? errorMsg : ''
+    }, void 0)]
+  }, void 0);
+};
+
+export { FormBuilderTextAreaInput as default };

package/dist/components/FormBuilder/utiles.js

@@ -0,0 +1,13 @@
+var getErrorMsg = function getErrorMsg(name, errors, touched) {
+  var _a, _b;
+
+  var splitName = name.split('.');
+  var errorMsg = (_a = errors[splitName[0]]) === null || _a === void 0 ? void 0 : _a.fields[splitName[2]];
+  var isTouched = (_b = touched[splitName[0]]) === null || _b === void 0 ? void 0 : _b.fields[splitName[2]];
+  return {
+    errorMsg: errorMsg,
+    isTouched: isTouched
+  };
+};
+
+export { getErrorMsg };

package/dist/components/FullBgHero/FullBgHero.js

@@ -0,0 +1,93 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useElementHeight } from '../../hooks/useElementRect.js';
+import { icons } from '../../assets/icons/Icons.js';
+import { animateScroll } from 'react-scroll';
+import RestrictedWidthContainer from '../RestrictedWidthContainer/RestrictedWidthContainer.js';
+import { ReadMoreScrollContainer, MainContainer, TextContainer, Title, Description, ReadMoreContainer, ReadMore, MediaContainer, DynamicImage, StaticImage, Video, Overlay } from './FullBgHero.styles.js';
+import { getCurrentLanguage } from '../utils.js';
+import translationJSON from '../../locales/translations.json.js';
+
+var Media = function Media(_a) {
+  var _b, _c, _d;
+
+  var media = _a.media,
+      opacity = _a.opacity;
+  return jsxs(MediaContainer, {
+    children: [(media === null || media === void 0 ? void 0 : media.mimeType.includes('image')) && ((_b = media === null || media === void 0 ? void 0 : media.localFile) === null || _b === void 0 ? void 0 : _b.childImageSharp) && jsx(DynamicImage, {
+      image: (_d = (_c = media === null || media === void 0 ? void 0 : media.localFile) === null || _c === void 0 ? void 0 : _c.childImageSharp) === null || _d === void 0 ? void 0 : _d.gatsbyImageData,
+      alt: ""
+    }, void 0), (media === null || media === void 0 ? void 0 : media.mimeType.includes('image')) && !(media === null || media === void 0 ? void 0 : media.localFile) && jsx(StaticImage, {
+      src: media.mediaItemUrl,
+      alt: ""
+    }, void 0), (media === null || media === void 0 ? void 0 : media.mediaItemUrl) && (media === null || media === void 0 ? void 0 : media.mimeType.includes('video')) && jsx(Video, __assign({
+      muted: true,
+      loop: true,
+      playsInline: true,
+      autoPlay: true
+    }, {
+      children: jsx("source", {
+        type: media.mimeType,
+        src: media.mediaItemUrl
+      }, void 0)
+    }), void 0), jsx(Overlay, {
+      opacity: opacity
+    }, void 0)]
+  }, void 0);
+};
+
+var FullBgHero = forwardRef(function (_a, ref) {
+  var title = _a.title,
+      description = _a.description,
+      opacity = _a.opacity,
+      media = _a.media,
+      anchor = _a.anchor,
+      rest = __rest(_a, ["title", "description", "opacity", "media", "anchor"]);
+
+  var _b = useElementHeight(),
+      elementRef = _b.elementRef,
+      elementHeight = _b.elementHeight;
+
+  var onClickHandler = function onClickHandler() {
+    animateScroll.scrollTo(elementHeight, {
+      duration: 500,
+      delay: 100,
+      smooth: 'easeInOutQuart'
+    });
+  };
+
+  return jsx(ReadMoreScrollContainer, __assign({
+    ref: elementRef
+  }, {
+    children: jsxs(MainContainer, __assign({
+      id: anchor
+    }, rest, {
+      ref: ref
+    }, {
+      children: [jsx(Media, {
+        media: media,
+        opacity: opacity
+      }, void 0), jsx(RestrictedWidthContainer, {
+        children: jsxs(TextContainer, {
+          children: [jsx(Title, {
+            dangerouslySetInnerHTML: {
+              __html: title
+            }
+          }, void 0), jsx(Description, {
+            children: description
+          }, void 0), jsxs(ReadMoreContainer, __assign({
+            onClick: function onClick() {
+              return onClickHandler();
+            }
+          }, {
+            children: [jsx(icons.ReadMore, {}, void 0), jsx(ReadMore, {
+              children: translationJSON.fullBgHero.readMore[getCurrentLanguage()]
+            }, void 0)]
+          }), void 0)]
+        }, void 0)
+      }, void 0)]
+    }), void 0)
+  }), void 0);
+});
+export { FullBgHero, FullBgHero as default };

package/dist/components/FullBgHero/FullBgHero.styles.js

@@ -0,0 +1,180 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import styled, { keyframes, css } from 'styled-components';
+import { GatsbyImage } from 'gatsby-plugin-image';
+import media from '../../styles/media.js';
+var FadeIn = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"])));
+var ARROW_ANIM = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    top:0px;\n    opacity:0.2;\n  }\n\n  40%{\n    top:20px;\n    opacity:1.0;\n  }\n\n  100%{\n    top:0px;\n    opacity:0.2;\n  }\n"], ["\n  0% {\n    top:0px;\n    opacity:0.2;\n  }\n\n  40%{\n    top:20px;\n    opacity:1.0;\n  }\n\n  100%{\n    top:0px;\n    opacity:0.2;\n  }\n"])));
+var ReadMoreContainer = styled.div.withConfig({
+  displayName: "FullBgHerostyles__ReadMoreContainer",
+  componentId: "sc-1ul7hg6-0"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", ";\n  margin-top: ", ";\n  display: none;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  cursor: pointer;\n\n  svg {\n    position: relative;\n    animation: ", " 2s ease-in-out infinite;\n  }\n\n  p {\n    margin-left: 1rem;\n    align-self: center;\n  }\n"], ["\n  width: ", ";\n  margin-top: ", ";\n  display: none;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  cursor: pointer;\n\n  svg {\n    position: relative;\n    animation: ", " 2s ease-in-out infinite;\n  }\n\n  p {\n    margin-left: 1rem;\n    align-self: center;\n  }\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing128;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing64;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontSizes.mobile.lineHeight;
+}, ARROW_ANIM);
+var ReadMoreScrollContainer = styled.div.withConfig({
+  displayName: "FullBgHerostyles__ReadMoreScrollContainer",
+  componentId: "sc-1ul7hg6-1"
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var MainContainer = styled.div.withConfig({
+  displayName: "FullBgHerostyles__MainContainer",
+  componentId: "sc-1ul7hg6-2"
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-height: ", ";\n  animation: ", " 0.8s linear;\n\n  ", "\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-height: ", ";\n  animation: ", " 0.8s linear;\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.minheight.mobile;
+}, FadeIn, media.desktop(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    min-height: ", ";\n  "], ["\n    min-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.minheight.desktop;
+}));
+var TextContainer = styled.div.withConfig({
+  displayName: "FullBgHerostyles__TextContainer",
+  componentId: "sc-1ul7hg6-3"
+})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 100%;\n  z-index: 1;\n  text-align: left;\n  padding: ", " 0;\n\n  ", "\n"], ["\n  width: 100%;\n  z-index: 1;\n  text-align: left;\n  padding: ", " 0;\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}, media.desktop(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    ", " {\n      display: flex;\n    }\n  "], ["\n    ", " {\n      display: flex;\n    }\n  "])), ReadMoreContainer));
+var MediaContainer = styled.div.withConfig({
+  displayName: "FullBgHerostyles__MediaContainer",
+  componentId: "sc-1ul7hg6-4"
+})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  z-index: 0;\n"], ["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  z-index: 0;\n"])));
+var Title = styled.div.withConfig({
+  displayName: "FullBgHerostyles__Title",
+  componentId: "sc-1ul7hg6-5"
+})(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  padding: 0;\n  margin: ", " 0;\n  word-wrap: break-word;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-transform: ", ";\n\n  b {\n    color: ", ";\n    font-weight: inherit;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  padding: 0;\n  margin: ", " 0;\n  word-wrap: break-word;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-transform: ", ";\n\n  b {\n    color: ", ";\n    font-weight: inherit;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing32;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.boldColor;
+}, media.tablet(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontSizes.desktop.lineHeight;
+}), media.desktopLarge(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontSizes.desktopLarge.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.title.fontSizes.desktopLarge.lineHeight;
+}));
+var Description = styled.div.withConfig({
+  displayName: "FullBgHerostyles__Description",
+  componentId: "sc-1ul7hg6-6"
+})(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n  width: 100%;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  padding: 0;\n  margin: 0;\n  width: 100%;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.color;
+}, media.tablet(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    width: 80%;\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    width: 80%;\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    width: 80%;\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    width: 80%;\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontSizes.desktop.lineHeight;
+}));
+var ReadMore = styled.div.withConfig({
+  displayName: "FullBgHerostyles__ReadMore",
+  componentId: "sc-1ul7hg6-7"
+})(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n  align-self: center;\n  margin-left: ", ";\n  width: 100%;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"], ["\n  padding: 0;\n  margin: 0;\n  align-self: center;\n  margin-left: ", ";\n  width: 100%;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.spacings.spacing16;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.colors.white;
+});
+var ImageCSS = css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n\n  ", "\n\n  ", "\n"], ["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n\n  ", "\n\n  ", "\n"])), media.tablet(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    height: 100%;\n    max-height: unset;\n    position: absolute !important;\n  "], ["\n    height: 100%;\n    max-height: unset;\n    position: absolute !important;\n  "]))), media.desktop(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n    width: 100%;\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    width: 100%;\n    font-size: ", ";\n    line-height: ", ";\n  "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.fullBgHero.description.fontSizes.desktop.lineHeight;
+}));
+var Overlay = styled.div.withConfig({
+  displayName: "FullBgHerostyles__Overlay",
+  componentId: "sc-1ul7hg6-8"
+})(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: black;\n  opacity: ", ";\n"], ["\n  position: absolute;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: black;\n  opacity: ", ";\n"])), function (_a) {
+  var opacity = _a.opacity;
+  return opacity;
+});
+var DynamicImage = styled(GatsbyImage).withConfig({
+  displayName: "FullBgHerostyles__DynamicImage",
+  componentId: "sc-1ul7hg6-9"
+})(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), ImageCSS);
+var StaticImage = styled.img.withConfig({
+  displayName: "FullBgHerostyles__StaticImage",
+  componentId: "sc-1ul7hg6-10"
+})(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), ImageCSS);
+var Video = styled.video.withConfig({
+  displayName: "FullBgHerostyles__Video",
+  componentId: "sc-1ul7hg6-11"
+})(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n\n  ", "\n\n  ", "\n"], ["\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n\n  ", "\n\n  ", "\n"])), media.tablet(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n    height: 100%;\n    max-height: unset;\n    position: absolute !important;\n  "], ["\n    height: 100%;\n    max-height: unset;\n    position: absolute !important;\n  "]))), media.desktop(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n    height: 100%;\n    max-height: unset;\n    position: absolute !important;\n  "], ["\n    height: 100%;\n    max-height: unset;\n    position: absolute !important;\n  "]))));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26;
+export { Description, DynamicImage, MainContainer, MediaContainer, Overlay, ReadMore, ReadMoreContainer, ReadMoreScrollContainer, StaticImage, TextContainer, Title, Video };

package/dist/components/GlobalStyle/GlobalStyle.js

@@ -0,0 +1,285 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import { createGlobalStyle } from 'styled-components';
+import media from '../../styles/media.js';
+var GlobalStyle = createGlobalStyle(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n\n  .scroll-disabled{\n    overflow: hidden;\n  }\n\n  /* \n    Applied here instead of the specific component using ant-select\n    due to the select dropdown being rendered outside of the scope of the component\n    by antd\n  */\n  .ant-select-dropdown {\n    background-color: ", " !important;\n\n    .ant-select-item-option-content {\n      font-family: ", " !important;\n      font-size: ", " !important;\n      font-weight: ", " !important;\n    }\n\n    .ant-select-item-option-active:not(.ant-select-item-option-disabled):not(.ant-select-item-option-selected) {\n      background-color: ", " !important ;\n    }\n  }\n\n  * {\n    scroll-margin-top: ", ";\n  }\n\n  body {\n    margin: 0;\n    background-color:", ";\n    font-family: ", ";\n    font-weight: ", ";\n    color: ", ";\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    margin: 0;\n  }\n\n  p, li, ul, ol {\n    margin: 0;\n  }\n\n  a {\n    color: ", ";\n    text-decoration: ", ";\n    &:hover {\n      filter: brightness(0.80);\n    }\n  }\n\n  p {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n  }\n\n  li {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n  }\n\n  ol {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n  }\n\n  h1 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n\n    ", "\n\n    ", "\n  }\n\n  h2 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n    ", "\n\n    ", "\n  }\n\n  h3 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n    ", "\n\n    ", "\n  }\n\n  h4 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n    ", "\n\n    ", "\n  }\n\n  h5 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n    ", "\n\n    ", "\n  }\n\n  h6 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n    ", "\n\n    ", "\n  }\n"], ["\n\n  .scroll-disabled{\n    overflow: hidden;\n  }\n\n  /* \n    Applied here instead of the specific component using ant-select\n    due to the select dropdown being rendered outside of the scope of the component\n    by antd\n  */\n  .ant-select-dropdown {\n    background-color: ", " !important;\n\n    .ant-select-item-option-content {\n      font-family: ", " !important;\n      font-size: ", " !important;\n      font-weight: ", " !important;\n    }\n\n    .ant-select-item-option-active:not(.ant-select-item-option-disabled):not(.ant-select-item-option-selected) {\n      background-color: ", " !important ;\n    }\n  }\n\n  * {\n    scroll-margin-top: ", ";\n  }\n\n  body {\n    margin: 0;\n    background-color:", ";\n    font-family: ", ";\n    font-weight: ", ";\n    color: ", ";\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    margin: 0;\n  }\n\n  p, li, ul, ol {\n    margin: 0;\n  }\n\n  a {\n    color: ", ";\n    text-decoration: ", ";\n    &:hover {\n      filter: brightness(0.80);\n    }\n  }\n\n  p {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n  }\n\n  li {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n  }\n\n  ol {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n  }\n\n  h1 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n\n    ", "\n\n    ", "\n  }\n\n  h2 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n    ", "\n\n    ", "\n  }\n\n  h3 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n    ", "\n\n    ", "\n  }\n\n  h4 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n    ", "\n\n    ", "\n  }\n\n  h5 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n    ", "\n\n    ", "\n  }\n\n  h6 {\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-transform: ", ";\n    letter-spacing: ", ";\n\n    ", "\n\n    ", "\n  }\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.languageSelector.dropdownBackground;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.languageSelector.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.languageSelector.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.languageSelector.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.languageSelector.dropdownBackgroundHover;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.scrollMarginTop;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.backgroundColor;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.p.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.p.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.p.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.a.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.a.textDecoration;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.p.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.p.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.p.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.p.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.p.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.li.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.li.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.li.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.li.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.li.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.ol.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.ol.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.ol.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.ol.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.ol.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h1.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h1.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h1.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h1.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h1.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h1.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h1.letterSpacing;
+}, media.tablet(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h1.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h1.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h1.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h1.fontSizes.desktop.lineHeight;
+}), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h2.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h2.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h2.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h2.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h2.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h2.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h2.letterSpacing;
+}, media.tablet(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h2.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h2.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h2.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h2.fontSizes.desktop.lineHeight;
+}), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h3.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h3.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h3.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h3.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h3.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h3.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h3.letterSpacing;
+}, media.tablet(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h3.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h3.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h3.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h3.fontSizes.desktop.lineHeight;
+}), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h4.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h4.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h4.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h4.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h4.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h4.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h4.letterSpacing;
+}, media.tablet(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h4.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h4.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h4.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h4.fontSizes.desktop.lineHeight;
+}), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h5.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h5.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h5.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h5.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h5.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h5.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h5.letterSpacing;
+}, media.tablet(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h5.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h5.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h5.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h5.fontSizes.desktop.lineHeight;
+}), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h6.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h6.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h6.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h6.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h6.color;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h6.textTransform;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h6.letterSpacing;
+}, media.tablet(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h6.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h6.fontSizes.tablet.lineHeight;
+}), media.desktop(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h6.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.globalStyle.h6.fontSizes.desktop.lineHeight;
+}));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
+export { GlobalStyle };