{"version":3,"file":"ContactCards-Chunk-237a0399d46471b75ec6.js","mappings":"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","sources":["webpack://react-app/./components/Shared/src/components/organisms/ContactCards/ContactCards.tsx","webpack://react-app/./components/organisms/ContactCards/ContactCardsWrapper.tsx","webpack://react-app/./components/Shared/src/utility/hooks/useDevicePixelRatio.ts","webpack://react-app/./components/Shared/src/components/atoms/Image/Image.tsx","webpack://react-app/./components/Shared/src/components/atoms/Text/Text.tsx","webpack://react-app/./components/Shared/tailwind.config.js","webpack://react-app/./node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","webpack://react-app/./components/Shared/src/utility/hooks/useBreakpoint.ts","webpack://react-app/./components/Shared/src/utility/format/parseNumberInString.ts","webpack://react-app/./components/Shared/src/utility/config/breakpoints.ts","webpack://react-app/./components/Shared/src/models/enums/BreakpointEnum.ts"],"sourcesContent":["import Image from '@atoms/Image/Image';\nimport Text from '@atoms/Text/Text';\nimport { IImage } from '@models/IImage';\n\nexport interface IContactCards {\n readonly title: string;\n readonly mobileLabel: string;\n readonly cards: IContactCard[];\n}\n\ninterface IContactCard {\n readonly image: IImage;\n readonly name: string;\n readonly role: string;\n readonly mobileLabel: string;\n readonly mobileNumber?: string;\n readonly email?: string;\n}\nconst ContactCard = ({\n image,\n name,\n role,\n mobileLabel,\n mobileNumber,\n email,\n}: IContactCard) => (\n
\n \n
\n \n {name}\n \n \n {role}\n \n {(mobileNumber || email) && (\n
\n {mobileNumber && (\n \n {mobileLabel}: {mobileNumber}\n \n )}\n {email && (\n \n {email}\n \n )}\n
\n )}\n
\n
\n);\n\nconst ContactCards = ({ title, mobileLabel, cards }: IContactCards) => (\n
\n \n {title}\n \n {cards.map((card) => (\n
\n \n
\n ))}\n
\n);\n\nexport default ContactCards;\n","import ContactCards, {\n IContactCards,\n} from '@organisms/ContactCards/ContactCards';\n\nconst ContentCards = (props: IContactCards) => ;\n\nexport default ContentCards;\n","import { useEffect, useState } from 'react';\n\nconst useDevicePixelRatio = (): number | undefined => {\n const [devicePixelRatio, setDevicePixelRatio] = useState(\n undefined\n );\n\n useEffect(() => {\n const updateDevicePixelRatio = () => {\n setDevicePixelRatio(Math.ceil(window.devicePixelRatio));\n };\n\n const mediaQuery = window.matchMedia(\n `(resolution: ${window.devicePixelRatio}dppx)`\n );\n mediaQuery.addEventListener('change', updateDevicePixelRatio);\n\n return () => {\n mediaQuery.removeEventListener('change', updateDevicePixelRatio);\n };\n }, []);\n\n return devicePixelRatio;\n};\n\nexport default useDevicePixelRatio;\n","import { IImage } from '@models/IImage';\nimport BreakpointEnum from '@models/enums/BreakpointEnum';\nimport breakpoints from '@utility/config/breakpoints';\nimport useBreakpoint from '@utility/hooks/useBreakpoint';\nimport useDevicePixelRatio from '@utility/hooks/useDevicePixelRatio';\nimport classNames from 'classnames';\nimport {\n PropsWithChildren,\n RefObject,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\n\ninterface Props {\n readonly aspectRatio?: number;\n readonly classes?: string;\n readonly containerRef?: RefObject;\n readonly image: IImage;\n readonly imageClasses?: string;\n readonly lazyLoad?: boolean;\n readonly quality?: number;\n readonly sizes?: string;\n readonly height?: number;\n readonly width?: number;\n readonly onLoad?: () => void;\n}\n\nconst Image = ({\n aspectRatio, // width / height e.g. 0.5, 2 etc.\n children,\n classes,\n containerRef,\n image,\n imageClasses,\n lazyLoad = true,\n quality = 70,\n sizes = '',\n height,\n width,\n onLoad,\n}: PropsWithChildren) => {\n const devicePixelRatio = useDevicePixelRatio() ?? 1;\n const breakpoint = useBreakpoint() ?? BreakpointEnum.XLarge;\n const imgRef = useRef(null);\n\n const {\n url,\n altText,\n originalHeight,\n originalWidth,\n imageFocalPoint,\n srcSet: source,\n } = image ?? {};\n const fileExtension = url?.substring(url?.lastIndexOf('.') + 1);\n const hasParams = url?.includes('&'); // For images not coming from Opti\n const containerWidth = containerRef?.current?.clientWidth;\n\n const breakpointWidths = [\n 375 * devicePixelRatio,\n 752 * devicePixelRatio,\n 1024 * devicePixelRatio,\n 1408 * devicePixelRatio,\n 1600 * devicePixelRatio,\n ];\n\n const calculatedAspectRatio = useMemo(() => {\n if (aspectRatio) return aspectRatio;\n\n if (originalWidth && originalHeight) return originalWidth / originalHeight;\n }, [aspectRatio, originalWidth, originalHeight]);\n\n const generateUrlWithExtensions = useCallback(\n (width?: number) => {\n const qParam = quality ? `&quality=${quality}` : '';\n const fpParam = imageFocalPoint\n ? `&rxy=${imageFocalPoint.replace('|', ',')}`\n : '';\n\n if (!width) {\n return `${url}?format=webp$${fpParam}${qParam}`;\n }\n\n const wParam = `&width=${width}`;\n const h = aspectRatio ? width / aspectRatio : height;\n const hParam = h ? `&height=${h}` : '';\n\n return `${url}?format=webp${wParam}${hParam}${fpParam}${qParam}`;\n },\n [url, quality, calculatedAspectRatio, imageFocalPoint]\n );\n\n const srcSet = useMemo(() => {\n return source\n ? `${url} ${breakpointWidths[1]}w, ${source} ${breakpointWidths[2]}w`\n : breakpointWidths\n .map(\n (bpWidth, i) =>\n `${generateUrlWithExtensions(\n i < breakpointWidths.length - 1 ? bpWidth : 1920\n )} ${bpWidth}w`\n )\n .join(', ');\n }, [source, breakpointWidths, generateUrlWithExtensions]);\n\n useEffect(() => {\n // Fallback - sometimes onLoad does not trigger if the image is cached\n if (imgRef?.current?.complete && onLoad) onLoad();\n }, [imgRef]);\n\n if (!url || devicePixelRatio == null) return null;\n\n if (fileExtension === 'svg' || isValidBase64ImageSource(url)) {\n return (\n \n );\n }\n\n return (\n <>\n \n {!width && !containerWidth && !hasParams && (\n \n )}\n \n {children}\n \n \n );\n};\n\nconst isValidBase64ImageSource = (imageSrc: string) => {\n const regex = /^data:image\\/(png|jpg|jpeg|gif);base64,[A-Za-z0-9+/]+={0,2}$/;\n return regex.test(imageSrc);\n};\n\nexport default Image;\n","import classNames from 'classnames';\n\nexport type TextVariant = keyof typeof variantClasses;\n\ninterface ExplicitProps {\n variant: TextVariant;\n className?: string;\n children?: string | string[] | TrustedHTML;\n}\n\n// This allows Text Component props to match the props of the element defined by 'as'\ntype PropsWithAs =\n Partial<\n ExplicitProps & {\n as: TElementType;\n }\n >;\n\ntype TextProps =\n PropsWithAs &\n Omit, keyof PropsWithAs>;\n\nconst __DEFAULT_ELEMENT__ = 'p';\n\nconst variantClasses = {\n 'hero-headline-large':\n 'tw-font-serif tw-text-4xl md:tw-text-7xl xl:tw-text-9xl',\n 'hero-headline': 'tw-font-serif tw-text-4xl md:tw-text-7xl xl:tw-text-8xl',\n headline: 'tw-font-serif tw-text-3xl xl:tw-text-5xl',\n 'sub-headline': 'tw-font-sans tw-text-2xl', // alt name - heading-24\n // New Design System Variants\n 'ds-sub-headline': 'tw-font-serif tw-text-4xl md:tw-text-5xl xl:tw-text-7xl',\n 'ds-headline-2': 'tw-text-3xl md:tw-text-4xl xl:tw-text-5xl tw-font-serif',\n 'ds-headline-3': 'tw-text-xl lg:tw-text-2xl tw-font-sans tw-font-light',\n 'ds-headline-4': 'tw-font-sans tw-text-lg lg:tw-text-xl',\n 'ds-quote': 'tw-font-serif tw-text-2xl lg:tw-text-3xl',\n 'ds-paragraph': 'tw-font-sans tw-text-sm lg:tw-text-base',\n body: 'tw-font-sans tw-text-base', // alt name - body-16\n 'body-small': 'tw-font-sans tw-text-sm', // alt name - body-14\n // secondary / non-responsive variants\n 'heading-56': 'tw-font-serif tw-text-8xl',\n 'heading-48': 'tw-font-serif tw-text-7xl',\n 'heading-40': 'tw-font-serif tw-text-6xl',\n 'heading-36': 'tw-font-serif tw-text-5xl',\n 'heading-32': 'tw-font-serif tw-text-4xl',\n 'heading-28': 'tw-font-serif tw-text-3xl',\n 'heading-24-light': 'tw-font-sans tw-text-2xl tw-font-light',\n 'heading-21': 'tw-font-sans tw-text-xl',\n 'heading-21-light': 'tw-font-sans tw-text-xl tw-font-light',\n 'body-18': 'tw-font-sans tw-text-lg',\n 'body-18-semibold': 'tw-font-sans tw-text-lg tw-font-semibold',\n 'body-16-semibold': 'tw-font-sans tw-font-semibold',\n 'body-14-semibold': 'tw-font-sans tw-text-sm tw-font-semibold',\n 'mono-14': 'tw-font-mono tw-text-sm',\n 'mono-12': 'tw-font-mono tw-text-xs',\n 'mono-14-semibold': 'tw-font-mono tw-text-sm tw-font-semibold',\n 'mono-12-semibold': 'tw-font-mono tw-text-xs tw-font-semibold',\n 'label-12': 'tw-font-sans tw-text-xs',\n 'label-12-semibold': 'tw-font-sans tw-text-xs tw-font-semibold',\n};\n\nconst defaultTags: Record<\n string,\n 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'code' | 'label'\n> = {\n 'hero-headline-large': 'h1',\n 'hero-headline': 'h1',\n headline: 'h2',\n 'sub-headline': 'h3',\n body: 'p',\n 'heading-56': 'h1',\n 'heading-48': 'h2',\n 'heading-40': 'h3',\n 'heading-36': 'h4',\n 'heading-32': 'h5',\n 'heading-28': 'h6',\n 'heading-24-light': 'h6',\n 'heading-21': 'h4',\n 'body-small': 'p',\n 'body-18': 'p',\n 'body-18-semibold': 'p',\n 'body-16-semibold': 'p',\n 'body-14-semibold': 'p',\n 'mono-14': 'code',\n 'mono-12': 'code',\n 'mono-14-semibold': 'code',\n 'mono-12-semibold': 'code',\n 'label-12': 'label',\n 'label-12-semibold': 'label',\n};\n\nfunction Text<\n TElementType extends React.ElementType = typeof __DEFAULT_ELEMENT__\n>({\n as,\n className,\n variant = 'body',\n children,\n ...props\n}: TextProps) {\n const combinedClassName = classNames(variantClasses[variant], className);\n const Tag = as ?? defaultTags[variant] ?? 'span';\n\n return (\n \n {children}\n \n );\n}\n\nexport default Text;\n","/* eslint-env node */\n/* eslint-disable @typescript-eslint/no-var-requires */\n\n/** @type {import('tailwindcss').Config} */\n\nconst screens = {\n sm: '375px',\n md: '752px',\n lg: '1024px',\n xl: '1408px',\n xxl: '1600px',\n};\n\nmodule.exports = {\n darkMode: 'selector',\n prefix: 'tw-',\n content: [\n './.storybook/**/*.{js,jsx,mdx,ts,tsx}',\n './src/components/**/*.{js,jsx,mdx,ts,tsx}',\n ],\n theme: {\n screens,\n listStyleType: {\n none: 'none',\n disc: 'disc',\n decimal: 'decimal',\n square: 'square',\n },\n container: {\n screens,\n center: true,\n padding: {\n DEFAULT: '16px',\n sm: '16px',\n md: '32px',\n lg: '48px',\n xl: '48px',\n '2xl': '48px',\n },\n },\n fontFamily: {\n sans: '\"Noto Sans\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"',\n serif:\n '\"Playfair Display\",ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\n mono: '\"Noto Sans Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n icon: 'icomoon',\n },\n fontSize: {\n xs: ['0.75rem', '1rem'],\n sm: ['0.875rem', '1.25rem'],\n base: ['1rem', '1.5rem'],\n lg: ['1.125rem', '1.625rem'],\n xl: ['1.3125rem', '1.75rem'],\n '2xl': ['1.5rem', '2rem'],\n '3xl': ['1.75rem', '2.25rem'],\n '4xl': ['2rem', '2.5rem'],\n '5xl': ['2.25rem', '2.75rem'],\n '6xl': ['2.5rem', '3rem'],\n '7xl': ['3rem', '3.5rem'],\n '8xl': ['3.5rem', '4rem'],\n },\n lineHeight: {\n xs: '1rem',\n sm: '1.25rem',\n base: '1.5rem',\n lg: '1.625rem',\n xl: '1.75rem',\n '2xl': '2rem',\n '3xl': '2.25rem',\n '4xl': '2.5rem',\n '5xl': '2.75rem',\n '6xl': '3rem',\n '7xl': '3.5rem',\n '8xl': '4rem',\n },\n fontWeight: {\n light: '300',\n normal: '400',\n semibold: '600',\n },\n colors: {\n blue: {\n DEFAULT: '#031E45',\n },\n yellow: {\n DEFAULT: '#F0AB00',\n hover: '#F1B32D',\n active: '#EDBE46',\n disabled: '#FBE6B3',\n },\n red: {\n DEFAULT: '#D52B1E',\n hover: '#E11E0F',\n active: '#EC0E00',\n disabled: '#F2BFBC',\n },\n green: {\n DEFAULT: '#329E36',\n },\n grey: {\n 100: '#202020',\n 90: '#333333',\n 80: '#4D4D4D',\n 70: '#666666',\n 60: '#808080',\n 50: '#999999',\n 40: '#B3B3B3',\n 30: '#CCCCCC',\n 20: '#E6E6E6',\n 10: '#F7F7F7',\n },\n white: {\n DEFAULT: '#FFFFFF',\n },\n black: {\n DEFAULT: '#202020',\n },\n transparent: 'transparent',\n background: {\n amber: '#AF8A76', // light\n amberDark: '#806A62', // dark\n beige: '#E9D8B8', // light\n beigeDark: '#A98259', // light\n brownGray: '#79736D', // dark\n brownGrey: '#79736D', // dark\n coral: '#DBC4B7', // light\n coralDark: '#985F56', // dark\n darkGrey: '#E6E6E6', // light\n gBSGreen: '#276D00', // dark\n gBSHarpGreen: '#E5EFEA', // light\n gBSLightGreen: '#478326', // dark\n gBSPalmGreen: '#012317', // dark\n gBSSummerGreen: '#C4D0B0', // light\n graphite: '#70666C', //dark\n jotunBlue: '#031E45', // dark\n jotunYellow: '#F0AB00', // light\n lightBlue: '#E6E9F0', // light\n lightGreen: '#E6F0EB', // light\n lightgrey: '#F7F7F7', // light\n lightGrey: '#F7F7F7', // light\n oceanDark: '#19262C', // dark\n olive: '#C9D0C5', // light\n oliveDark: '#646556', // dark\n pearl: '#F3F4ED', // light\n sand: '#E7DFCD', // light\n sandDark: '#CEC1B1', // light\n slate: '#A5BCC3', // light\n slateDark: '#4E616C', // dark\n white: '#FFFFFF', // light\n },\n },\n extend: {\n fill: {\n current: 'currentColor',\n },\n stroke: {\n current: 'currentColor',\n },\n transitionTimingFunction: {\n 'in-out-quart': 'cubic-bezier(0.76, 0, 0.24, 1)',\n },\n borderRadius: {\n DEFAULT: '4px',\n md: '10px',\n },\n borderWidth: {\n 1: '1px',\n },\n spacing: {\n '4xs': '0.125rem', // 2px\n '3xs': '0.25rem', // 4px\n xxs: '0.5rem', // 8px\n xs: '1rem', // 16px\n sm: '1.5rem', // 24px\n md: '2rem', // 32px\n lg: '2.5rem', // 40px\n xl: '3rem', // 48px\n '2xl': '4rem', // 64px\n '3xl': '5rem', // 80px\n '4xl': '6rem', // 96px\n '5xl': '7.5rem', // 120px\n buttonY: '0.875rem', // 14px\n },\n zIndex: {\n max: '999',\n 100: '100',\n 90: '90',\n 80: '80',\n 70: '70',\n 60: '60',\n },\n },\n },\n future: { hoverOnlyWhenSupported: true },\n plugins: [require('@tailwindcss/container-queries')],\n};\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import BreakpointEnum from '@models/enums/BreakpointEnum';\nimport Breakpoint from '@models/helpers/Breakpoint';\nimport breakpoints from '@utility/config/breakpoints';\nimport { useCallback, useEffect, useState } from 'react';\n\nconst getCurrentBreakpoint = (): Breakpoint => {\n const width = window.innerWidth;\n let device;\n\n if (width < breakpoints.md) {\n device = BreakpointEnum.Small;\n } else if (width < breakpoints.lg) {\n device = BreakpointEnum.Medium;\n } else if (width < breakpoints.xl) {\n device = BreakpointEnum.Large;\n } else if (width < breakpoints.xxl) {\n device = BreakpointEnum.XLarge;\n } else device = BreakpointEnum.Max;\n\n return device;\n};\n\nconst useBreakpoint = (): Breakpoint | undefined => {\n const [screen, setScreen] = useState();\n\n const resizeHandler = useCallback(() => {\n setScreen(getCurrentBreakpoint());\n }, []);\n\n useEffect(() => {\n window.addEventListener('resize', resizeHandler);\n setScreen(getCurrentBreakpoint());\n\n return () => {\n window.removeEventListener('resize', resizeHandler);\n };\n }, [resizeHandler]);\n\n return screen;\n};\n\nexport default useBreakpoint;\n","// Will parse a pixel string to a number e.g. '762px' => 762\n\nconst parseNumberInString = (pixelValue: string) => {\n const match = pixelValue.match(/\\d+/);\n\n if (match) {\n return parseInt(match[0], 10);\n }\n\n return 0;\n};\n\nexport default parseNumberInString;\n","import BreakpointEnum from '@models/enums/BreakpointEnum';\nimport Breakpoint from '@models/helpers/Breakpoint';\nimport parseNumberInString from '@utility/format/parseNumberInString';\nimport resolveConfig from 'tailwindcss/resolveConfig';\nimport tailwindConfig from '../../../tailwind.config';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst fullConfig = resolveConfig(tailwindConfig as any);\n\nconst { sm, md, lg, xl, xxl } = fullConfig.theme.screens;\n\nconst breakpoints = {\n sm: parseNumberInString(sm),\n md: parseNumberInString(md),\n lg: parseNumberInString(lg),\n xl: parseNumberInString(xl),\n xxl: parseNumberInString(xxl),\n};\n\nexport default breakpoints;\n\nconst breakpointArray: Breakpoint[] = Object.values(BreakpointEnum);\n\nexport const breakpointsBelow = (breakpoint: Breakpoint) => {\n const upperIndex = breakpointArray.indexOf(breakpoint);\n return breakpointArray.slice(0, upperIndex);\n};\n\nexport const breakpointsAbove = (breakpoint: Breakpoint) => {\n const lowerIndex = breakpointArray.indexOf(breakpoint) + 1;\n return breakpointArray.slice(lowerIndex);\n};\n","enum BreakpointEnum {\n Small = 'sm',\n Medium = 'md',\n Large = 'lg',\n XLarge = 'xl',\n Max = 'xxl',\n}\n\nexport default BreakpointEnum;\n"],"names":["ContactCard","_ref","image","name","role","mobileLabel","mobileNumber","email","React","createElement","className","Image","aspectRatio","width","classes","Text","variant","as","_ref2","title","cards","map","card","key","_extends","props","ContactCards","useDevicePixelRatio","devicePixelRatio","setDevicePixelRatio","useState","undefined","useEffect","updateDevicePixelRatio","Math","ceil","window","mediaQuery","matchMedia","addEventListener","removeEventListener","isValidBase64ImageSource","imageSrc","test","children","containerRef","imageClasses","lazyLoad","quality","sizes","height","onLoad","breakpoint","useBreakpoint","BreakpointEnum","XLarge","imgRef","useRef","url","altText","originalHeight","originalWidth","imageFocalPoint","srcSet","source","fileExtension","substring","lastIndexOf","hasParams","includes","containerWidth","current","clientWidth","breakpointWidths","calculatedAspectRatio","useMemo","generateUrlWithExtensions","useCallback","qParam","fpParam","replace","h","bpWidth","i","length","join","complete","src","alt","draggable","Fragment","classNames","type","ref","style","loading","fetchPriority","breakpoints","variantClasses","headline","body","defaultTags","combinedClassName","Tag","screens","sm","md","lg","xl","xxl","module","exports","darkMode","prefix","content","theme","listStyleType","none","disc","decimal","square","container","center","padding","DEFAULT","fontFamily","sans","serif","mono","icon","fontSize","xs","base","lineHeight","fontWeight","light","normal","semibold","colors","blue","yellow","hover","active","disabled","red","green","grey","white","black","transparent","background","amber","amberDark","beige","beigeDark","brownGray","brownGrey","coral","coralDark","darkGrey","gBSGreen","gBSHarpGreen","gBSLightGreen","gBSPalmGreen","gBSSummerGreen","graphite","jotunBlue","jotunYellow","lightBlue","lightGreen","lightgrey","lightGrey","oceanDark","olive","oliveDark","pearl","sand","sandDark","slate","slateDark","extend","fill","stroke","transitionTimingFunction","borderRadius","borderWidth","spacing","xxs","buttonY","zIndex","max","future","hoverOnlyWhenSupported","plugins","hasOwn","hasOwnProperty","arguments","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","call","value","newClass","default","getCurrentBreakpoint","innerWidth","device","Small","Medium","Large","Max","screen","setScreen","resizeHandler","pixelValue","match","parseInt","fullConfig","resolveConfig","tailwindConfig","parseNumberInString","breakpointArray","values","breakpointsBelow","upperIndex","indexOf","slice","breakpointsAbove","lowerIndex"],"sourceRoot":""}