@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;AAC7D,QAAOA,8BAAAA,oBACL;EACE,WAAW,EAAE;EACb,MAAM,EAAE,0BAA0B,QAAQ;EAC1C,OAAO,EAAE,0BAA0B,SAAS;EAC7C,EACD,iBACD;;AAGH,SAAgB,oBAAoB,EAClC,sBACA,2BAC2B;CAC3B,MAAM,QAAQC,6BAAAA,iBAAiB;CAC/B,MAAM,QAAQC,wBAAAA,sBAAsB;CAEpC,MAAM,kBAAkBC,6BAAAA,mBAAmB;EAAE;EAAO,WADlCC,wBAAAA,gCAAgC;EACa,CAAC;CAChE,MAAM,wBACH,yBAAyB,KAAA,KACxB,yBAAyB,WACzB,yBAAyB,YAC3B;CAIF,MAAM,MAAMJ,8BAAAA,oBAHa,uBACrBK,iCAAAA,uBAAuB,gBAAgB,GACvC,iBAC8C,qBAAqB;AAEvE,KAAI,IACF,QACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;EACE,uBAAA;EACA,OAAO,SAAS;EAChB,yBAAyB,EACvB,QAAQ,GAAG,MACT,uBAAuB,KAAK,2BAA2B,qBAAqB,IAE/E;EACD,CAAA;AAIN,QAAO;;AAGT,oBAAoB,cAAc"}