{"version":3,"file":"9222-11e2c41171e3e0aac8d8.js","mappings":"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","sources":["webpack://eploy/./src/helpers/api.ts","webpack://eploy/./src/helpers/global.ts","webpack://eploy/./src/helpers/grid.ts","webpack://eploy/./src/helpers/scrollbars.ts","webpack://eploy/./src/helpers/srOnly.ts","webpack://eploy/./src/helpers/typography.ts","webpack://eploy/./src/helpers/utils.ts","webpack://eploy/./src/stories/Components/Buttons/Button/Button.styles.ts","webpack://eploy/./src/stories/Components/Buttons/Button/Button.tsx","webpack://eploy/./src/stories/Components/Misc/LoadingIndicator/LoadingIndicator.styles.ts","webpack://eploy/./src/stories/Components/Misc/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["// ADD API URLS BELOW\r\nexport const API_URLS = {\r\n    blogListing: '/api/blogs/search',\r\n    caseStudyListing: '/api/case-studies/search',\r\n    downloads: '/api/downloads/',\r\n    marketplaceList: '/api/marketplace/search',\r\n    marketplaceSignup: '/api/marketplace/submit',\r\n    newsletterSubmit: '/api/newsletter/submit',\r\n    premiumResourceSubmit: '/api/premium-resource/submit',\r\n};\r\n","import { css } from 'styled-components';\r\nexport const ButtonReset = css `\r\n  border: none;\r\n  outline: none;\r\n  padding: 0px;\r\n  background: none;\r\n  border-radius: 0px;\r\n`;\r\n","import { css } from 'styled-components';\r\nexport const siteWide = css `\r\n  margin: 0 auto;\r\n  max-width: calc(var(--siteWidth) + var(--sitePadding) + var(--sitePadding));\r\n  padding: 0 var(--sitePadding);\r\n  width: 100%;\r\n`;\r\nexport const baseGrid = css `\r\n  display: grid;\r\n  column-gap: var(--gutterWidth);\r\n  grid-template-columns: repeat(12, 1fr);\r\n`;\r\n","import { css } from 'styled-components';\r\nimport brand from './brand';\r\nexport default css `\r\n  &::-webkit-scrollbar-track {\r\n    background-color: ${brand.grey.dark};\r\n  }\r\n\r\n  &::-webkit-scrollbar {\r\n    background-color: ${brand.grey.dark};\r\n    height: 6px;\r\n    width: 6px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    background-color: ${brand.primary.orange};\r\n    border-radius: 0;\r\n    cursor: pointer;\r\n  }\r\n`;\r\n","import { css } from 'styled-components';\r\n/**\r\n * Show only for screen readers.\r\n * @description Sourced from https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034\r\n */\r\nconst srOnly = css `\r\n  border: 0 !important;\r\n  clip: rect(1px, 1px, 1px, 1px) !important;\r\n  -webkit-clip-path: inset(50%) !important;\r\n  clip-path: inset(50%) !important;\r\n  height: 1px !important;\r\n  margin: -1px !important;\r\n  overflow: hidden !important;\r\n  padding: 0 !important;\r\n  position: absolute !important;\r\n  width: 1px !important;\r\n  white-space: nowrap !important;\r\n`;\r\nexport default srOnly;\r\n","import svgBullet from '@img/icons/bullet-fill.svg?url';\r\nimport svgQuote from '@img/icons/quote-testimonials.svg?url';\r\nimport { css } from 'styled-components';\r\nimport { transition } from './animate';\r\nimport brand from './brand';\r\nimport { fluid } from './fluid';\r\nimport fonts from './fonts';\r\nimport scrollbars from './scrollbars';\r\nexport const headingStyles = css `\r\n  ${fonts.poppins.extraBold};\r\n\r\n  color: currentColor;\r\n  margin: 0 0 ${fluid(30, 42)};\r\n  text-wrap: pretty;\r\n`;\r\nexport const h1 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(38, 72)};\r\n  line-height: ${fluid(46, 88)};\r\n`;\r\nexport const h2 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(32, 58)};\r\n  line-height: ${fluid(38, 66)};\r\n`;\r\nexport const h3 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(26, 42)};\r\n  line-height: ${fluid(34, 48)};\r\n`;\r\nexport const h4 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(22, 32)};\r\n  line-height: ${fluid(30, 38)};\r\n`;\r\nexport const h5 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(16, 24)};\r\n  line-height: ${fluid(22, 30)};\r\n  font-weight: 700;\r\n`;\r\nexport const h6 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(16, 18)};\r\n  line-height: 20px;\r\n  font-weight: 700;\r\n`;\r\nexport const paragraphStyles = css `\r\n  ${fonts.poppins.regular};\r\n\r\n  color: currentColor;\r\n  margin: 0 0 ${fluid(12, 14)};\r\n  text-wrap: pretty;\r\n`;\r\nexport const paragraphExtraLarge = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: ${fluid(22, 32)};\r\n  line-height: ${fluid(30, 42)};\r\n`;\r\nexport const paragraphLarge = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: ${fluid(17, 22)};\r\n  line-height: ${fluid(25, 36)};\r\n`;\r\nexport const paragraphRegular = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: ${fluid(17, 20)};\r\n  line-height: ${fluid(25, 36)};\r\n`;\r\nexport const paragraphSmall = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: ${fluid(14, 18)};\r\n  line-height: ${fluid(22, 28)};\r\n`;\r\nexport const tag = css `\r\n  ${fonts.poppins.bold};\r\n\r\n  font-size: ${fluid(11, 14)};\r\n  line-height: ${fluid(12, 16)};\r\n  margin: 0 0 ${fluid(12, 20)};\r\n`;\r\nexport const authorName = css `\r\n  ${fonts.caveat};\r\n\r\n  font-size: ${fluid(20, 28)};\r\n  line-height: ${fluid(26, 38)};\r\n`;\r\nexport const link = css `\r\n  ${transition('text-decoration-color')};\r\n\r\n  --textDecorationColour: ${brand.primary.orange};\r\n\r\n  display: inline;\r\n  color: currentColor;\r\n  text-decoration: underline;\r\n  text-decoration-color: var(--textDecorationColour);\r\n  text-decoration-thickness: 1px;\r\n  text-underline-offset: ${fluid(3, 4)};\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: auto;\r\n    outline-offset: 2px;\r\n    outline-width: 1px;\r\n    outline-style: solid;\r\n    outline-color: ${brand.primary.orange};\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    text-decoration-color: transparent;\r\n  }\r\n`;\r\nexport const blockquote = css `\r\n  ${paragraphRegular};\r\n\r\n  --quoteWidth: ${fluid(56, 106)};\r\n  --quoteColour: linear-gradient(\r\n    180deg,\r\n    ${brand.primary.orange} 63.63%,\r\n    ${brand.secondary.orangeDark} 100%\r\n  );\r\n  --quoteGap: ${fluid(8, 24)};\r\n  --lineWidth: ${fluid(4, 8)};\r\n\r\n  position: relative;\r\n  color: currentColor;\r\n  text-align: left;\r\n  font-style: italic;\r\n  padding-left: calc((var(--quoteGap) * 2) + var(--quoteWidth) + var(--lineWidth));\r\n\r\n  &::before,\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    background: var(--quoteColour);\r\n  }\r\n\r\n  &::before {\r\n    top: 50%;\r\n    left: 0;\r\n    width: var(--quoteWidth);\r\n    aspect-ratio: 106 / 82;\r\n    -webkit-mask-image: url(${svgQuote});\r\n    mask-image: url(${svgQuote});\r\n    mask-repeat: no-repeat;\r\n    background-size: contain;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  &::after {\r\n    left: calc(var(--quoteGap) + var(--quoteWidth));\r\n    top: 0;\r\n    width: var(--lineWidth);\r\n    height: 100%;\r\n    border-radius: 100px;\r\n  }\r\n\r\n  p {\r\n    color: currentColor;\r\n    font-size: inherit;\r\n    line-height: inherit;\r\n    font-style: inherit;\r\n    margin-bottom: ${fluid(8, 16)};\r\n  }\r\n\r\n  footer {\r\n    ${authorName};\r\n\r\n    cite {\r\n      ${paragraphRegular};\r\n\r\n      margin: 0;\r\n    }\r\n  }\r\n`;\r\nexport const table = css `\r\n  ${paragraphSmall};\r\n\r\n  --borderRadius: 6px;\r\n\r\n  background: ${brand.primary.white};\r\n  border-spacing: 0;\r\n  border-collapse: separate;\r\n  color: currentColor;\r\n  width: 100% !important;\r\n  border-radius: var(--borderRadius);\r\n\r\n  td,\r\n  th {\r\n    border: 1px solid ${brand.primary.black};\r\n    padding: 10px 12px;\r\n    text-align: left;\r\n\r\n    &:not(:last-child) {\r\n      border-right: 0;\r\n    }\r\n  }\r\n\r\n  thead {\r\n    tr {\r\n      background: transparent;\r\n\r\n      td,\r\n      th {\r\n        font-weight: 700;\r\n        color: ${brand.primary.orange};\r\n        border-bottom: 0;\r\n\r\n        &:first-child {\r\n          border-top-left-radius: var(--borderRadius);\r\n        }\r\n\r\n        &:last-child {\r\n          border-top-right-radius: var(--borderRadius);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  tbody {\r\n    tr {\r\n      &:last-child {\r\n        td:first-child {\r\n          border-bottom-left-radius: var(--borderRadius);\r\n        }\r\n\r\n        td:last-child {\r\n          border-bottom-right-radius: var(--borderRadius);\r\n        }\r\n      }\r\n\r\n      &:not(:last-child) {\r\n        td {\r\n          border-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\nexport const contentStyles = css `\r\n  --bulletColour: ${brand.primary.orange};\r\n\r\n  h1,\r\n  .h1-styles {\r\n    ${h2};\r\n  }\r\n\r\n  h2,\r\n  .h2-styles {\r\n    ${h3};\r\n  }\r\n\r\n  h3,\r\n  .h3-styles {\r\n    ${h4};\r\n  }\r\n\r\n  h4,\r\n  .h4-styles {\r\n    ${h5}\r\n  }\r\n\r\n  h5,\r\n  .h5-styles {\r\n    ${h6}\r\n  }\r\n\r\n  h6,\r\n  .h6-styles {\r\n    ${h6}\r\n  }\r\n\r\n  h1,\r\n  .h1-styles,\r\n  h2,\r\n  .h2-styles,\r\n  h3,\r\n  .h3-styles,\r\n  h4,\r\n  .h4-styles,\r\n  h5,\r\n  .h5-styles,\r\n  h6,\r\n  .h6-styles {\r\n    margin: ${fluid(18, 32)} 0 0.48em;\r\n  }\r\n\r\n  p {\r\n    ${paragraphRegular};\r\n\r\n    a {\r\n      ${link};\r\n    }\r\n  }\r\n\r\n  strong {\r\n    font-weight: 700;\r\n  }\r\n\r\n  .extra-large {\r\n    ${paragraphExtraLarge};\r\n\r\n    strong {\r\n      font-weight: 800;\r\n    }\r\n  }\r\n\r\n  .large {\r\n    ${paragraphLarge}\r\n  }\r\n\r\n  .small {\r\n    ${paragraphSmall}\r\n  }\r\n\r\n  .tag {\r\n    ${tag}\r\n  }\r\n\r\n  a {\r\n    ${link}\r\n  }\r\n\r\n  ol,\r\n  ul {\r\n    ${paragraphRegular};\r\n\r\n    margin-top: ${fluid(12, 14)};\r\n\r\n    li {\r\n      color: currentColor;\r\n      margin: 0 0 ${fluid(10, 12)};\r\n    }\r\n  }\r\n\r\n  ol,\r\n  ul {\r\n    list-style: none;\r\n    padding-left: 26px;\r\n  }\r\n\r\n  ol {\r\n    counter-reset: li;\r\n\r\n    li {\r\n      display: block;\r\n      counter-increment: li;\r\n      margin-left: -26px;\r\n\r\n      &::before {\r\n        color: ${brand.primary.orange};\r\n        content: counter(li) '.';\r\n        margin-right: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Ensure that inline styling hasn't been applied\r\n  ul:not([style*='list-style-type']) li {\r\n    position: relative;\r\n\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: ${fluid(5.5, 12)};\r\n      left: -26px;\r\n      height: 13px;\r\n      width: 12px;\r\n      -webkit-mask-image: url(${svgBullet});\r\n      mask-image: url(${svgBullet});\r\n      mask-repeat: no-repeat;\r\n      background-color: var(--bulletColour);\r\n    }\r\n  }\r\n\r\n  blockquote {\r\n    ${blockquote};\r\n  }\r\n\r\n  hr {\r\n    display: block;\r\n    background: var(--titleHighlight);\r\n    border: 0;\r\n    height: 2px;\r\n    margin: ${fluid(30, 42)} 0;\r\n    padding: 0;\r\n    width: 100%;\r\n    border-radius: 100px;\r\n  }\r\n\r\n  table {\r\n    ${table};\r\n  }\r\n\r\n  .responsive-table {\r\n    ${scrollbars};\r\n\r\n    position: relative;\r\n    overflow-x: auto;\r\n  }\r\n\r\n  > *:first-child {\r\n    margin-top: 0;\r\n  }\r\n\r\n  > *:last-child {\r\n    margin-bottom: 0 !important;\r\n  }\r\n`;\r\n","export function sleep(ms) {\r\n    return new Promise((resolve) => setTimeout(resolve, ms));\r\n}\r\nexport function formatNumberValue(value, maximumDecimals, minimumDigits) {\r\n    const formatter = new Intl.NumberFormat(undefined, {\r\n        maximumFractionDigits: maximumDecimals ?? 0,\r\n        minimumIntegerDigits: minimumDigits ?? 1,\r\n    });\r\n    return formatter.format(value);\r\n}\r\n/** Clamp index to be within the min/max index range. */\r\nexport function clamp(value, max) {\r\n    return Math.max(Math.min(value, max), 0);\r\n}\r\n/**\r\n * Rule structure for react-hook-form\r\n */\r\nexport const EMAIL_RULE = {\r\n    message: `Please enter a valid email address`,\r\n    value: /^[\\w\\-.\\d*]+@[\\w\\-\\d.]+(\\.\\w*)$/,\r\n};\r\nexport const highlightTitleWords = (title) => title.replaceAll(/\\*(.*?)\\*/g, '<span data-highlight>$1</span>');\r\n/**\r\n * Rule structure for react-hook-form\r\n * Pattern based on https://regexr.com/39nr7\r\n */\r\nexport const URL_RULE = {\r\n    message: `Please enter a valid URL`,\r\n    value: /[(http(s)?)://(www.)?a-zA-Z0-9@:%._+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_+.~#?&//=]*)$/,\r\n};\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { Icon } from '@helpers/icons';\r\nimport { Device, until } from '@helpers/media';\r\nimport srOnly from '@helpers/srOnly';\r\nimport { rgba } from 'polished';\r\nimport styled, { css } from 'styled-components';\r\nexport const CommonButtonTextStyles = css `\r\n  ${transition('color', 0.25)};\r\n  ${fonts.poppins.extraBold};\r\n\r\n  position: relative;\r\n  z-index: 2;\r\n  color: currentColor;\r\n  font-size: var(--fontSize);\r\n  line-height: 1em;\r\n  text-decoration: none;\r\n`;\r\nconst Text = styled.span `\r\n  ${CommonButtonTextStyles};\r\n\r\n  [data-icon-only='true'] & {\r\n    ${srOnly};\r\n  }\r\n`;\r\nconst IconWrapper = styled.div `\r\n  ${transition('color', 0.25)};\r\n\r\n  --iconHeight: 16px;\r\n\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  place-content: center;\r\n  color: currentColor;\r\n  height: var(--iconHeight);\r\n  aspect-ratio: 1;\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  > svg {\r\n    display: block;\r\n    height: var(--iconHeight);\r\n  }\r\n\r\n  [data-icon-position='left'] & {\r\n    order: -1;\r\n  }\r\n\r\n  [data-icon-position='right'] & {\r\n    order: 1;\r\n  }\r\n\r\n  [data-icon-type=${Icon.Arrow}] &,\r\n  [data-icon-type=${Icon.ArrowThin}] &,\r\n  [data-icon-type=${Icon.ChevronRight}] & {\r\n    ${transition('transform, color', 0.25)};\r\n  }\r\n\r\n  [data-icon-type=${Icon.Arrow}][data-type='text'] &,\r\n  [data-icon-type=${Icon.Arrow}][data-type='text-white'] &,\r\n  [data-icon-type=${Icon.Arrow}][data-type='text-black'] & {\r\n    ${transition('transform, color, opacity', 0.25)};\r\n\r\n    opacity: 0;\r\n  }\r\n\r\n  [data-icon-type=${Icon.ChevronRight}] & {\r\n    svg {\r\n      transform: rotate(-90deg);\r\n      width: var(--iconHeight);\r\n    }\r\n  }\r\n\r\n  [data-icon-position='left'][data-icon-type=${Icon.Arrow}] &,\r\n  [data-icon-position='left'][data-icon-type=${Icon.ArrowThin}] & {\r\n    svg {\r\n      transform: scale(-1);\r\n    }\r\n  }\r\n\r\n  [data-icon-position='left'][data-icon-type=${Icon.ChevronRight}] & {\r\n    svg {\r\n      transform: rotate(-90deg) scale(-1);\r\n    }\r\n  }\r\n`;\r\nconst IconHoverStyles = css `\r\n  &[data-icon-type=${Icon.Arrow}],\r\n  &[data-icon-type=${Icon.ArrowThin}],\r\n  &[data-icon-type=${Icon.ChevronRight}] {\r\n    ${IconWrapper} {\r\n      transform: translateX(3px);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  &[data-icon-position='left'][data-icon-type=${Icon.Arrow}],\r\n  &[data-icon-position='left'][data-icon-type=${Icon.ArrowThin}],\r\n  &[data-icon-position='left'][data-icon-type=${Icon.ChevronRight}] {\r\n    ${IconWrapper} {\r\n      transform: translateX(-3px);\r\n    }\r\n  }\r\n`;\r\nexport const DefaultButtonStyles = css `\r\n  ${ButtonReset};\r\n  ${transition('background-color, color', 0.25)};\r\n\r\n  --buttonHeight: ${fluid(40, 56)};\r\n  --bgColour: transparent;\r\n  --bgColourHover: transparent;\r\n  --bgGradient: linear-gradient(\r\n    90deg,\r\n    ${brand.primary.orange} 0%,\r\n    ${brand.secondary.orangeDark} 100%\r\n  );\r\n  --bgGradientHover: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);\r\n  --borderColour: transparent;\r\n  --borderRadius: ${fluid(8, 12)};\r\n  --borderWidth: ${fluid(2, 3)};\r\n  --colourText: ${brand.primary.white};\r\n  --colourTextDisabled: ${rgba(brand.primary.white, 0.8)};\r\n  --colourTextHover: ${brand.primary.white};\r\n  --fontSize: ${fluid(14, 18)};\r\n\r\n  position: relative;\r\n  display: inline-flex;\r\n  gap: ${fluid(8, 12)};\r\n  align-items: center;\r\n  border: var(--borderWidth) solid var(--borderColour);\r\n  background: none;\r\n  background-image: var(--bgGradient);\r\n  background-color: var(--bgColour);\r\n  /* Compensate for transparent border when gradient bg is used and retained for border */\r\n  background-size: calc(100% + ${fluid(4, 6)}) 100%;\r\n  background-position: top center;\r\n  color: var(--colourText);\r\n  height: var(--buttonHeight);\r\n  padding: 0 ${fluid(12, 16)};\r\n  text-decoration: none;\r\n  user-select: none;\r\n  width: auto;\r\n  border-radius: var(--borderRadius);\r\n\r\n  /* Background hover for gradient to fade in */\r\n  &::before {\r\n    ${transition('opacity', 0.25)};\r\n\r\n    content: '';\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n    background: var(--bgGradientHover);\r\n    left: 0;\r\n    top: 0;\r\n    border-radius: calc(var(--borderRadius) * 0.85);\r\n    opacity: 0;\r\n  }\r\n\r\n  /* Mobile click styles - button should mimic press */\r\n  @media ${until(Device.TabletLarge)} {\r\n    ${transition('background-color, color, transform', 0.15)};\r\n\r\n    &:active {\r\n      transform: translateY(1.5px);\r\n    }\r\n  }\r\n\r\n  span& {\r\n    .focus-ring & {\r\n      outline: auto;\r\n      outline-offset: 3px;\r\n      outline-width: 2px;\r\n    }\r\n\r\n    .focus-ring &,\r\n    button:hover &,\r\n    a:hover & {\r\n      ${IconHoverStyles};\r\n\r\n      color: var(--colourTextHover);\r\n      background-color: var(--bgColourHover);\r\n\r\n      &::before {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(span) {\r\n    cursor: pointer;\r\n\r\n    &:focus-visible,\r\n    &.focus-ring {\r\n      outline: auto;\r\n      outline-offset: 3px;\r\n      outline-width: 2px;\r\n    }\r\n\r\n    &:focus-visible,\r\n    &.focus-ring,\r\n    &:hover {\r\n      ${IconHoverStyles};\r\n\r\n      color: var(--colourTextHover);\r\n      background-color: var(--bgColourHover);\r\n\r\n      &::before {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Increase specificity to override :not(span) style */\r\n  &:disabled:disabled:disabled {\r\n    color: var(--colourTextDisabled);\r\n    background-color: var(--bgColourHover);\r\n\r\n    &::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    cursor: not-allowed;\r\n\r\n    ${IconWrapper} {\r\n      transform: none;\r\n    }\r\n  }\r\n`;\r\nexport const OutlineButtonStyles = css `\r\n  --bgOverlay: ${brand.primary.white};\r\n\r\n  --borderColour: transparent;\r\n  --colourText: ${brand.primary.black};\r\n\r\n  /* Overlay to create gradient border effect */\r\n  &::after {\r\n    ${transition('opacity', 0.25)};\r\n\r\n    content: '';\r\n    box-shadow: 2px 1000px 1px var(--bgOverlay) inset;\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n    left: 0;\r\n    top: 0;\r\n    border-radius: ${fluid(6, 9)};\r\n  }\r\n\r\n  span& {\r\n    .focus-ring &,\r\n    button:hover &,\r\n    a:hover & {\r\n      &::after {\r\n        opacity: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(span) {\r\n    &.focus-ring,\r\n    &:hover {\r\n      &::after {\r\n        opacity: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled:disabled:disabled {\r\n    &::after {\r\n      opacity: 0;\r\n    }\r\n  }\r\n`;\r\nexport const OutlineWhiteButtonStyles = css `\r\n  --bgColour: transparent;\r\n  --bgColourHover: ${brand.primary.white};\r\n  --bgGradient: transparent;\r\n  --bgGradientHover: transparent;\r\n  --borderColour: ${brand.primary.white};\r\n  --colourText: ${brand.primary.white};\r\n  --colourTextDisabled: ${rgba(brand.primary.black, 0.66)};\r\n  --colourTextHover: ${brand.primary.black};\r\n`;\r\nexport const OutlineBlackButtonStyles = css `\r\n  --bgColour: transparent;\r\n  --bgColourHover: ${brand.primary.black};\r\n  --bgGradient: transparent;\r\n  --bgGradientHover: transparent;\r\n  --borderColour: ${brand.primary.black};\r\n  --colourText: ${brand.primary.black};\r\n  --colourTextDisabled: ${rgba(brand.primary.white, 0.66)};\r\n  --colourTextHover: ${brand.primary.white};\r\n`;\r\nexport const SolidWhiteButtonStyles = css `\r\n  --bgColour: ${brand.primary.white};\r\n  --bgColourHover: transparent;\r\n  --bgGradient: transparent;\r\n  --bgGradientHover: transparent;\r\n  --borderColour: ${brand.primary.white};\r\n  --colourText: ${brand.primary.black};\r\n  --colourTextDisabled: ${rgba(brand.primary.white, 0.8)};\r\n  --colourTextHover: ${brand.primary.white};\r\n`;\r\nexport const TextButtonStyles = css `\r\n  --bgColour: transparent;\r\n  --bgColourHover: ${brand.overlays.black};\r\n  --bgGradient: transparent;\r\n  --bgGradientHover: transparent;\r\n  --borderColour: transparent;\r\n  --colourText: ${brand.primary.black};\r\n  --colourTextDisabled: ${rgba(brand.primary.black, 0.8)};\r\n  --colourTextHover: ${brand.primary.black};\r\n\r\n  ${Text} {\r\n    text-decoration: underline;\r\n    text-decoration-thickness: 1px;\r\n    text-underline-offset: 4px;\r\n  }\r\n`;\r\nexport const TextBlackButtonStyles = css `\r\n  --bgColour: transparent;\r\n  --bgColourHover: ${brand.overlays.white};\r\n  --bgGradient: transparent;\r\n  --bgGradientHover: transparent;\r\n  --borderColour: transparent;\r\n  --colourText: ${brand.primary.black};\r\n  --colourTextDisabled: ${rgba(brand.primary.black, 0.8)};\r\n  --colourTextHover: ${brand.primary.black};\r\n\r\n  ${Text} {\r\n    text-decoration: underline;\r\n    text-decoration-thickness: 1px;\r\n    text-underline-offset: 4px;\r\n  }\r\n`;\r\nexport const TextWhiteButtonStyles = css `\r\n  --bgColour: transparent;\r\n  --bgColourHover: ${brand.overlays.white};\r\n  --bgGradient: transparent;\r\n  --bgGradientHover: transparent;\r\n  --borderColour: transparent;\r\n  --colourText: ${brand.primary.white};\r\n  --colourTextDisabled: ${rgba(brand.primary.white, 0.8)};\r\n  --colourTextHover: ${brand.primary.white};\r\n\r\n  ${Text} {\r\n    text-decoration: underline;\r\n    text-decoration-thickness: 1px;\r\n    text-underline-offset: 4px;\r\n  }\r\n`;\r\nconst Container = styled.button `\r\n  ${DefaultButtonStyles};\r\n\r\n  &[data-type='outline'] {\r\n    ${OutlineButtonStyles};\r\n  }\r\n\r\n  &[data-type='outline-white'] {\r\n    ${OutlineWhiteButtonStyles};\r\n  }\r\n\r\n  &[data-type='outline-black'] {\r\n    ${OutlineBlackButtonStyles};\r\n  }\r\n\r\n  &[data-type='solid-white'] {\r\n    ${SolidWhiteButtonStyles};\r\n  }\r\n\r\n  &[data-type='text'] {\r\n    ${TextButtonStyles};\r\n  }\r\n\r\n  &[data-type='text-white'] {\r\n    ${TextWhiteButtonStyles};\r\n  }\r\n\r\n  &[data-type='text-black'] {\r\n    ${TextBlackButtonStyles};\r\n  }\r\n\r\n  &[data-icon-only='true'] {\r\n    height: var(--buttonHeight);\r\n    justify-content: center;\r\n    padding: 0;\r\n    width: var(--buttonHeight);\r\n  }\r\n`;\r\nconst ButtonStyles = {\r\n    Container,\r\n    IconWrapper,\r\n    Text,\r\n};\r\nexport default ButtonStyles;\r\n","import { Icon, getSvgIcon } from '@helpers/icons';\r\nimport { FocusRing } from '@react-aria/focus';\r\nimport * as React from 'react';\r\nimport S from './Button.styles';\r\nconst Button = ({ buttonType, children, icon = Icon.Arrow, iconOnly, iconPosition = 'right', ...otherProps }) => {\r\n    return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n        React.createElement(S.Container, { \"data-icon-only\": iconOnly, \"data-icon-position\": iconPosition, \"data-icon-type\": icon, \"data-type\": buttonType, ...otherProps },\r\n            React.createElement(S.Text, null, children),\r\n            icon !== Icon.None && React.createElement(S.IconWrapper, null, getSvgIcon(icon)))));\r\n};\r\nconst FakeButton = ({ buttonType, children, icon = Icon.Arrow, iconOnly, iconPosition = 'right', ...otherProps }) => {\r\n    return (React.createElement(S.Container, { as: \"span\", \"data-icon-only\": iconOnly, \"data-icon-position\": iconPosition, \"data-icon-type\": icon, \"data-type\": buttonType, ...otherProps },\r\n        React.createElement(S.Text, null, children),\r\n        icon !== Icon.None && React.createElement(S.IconWrapper, null, getSvgIcon(icon))));\r\n};\r\nconst LinkButton = ({ buttonType, children, icon = Icon.Arrow, iconOnly, iconPosition = 'right', ...otherProps }) => {\r\n    return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n        React.createElement(S.Container, { as: \"a\", \"data-icon-only\": iconOnly, \"data-icon-position\": iconPosition, \"data-icon-type\": icon, \"data-type\": buttonType, ...otherProps },\r\n            React.createElement(S.Text, null, children),\r\n            icon !== Icon.None && React.createElement(S.IconWrapper, null, getSvgIcon(icon)))));\r\n};\r\nexport { FakeButton, LinkButton, Button as default };\r\n","import { fluid } from '@helpers/fluid';\r\nimport { paragraphRegular } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst Loader = styled.div `\r\n  position: relative;\r\n  display: flex;\r\n  background: var(--bgColour);\r\n  color: var(--fgColour);\r\n  flex-direction: column;\r\n  height: 100%;\r\n  place-content: center;\r\n  place-items: center;\r\n  text-align: center;\r\n  width: 100%;\r\n  z-index: 999;\r\n\r\n  &[data-layout='inline'] {\r\n    padding: ${fluid(48, 96)};\r\n  }\r\n\r\n  &[data-layout='absolute'] {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n  }\r\n\r\n  &[data-layout='fixed'] {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n  }\r\n\r\n  &[data-alignment='top'] {\r\n    place-content: flex-start;\r\n    padding-top: 24px;\r\n  }\r\n`;\r\nconst LoaderText = styled.span `\r\n  ${paragraphRegular};\r\n\r\n  display: block;\r\n  margin: 1rem 0 0;\r\n`;\r\nconst LoadingIndicatorStyles = {\r\n    Loader,\r\n    LoaderText,\r\n};\r\nexport default LoadingIndicatorStyles;\r\n","import brand from '@helpers/brand';\r\nimport { rgba } from 'polished';\r\nimport * as React from 'react';\r\nimport { PuffLoader } from 'react-spinners';\r\nimport S from './LoadingIndicator.styles';\r\nconst LoadingIndicator = (props) => {\r\n    return (React.createElement(S.Loader, { \"data-layout\": props.layout ?? 'inline', \"data-alignment\": props.alignment ?? 'center', style: {\r\n            '--bgColour': props.bgColour ?? rgba(brand.primary.orangeDark, 0.7),\r\n            '--fgColour': props.fgColour ?? brand.primary.white,\r\n        } },\r\n        React.createElement(PuffLoader, { color: \"currentColor\", size: props.size ?? 64 }),\r\n        props.label && React.createElement(S.LoaderText, null, props.label)));\r\n};\r\nexport default LoadingIndicator;\r\n"],"names":["API_URLS","blogListing","caseStudyListing","downloads","marketplaceList","marketplaceSignup","newsletterSubmit","premiumResourceSubmit","ButtonReset","css","siteWide","baseGrid","brand","grey","dark","primary","orange","headingStyles","fonts","poppins","extraBold","fluid","h1","h2","h3","h4","h5","h6","paragraphStyles","regular","paragraphExtraLarge","paragraphLarge","paragraphRegular","paragraphSmall","tag","bold","authorName","caveat","link","transition","blockquote","secondary","orangeDark","svgQuote","table","white","black","contentStyles","svgBullet","scrollbars","sleep","ms","Promise","resolve","setTimeout","formatNumberValue","value","maximumDecimals","minimumDigits","Intl","NumberFormat","undefined","maximumFractionDigits","minimumIntegerDigits","format","clamp","max","Math","min","EMAIL_RULE","message","highlightTitleWords","title","replaceAll","URL_RULE","CommonButtonTextStyles","Text","styled","span","withConfig","displayName","componentId","srOnly","IconWrapper","div","Icon","Arrow","ArrowThin","ChevronRight","IconHoverStyles","DefaultButtonStyles","rgba","until","Device","TabletLarge","OutlineButtonStyles","OutlineWhiteButtonStyles","OutlineBlackButtonStyles","SolidWhiteButtonStyles","TextButtonStyles","overlays","TextBlackButtonStyles","TextWhiteButtonStyles","Container","button","Button","_ref","buttonType","children","icon","iconOnly","iconPosition","otherProps","React","FocusRing","focusRingClass","S","None","getSvgIcon","FakeButton","_ref2","as","LinkButton","_ref3","Loader","LoaderText","props","_props$layout","_props$alignment","_props$bgColour","_props$fgColour","_props$size","layout","alignment","style","bgColour","fgColour","PuffLoader","color","size","label"],"sourceRoot":""}