{"version":3,"file":"GlobalStyles-2a73ca9e.js","sources":["../../../app/javascript/src/components/theme/convertToCss.js","../../../app/javascript/src/components/theme/GlobalStyles.tsx"],"sourcesContent":["import isObject from 'lodash/isObject'\n\nconst convertCamelCaseToDashes = (str, prefix = '') => {\n    let s = [...str]\n\n    s.forEach((l, i) => {\n        if (l === '.') {\n            s[i] = '-'\n            return\n        }\n\n        if (l === l.toUpperCase() && isNaN(l)) {\n            s[i] = '-' + l.toLowerCase()\n        }\n    })\n\n    return `${prefix ? `${prefix}-` : ''}${s.join('')}`\n}\n\nconst convertObjectToCustomPropertiesObject = (obj, prefix = '') => {\n    const toReturn = {}\n\n    Object.entries(obj).forEach(([key, value]) => {\n        const customPropertyName = convertCamelCaseToDashes(key, prefix)\n\n        if (typeof value === 'function') return\n\n        if (isObject(value)) {\n            const flattenedValues = convertObjectToCustomPropertiesObject(\n                value,\n                customPropertyName\n            )\n            Object.entries(flattenedValues).forEach(\n                ([fCustomPropertyName, fValue]) => {\n                    toReturn[`${fCustomPropertyName}`] = fValue\n                }\n            )\n        } else {\n            toReturn[`--${customPropertyName}`] = value\n        }\n    })\n\n    return toReturn\n}\n\nconst convertObjectToCustomPropertiesString = (obj, prefix = '') => {\n    let toReturn = ''\n\n    const asObject = convertObjectToCustomPropertiesObject(obj, prefix)\n\n    for (let [key, value] of Object.entries(asObject)) {\n        toReturn += `${key}: ${value};\n`\n    }\n\n    return toReturn.trim()\n}\n\nexport default convertObjectToCustomPropertiesString\n","import { createGlobalStyle } from 'styled-components'\nimport theme from './index'\nimport convertToCss from './convertToCss'\n\n// put any CSS which should be globally available here (@import's, etc)\nconst GlobalStylesColors = createGlobalStyle`\n    :root {\n      --color-shqred: #ff5652;\n      --color-shqred2: #ea524f;\n      --color-shqred3: #d80505;\n      --color-redlt1: #ffebea;\n      --color-redlt2: #ffd1cf;\n    }\n`\n\nexport const cssTheme = convertToCss(theme)\n\nexport const GlobalStyles = () => (\n    <>\n        <GlobalStylesColors />\n\n        <style data-id=\"global-styles\">{`:root { ${cssTheme} }`}</style>\n    </>\n)\n"],"names":["convertCamelCaseToDashes","str","prefix","s","l","i","convertObjectToCustomPropertiesObject","obj","toReturn","key","value","customPropertyName","isObject","flattenedValues","fCustomPropertyName","fValue","convertObjectToCustomPropertiesString","asObject","GlobalStylesColors","createGlobalStyle","cssTheme","convertToCss","theme","GlobalStyles","jsxs","Fragment","jsx"],"mappings":"iMAEA,MAAMA,EAA2B,CAACC,EAAKC,EAAS,KAAO,CACnD,IAAIC,EAAI,CAAC,GAAGF,CAAG,EAEf,OAAAE,EAAE,QAAQ,CAACC,EAAGC,IAAM,CAChB,GAAID,IAAM,IAAK,CACXD,EAAEE,CAAC,EAAI,IACP,MACH,CAEGD,IAAMA,EAAE,YAAa,GAAI,MAAMA,CAAC,IAChCD,EAAEE,CAAC,EAAI,IAAMD,EAAE,YAAa,EAExC,CAAK,EAEM,GAAGF,EAAS,GAAGA,CAAM,IAAM,EAAE,GAAGC,EAAE,KAAK,EAAE,CAAC,EACrD,EAEMG,EAAwC,CAACC,EAAKL,EAAS,KAAO,CAChE,MAAMM,EAAW,CAAE,EAEnB,cAAO,QAAQD,CAAG,EAAE,QAAQ,CAAC,CAACE,EAAKC,CAAK,IAAM,CAC1C,MAAMC,EAAqBX,EAAyBS,EAAKP,CAAM,EAE/D,GAAI,OAAOQ,GAAU,WAErB,GAAIE,EAASF,CAAK,EAAG,CACjB,MAAMG,EAAkBP,EACpBI,EACAC,CACH,EACD,OAAO,QAAQE,CAAe,EAAE,QAC5B,CAAC,CAACC,EAAqBC,CAAM,IAAM,CAC/BP,EAAS,GAAGM,CAAmB,EAAE,EAAIC,CACxC,CACJ,CACb,MACYP,EAAS,KAAKG,CAAkB,EAAE,EAAID,CAElD,CAAK,EAEMF,CACX,EAEMQ,EAAwC,CAACT,EAAKL,EAAS,KAAO,CAChE,IAAIM,EAAW,GAEf,MAAMS,EAAWX,EAAsCC,EAAKL,CAAM,EAElE,OAAS,CAACO,EAAKC,CAAK,IAAK,OAAO,QAAQO,CAAQ,EAC5CT,GAAY,GAAGC,CAAG,KAAKC,CAAK;AAAA,EAIhC,OAAOF,EAAS,KAAM,CAC1B,ECnDMU,EAAqBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAUdC,EAAWC,EAAaC,CAAK,EAE7BC,EAAe,IAEpBC,EAAAA,KAAAC,EAAA,SAAA,CAAA,SAAA,CAAAC,EAAA,IAACR,EAAmB,EAAA,QAEnB,QAAM,CAAA,UAAQ,gBAAiB,SAAA,WAAWE,CAAQ,KAAK,CAAA,CAC5D,CAAA"}