@mantine/core/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"MantineCssVariables.cjs","names":["convertCssVariables","useMantineTheme","useMantineStyleNonce","getMergedVariables","useMantineCssVariablesResolver","removeDefaultVariables"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/MantineCssVariables.tsx"],"sourcesContent":["import { convertCssVariables } from '../convert-css-variables/convert-css-variables';\nimport { useMantineCssVariablesResolver, useMantineStyleNonce } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { getMergedVariables } from './get-merged-variables';\nimport { removeDefaultVariables } from './remove-default-variables';\n\ninterface MantineCssVariablesProps {\n  cssVariablesSelector?: string;\n  deduplicateCssVariables: boolean;\n}\n\nfunction getColorSchemeCssVariables(selectorOverride?: string) {\n  return convertCssVariables(\n    {\n      variables: {},\n      dark: { '--mantine-color-scheme': 'dark' },\n      light: { '--mantine-color-scheme': 'light' },\n    },\n    selectorOverride\n  );\n}\n\nexport function MantineCssVariables({\n  cssVariablesSelector,\n  deduplicateCssVariables,\n}: MantineCssVariablesProps) {\n  const theme = useMantineTheme();\n  const nonce = useMantineStyleNonce();\n  const generator = useMantineCssVariablesResolver();\n  const mergedVariables = getMergedVariables({ theme, generator });\n  const shouldCleanVariables =\n    (cssVariablesSelector === undefined ||\n      cssVariablesSelector === ':root' ||\n      cssVariablesSelector === ':host') &&\n    deduplicateCssVariables;\n  const cleanedVariables = shouldCleanVariables\n    ? removeDefaultVariables(mergedVariables)\n    : mergedVariables;\n  const css = convertCssVariables(cleanedVariables, cssVariablesSelector);\n\n  if (css) {\n    return (\n      <style\n        data-mantine-styles\n        nonce={nonce?.()}\n        dangerouslySetInnerHTML={{\n          __html: `${css}${\n            shouldCleanVariables ? '' : getColorSchemeCssVariables(cssVariablesSelector)\n          }`,\n        }}\n      />\n    );\n  }\n\n  return null;\n}\n\nMantineCssVariables.displayName = '@mantine/CssVariables';\n"],"mappings":";;;;;;;;;AAWA,SAAS,2BAA2B,kBAA2B;CAC7D,OAAOA,8BAAAA,oBACL;EACE,WAAW,CAAC;EACZ,MAAM,EAAE,0BAA0B,OAAO;EACzC,OAAO,EAAE,0BAA0B,QAAQ;CAC7C,GACA,gBACF;AACF;AAEA,SAAgB,oBAAoB,EAClC,sBACA,2BAC2B;CAC3B,MAAM,QAAQC,6BAAAA,gBAAgB;CAC9B,MAAM,QAAQC,wBAAAA,qBAAqB;CAEnC,MAAM,kBAAkBC,6BAAAA,mBAAmB;EAAE;EAAO,WADlCC,wBAAAA,+BAC0C;CAAE,CAAC;CAC/D,MAAM,wBACH,yBAAyB,KAAA,KACxB,yBAAyB,WACzB,yBAAyB,YAC3B;CAIF,MAAM,MAAMJ,8BAAAA,oBAHa,uBACrBK,iCAAAA,uBAAuB,eAAe,IACtC,iBAC8C,oBAAoB;CAEtE,IAAI,KACF,OACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;EACE,uBAAA;EACA,OAAO,QAAQ;EACf,yBAAyB,EACvB,QAAQ,GAAG,MACT,uBAAuB,KAAK,2BAA2B,oBAAoB,IAE/E;CACD,CAAA;CAIL,OAAO;AACT;AAEA,oBAAoB,cAAc"}