{"version":3,"sources":["webpack:///./src/helpers/cssVar.ts","webpack:///./src/stories/Widgets/SkipToContent/SkipToContent.styles.ts","webpack:///./src/stories/Widgets/SkipToContent/SkipToContent.tsx","webpack:///./src/helpers/brand.ts","webpack:///./src/helpers/grey.ts"],"names":["cssVar","name","setCssVar","value","Link","styled","a","themes","SkipToContent","cta","React","createElement","S","href","url","accessibleText","text","brand","black","grey","reduce","previous","current","hsl","paleGreen","lightGreen","lightBeige","green","greenGrey","paleBurgundy","lightBurgundy","burgundy","white","validation","invalid","valid","beige","css","dark","light","beigeBurgundy","darkBurgundy","whiteBurgundy"],"mappings":"qFAAA,oEAUA,SAASA,EAAOC,GACZ,MAAQ,SAAQA,KAEpB,SAASC,EAAUD,EAAME,GACrB,MAAQ,KAAIF,MAASE,M,0ECQV,OACXC,K,KApBSC,EAAOC,EAAV,+EAAGD,CAAH,uPACNE,IAAM,KAMMP,YAAO,WACZA,YAAO,aCNHQ,UAHO,EAAGC,SACbC,IAAMC,cAAcC,EAAER,KAAM,CAAES,KAAMJ,EAAIK,IAAK,aAAcL,EAAIM,gBAAkBN,EAAIO,O,2FCAjG,MAAMC,EAAQ,CACVC,MAAO,UACPC,KCJoB,CAAC,IACSC,OAAO,CAACC,EAAUC,KAAX,UAClCD,EACH,CAAE,OAAMC,IAEEnB,EAFemB,EAGlBC,YAAI,EAAG,EAAGpB,EAAQ,OAD7B,IAAcA,GADV,IDCAqB,UAAW,UACXC,WAAY,UACZC,WAAY,UACZC,MAAO,UACPC,UAAW,UACXC,aAAc,UACdC,cAAe,UACfC,SAAU,UACVC,MAAO,OACPC,WAAY,CACRC,QAAS,UACTC,MAAO,YA2DF5B,EAAS,CAClB6B,MAzDsBC,YAAH,yBACnBnC,YAAU,UAAWe,EAAMC,OAC3BhB,YAAU,UAAWe,EAAMS,YAC3BxB,YAAU,aAAce,EAAMS,YAC9BxB,YAAU,cAAee,EAAMU,OAC/BzB,YAAU,iBAAkBe,EAAMU,QAqDlCW,KAnDqBD,YAAH,yBAClBnC,YAAU,UAAWe,EAAMe,OAC3B9B,YAAU,UAAWe,EAAMC,OAC3BhB,YAAU,aAAce,EAAMC,OAC9BhB,YAAU,cAAee,EAAMU,OAC/BzB,YAAU,iBAAkBe,EAAMU,QA+ClCY,MA7CsBF,YAAH,yBACnBnC,YAAU,UAAWe,EAAMC,OAC3BhB,YAAU,UAAWe,EAAMe,OAC3B9B,YAAU,aAAce,EAAMe,OAC9B9B,YAAU,cAAee,EAAMU,OAC/BzB,YAAU,iBAAkBe,EAAMU,QAyClCF,WAvC2BY,YAAH,yBACxBnC,YAAU,UAAWe,EAAMC,OAC3BhB,YAAU,UAAWe,EAAMQ,YAC3BvB,YAAU,aAAce,EAAMO,WAC9BtB,YAAU,cAAee,EAAMU,OAC/BzB,YAAU,iBAAkBe,EAAMU,QAmClCa,cAjC8BH,YAAH,yBAC3BnC,YAAU,UAAWe,EAAMC,OAC3BhB,YAAU,UAAWe,EAAMS,YAC3BxB,YAAU,aAAce,EAAMS,YAC9BxB,YAAU,cAAee,EAAMc,UAC/B7B,YAAU,iBAAkBe,EAAMc,WA6BlCU,aA3B6BJ,YAAH,yBAC1BnC,YAAU,UAAWe,EAAMe,OAC3B9B,YAAU,UAAWe,EAAMC,OAC3BhB,YAAU,aAAce,EAAMC,OAC9BhB,YAAU,cAAee,EAAMa,eAC/B5B,YAAU,iBAAkBe,EAAMa,gBAuBlCY,cArB8BL,YAAH,yBAC3BnC,YAAU,UAAWe,EAAMC,OAC3BhB,YAAU,UAAWe,EAAMe,OAC3B9B,YAAU,aAAce,EAAMe,OAC9B9B,YAAU,cAAee,EAAMc,UAC/B7B,YAAU,iBAAkBe,EAAMc,WAiBlCA,SAfyBM,YAAH,yBACtBnC,YAAU,UAAWe,EAAMe,OAC3B9B,YAAU,UAAWe,EAAMc,UAC3B7B,YAAU,aAAce,EAAMc,UAC9B7B,YAAU,cAAee,EAAMe,OAC/B9B,YAAU,iBAAkBe,EAAMe,SAYvBf","file":"49-4c3b677b5bb064e2762f.js","sourcesContent":["const variables = [\r\n    'fgColor',\r\n    'bgColor',\r\n    'bgColorAlt',\r\n    'accentColor',\r\n    'accentColorAlt',\r\n    'siteWidth',\r\n    'sitePadding',\r\n    'sectionMargin',\r\n];\r\nfunction cssVar(name) {\r\n    return `var(--${name})`;\r\n}\r\nfunction setCssVar(name, value) {\r\n    return `--${name}: ${value}`;\r\n}\r\nexport { cssVar, setCssVar };\r\n","import { themes } from '@helpers/brand';\r\nimport { cssVar } from '@helpers/cssVar';\r\nimport styled from 'styled-components';\r\nconst Link = styled.a `\r\n  ${themes['dark']};\r\n\r\n  position: fixed;\r\n  top: 0;\r\n  left: 50%;\r\n  display: block;\r\n  background: ${cssVar('bgColor')};\r\n  color: ${cssVar('fgColor')};\r\n  height: 30px;\r\n  padding: 8px;\r\n  transform: translateX(-50%) translateY(-100%);\r\n  transition: transform 0.15s ease-out;\r\n  z-index: 2000;\r\n\r\n  &:focus {\r\n    transform: translateX(-50%) translateY(0%);\r\n  }\r\n`;\r\nexport default {\r\n    Link,\r\n};\r\n","import React from 'react';\r\nimport S from './SkipToContent.styles';\r\nconst SkipToContent = ({ cta }) => {\r\n    return (React.createElement(S.Link, { href: cta.url, \"aria-label\": cta.accessibleText }, cta.text));\r\n};\r\nexport default SkipToContent;\r\n","import { css } from 'styled-components';\r\nimport { setCssVar } from './cssVar';\r\nimport greyscale from './grey';\r\nconst brand = {\r\n    black: '#000000',\r\n    grey: greyscale,\r\n    paleGreen: '#F4FCF3',\r\n    lightGreen: '#EAFAE9',\r\n    lightBeige: '#F0EEE6',\r\n    green: '#3CD52F',\r\n    greenGrey: '#75786D',\r\n    paleBurgundy: '#E9D5D8',\r\n    lightBurgundy: '#CF9EA4',\r\n    burgundy: '#76232F',\r\n    white: '#fff',\r\n    validation: {\r\n        invalid: '#da291c',\r\n        valid: '#008c15',\r\n    },\r\n};\r\nexport const beigeTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.lightBeige)};\r\n  ${setCssVar('bgColorAlt', brand.lightBeige)};\r\n  ${setCssVar('accentColor', brand.green)};\r\n  ${setCssVar('accentColorAlt', brand.green)};\r\n`;\r\nexport const darkTheme = css `\r\n  ${setCssVar('fgColor', brand.white)};\r\n  ${setCssVar('bgColor', brand.black)};\r\n  ${setCssVar('bgColorAlt', brand.black)};\r\n  ${setCssVar('accentColor', brand.green)};\r\n  ${setCssVar('accentColorAlt', brand.green)};\r\n`;\r\nexport const lightTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.white)};\r\n  ${setCssVar('bgColorAlt', brand.white)};\r\n  ${setCssVar('accentColor', brand.green)};\r\n  ${setCssVar('accentColorAlt', brand.green)};\r\n`;\r\nexport const lightGreenTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.lightGreen)};\r\n  ${setCssVar('bgColorAlt', brand.paleGreen)};\r\n  ${setCssVar('accentColor', brand.green)};\r\n  ${setCssVar('accentColorAlt', brand.green)};\r\n`;\r\nexport const beigeBurgundyTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.lightBeige)};\r\n  ${setCssVar('bgColorAlt', brand.lightBeige)};\r\n  ${setCssVar('accentColor', brand.burgundy)};\r\n  ${setCssVar('accentColorAlt', brand.burgundy)};\r\n`;\r\nexport const darkBurgundyTheme = css `\r\n  ${setCssVar('fgColor', brand.white)};\r\n  ${setCssVar('bgColor', brand.black)};\r\n  ${setCssVar('bgColorAlt', brand.black)};\r\n  ${setCssVar('accentColor', brand.lightBurgundy)};\r\n  ${setCssVar('accentColorAlt', brand.lightBurgundy)};\r\n`;\r\nexport const whiteBurgundyTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.white)};\r\n  ${setCssVar('bgColorAlt', brand.white)};\r\n  ${setCssVar('accentColor', brand.burgundy)};\r\n  ${setCssVar('accentColorAlt', brand.burgundy)};\r\n`;\r\nexport const burgundyTheme = css `\r\n  ${setCssVar('fgColor', brand.white)};\r\n  ${setCssVar('bgColor', brand.burgundy)};\r\n  ${setCssVar('bgColorAlt', brand.burgundy)};\r\n  ${setCssVar('accentColor', brand.white)};\r\n  ${setCssVar('accentColorAlt', brand.white)};\r\n`;\r\nexport const themes = {\r\n    beige: beigeTheme,\r\n    dark: darkTheme,\r\n    light: lightTheme,\r\n    lightGreen: lightGreenTheme,\r\n    beigeBurgundy: beigeBurgundyTheme,\r\n    darkBurgundy: darkBurgundyTheme,\r\n    whiteBurgundy: whiteBurgundyTheme,\r\n    burgundy: burgundyTheme,\r\n};\r\nexport default brand;\r\n","import { hsl } from 'polished';\r\nconst greyscaleValues = [44];\r\nconst greyscale = greyscaleValues.reduce((previous, current) => ({\r\n    ...previous,\r\n    [`grey${current}`]: grey(current),\r\n}), {});\r\nfunction grey(value) {\r\n    return hsl(0, 0, value / 100);\r\n}\r\nexport { greyscale as default, grey };\r\n"],"sourceRoot":""}