{"version":3,"file":"4781-f688c688a396372ba808.js","mappings":"uKACA,SAEIA,MAAO,UAEPC,MAAO,OACPC,QAAS,CAELC,OAAQ,UAERC,SAAU,WAEdC,UAAW,CAEPC,IAAK,WAETC,SAAU,CAENC,MAAO,UAEPC,OAAQ,UAERC,UAAW,UAEXC,SAAU,WAEdC,KAAM,CAEFT,OAAQ,UAERC,SAAU,WAEdS,WAAY,CAERC,QAAS,UAETC,MAAO,WAEXC,KAAM,CAEFC,QAAQC,EAAAA,EAAAA,IAAI,EAAG,EAAG,KAElBC,QAAQD,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBE,QAAQF,EAAAA,EAAAA,IAAI,EAAG,EAAG,KAElBG,QAAQH,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBI,QAAQJ,EAAAA,EAAAA,IAAI,EAAG,EAAG,KAElBK,QAAQL,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBM,QAAQN,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBO,QAAQP,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBQ,QAAQR,EAAAA,EAAAA,IAAI,EAAG,EAAG,M,gDCvD1B,SACIS,eAAgB,CACZC,SAASC,EAAAA,EAAAA,IAAG,iFAKZC,QAAQD,EAAAA,EAAAA,IAAG,iFAKXE,UAAUF,EAAAA,EAAAA,IAAG,kF,6kBCqCrB,GAzCuBA,EAAAA,EAAAA,IAAG,ilBAOXG,EACHC,EASGC,EACHC,EASGC,EACHC,EASGC,EACHC,GCwBZ,GAjEqBC,EAAAA,EAAAA,IAAiB,i1BAElCb,E,0kQAiBEc,EAAAA,EAAMd,eAAeC,QAGdc,EAAAA,EAAMxC,QAAQC,O","sources":["webpack://royal-college-radiologists/./src/helpers/brand.ts","webpack://royal-college-radiologists/./src/helpers/fonts.ts","webpack://royal-college-radiologists/./src/stories/Widgets/Global/GlobalStyles/graphikCompact.ts","webpack://royal-college-radiologists/./src/stories/Widgets/Global/GlobalStyles/GlobalStyles.tsx"],"sourcesContent":["import { hsl } from 'polished';\r\nexport default {\r\n    /** Hex: #1f1f1f */\r\n    black: '#1f1f1f',\r\n    /** Hex: #fff */\r\n    white: '#fff',\r\n    primary: {\r\n        /** Hex: #2D053C */\r\n        purple: '#2D053C',\r\n        /** Hex: #F0EFFF */\r\n        offWhite: '#F0EFFF',\r\n    },\r\n    secondary: {\r\n        /** Hex: #FF324B */\r\n        red: '#FF324B',\r\n    },\r\n    tertiary: {\r\n        /** Hex: #32FF64 */\r\n        green: '#32FF64',\r\n        /** Hex: #C8FF0A */\r\n        yellow: '#C8FF0A',\r\n        /** Hex: #00FFFF */\r\n        lightBlue: '#00FFFF',\r\n        /** Hex: #2E54FF */\r\n        darkBlue: '#2E54FF',\r\n    },\r\n    tint: {\r\n        /** Hex: #3E134E */\r\n        purple: '#3E134E',\r\n        /** Hex: #F7F7FF */\r\n        offWhite: '#F7F7FF',\r\n    },\r\n    validation: {\r\n        /** Hex: #DA291C */\r\n        invalid: '#DA291C',\r\n        /** Hex: #DA291C */\r\n        valid: '#008C15',\r\n    },\r\n    grey: {\r\n        /** Hex: #222222 */\r\n        grey13: hsl(0, 0, 0.13),\r\n        /** Hex: #585858 */\r\n        grey20: hsl(0, 0, 0.2),\r\n        /** Hex: #585858 */\r\n        grey35: hsl(0, 0, 0.35),\r\n        /** Hex: #666666 */\r\n        grey40: hsl(0, 0, 0.4),\r\n        /** Hex: #707070 */\r\n        grey44: hsl(0, 0, 0.44),\r\n        /** Hex: #999999 */\r\n        grey60: hsl(0, 0, 0.6),\r\n        /** Hex: #CCCCCC */\r\n        grey80: hsl(0, 0, 0.8),\r\n        /** Hex: #E5E5E5 */\r\n        grey90: hsl(0, 0, 0.9),\r\n        /** Hex: #F7F7F7 */\r\n        grey97: hsl(0, 0, 0.97),\r\n    },\r\n};\r\n","import { css } from 'styled-components';\r\nexport default {\r\n    graphikCompact: {\r\n        regular: css `\r\n      font-family: 'Graphik Compact', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        medium: css `\r\n      font-family: 'Graphik Compact', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 500;\r\n    `,\r\n        semibold: css `\r\n      font-family: 'Graphik Compact', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n    `,\r\n    },\r\n};\r\n","import { css } from 'styled-components';\r\nimport graphikCompact500woff from '../../../../client/fonts/graphikCompact/GraphikCompact-Medium-Web.woff';\r\nimport graphikCompact500woff2 from '../../../../client/fonts/graphikCompact/GraphikCompact-Medium-Web.woff2';\r\nimport graphikCompact500Italicwoff from '../../../../client/fonts/graphikCompact/GraphikCompact-MediumItalic-Web.woff';\r\nimport graphikCompact500Italicwoff2 from '../../../../client/fonts/graphikCompact/GraphikCompact-MediumItalic-Web.woff2';\r\nimport graphikCompact400woff from '../../../../client/fonts/graphikCompact/GraphikCompact-Regular-Web.woff';\r\nimport graphikCompact400woff2 from '../../../../client/fonts/graphikCompact/GraphikCompact-Regular-Web.woff2';\r\nimport graphikCompact600woff from '../../../../client/fonts/graphikCompact/GraphikCompact-Semibold-Web.woff';\r\nimport graphikCompact600woff2 from '../../../../client/fonts/graphikCompact/GraphikCompact-Semibold-Web.woff2';\r\nconst graphikCompact = css `\r\n  /* Graphik Compact Regular */\r\n  @font-face {\r\n    font-display: swap;\r\n    font-family: 'Graphik Compact';\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    src: url(${graphikCompact400woff2}) format('woff2'),\r\n      url(${graphikCompact400woff}) format('woff');\r\n  }\r\n\r\n  /* Graphik Compact Medium */\r\n  @font-face {\r\n    font-display: swap;\r\n    font-family: 'Graphik Compact';\r\n    font-style: normal;\r\n    font-weight: 500;\r\n    src: url(${graphikCompact500woff2}) format('woff2'),\r\n      url(${graphikCompact500woff}) format('woff');\r\n  }\r\n\r\n  /* Graphik Compact Italic */\r\n  @font-face {\r\n    font-display: swap;\r\n    font-family: 'Graphik Compact';\r\n    font-style: italic;\r\n    font-weight: 500;\r\n    src: url(${graphikCompact500Italicwoff2}) format('woff2'),\r\n      url(${graphikCompact500Italicwoff}) format('woff');\r\n  }\r\n\r\n  /* Graphik Compact SemiBold */\r\n  @font-face {\r\n    font-display: swap;\r\n    font-family: 'Graphik Compact';\r\n    font-style: normal;\r\n    font-weight: 600;\r\n    src: url(${graphikCompact600woff2}) format('woff2'),\r\n      url(${graphikCompact600woff}) format('woff');\r\n  }\r\n`;\r\nexport default graphikCompact;\r\n","import brand from '@helpers/brand';\r\nimport fonts from '@helpers/fonts';\r\nimport { createGlobalStyle } from 'styled-components';\r\nimport resetCss from '../../../../client/reset.css?raw';\r\nimport graphikCompact from './graphikCompact';\r\n// TODO: import font\r\nconst GlobalStyles = createGlobalStyle `\r\n  // TODO: font\r\n  ${graphikCompact}\r\n  ${resetCss}\r\n\r\n  :root {\r\n    --accentColor: initial;\r\n    --accentContrastColor: initial;\r\n    --bgColor: initial;\r\n    --fgColor: initial;\r\n    --gutterWidth: initial;\r\n    --sectionSpacing: initial;\r\n    --sitePadding: initial;\r\n    --siteWidth: initial;\r\n  }\r\n\r\n  html {}\r\n\r\n  body {\r\n    ${fonts.graphikCompact.regular};\r\n\r\n    overscroll-behavior-x: none;\r\n    color: ${brand.primary.purple};\r\n  }\r\n\r\n  img {\r\n    max-width: 100%;\r\n  }\r\n\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  span {\r\n    display: inline-block;\r\n  }\r\n\r\n  sup {\r\n    position: relative;\r\n    top: -0.5em;\r\n    font-size: 80%;\r\n  }\r\n\r\n  .hidden {\r\n    display: none;\r\n    visibility: none;\r\n  }\r\n\r\n  #main, main {\r\n    > span {\r\n      display: inline;\r\n    }\r\n  }\r\n\r\n  .display-contents {\r\n    display: contents;\r\n  }\r\n\r\n  html body.equally-ai___monochrome-contrast > :not(#equally-ai___init-access-tool),\r\n  html body.equally-ai___reverse-contrast > :not(#equally-ai___init-access-tool),\r\n  html body.equally-ai___high-saturation > :not(#equally-ai___init-access-tool),\r\n  html body.equally-ai___reverse-contrast.equally-ai___monochrome-contrast > :not(#equally-ai___init-access-tool) {\r\n    filter: none !important;\r\n  }\r\n`;\r\nexport default GlobalStyles;\r\n"],"names":["black","white","primary","purple","offWhite","secondary","red","tertiary","green","yellow","lightBlue","darkBlue","tint","validation","invalid","valid","grey","grey13","hsl","grey20","grey35","grey40","grey44","grey60","grey80","grey90","grey97","graphikCompact","regular","css","medium","semibold","graphikCompact400woff2","graphikCompact400woff","graphikCompact500woff2","graphikCompact500woff","graphikCompact500Italicwoff2","graphikCompact500Italicwoff","graphikCompact600woff2","graphikCompact600woff","createGlobalStyle","fonts","brand"],"sourceRoot":""}