UNPKG

@mantine/core

Version:

React components library focused on usability, accessibility and developer experience

1 lines 2.15 kB
{"version":3,"file":"convert-css-variables.cjs","names":["cssVariablesObjectToString"],"sources":["../../../../src/core/MantineProvider/convert-css-variables/convert-css-variables.ts"],"sourcesContent":["import { CSSVariables, cssVariablesObjectToString } from './css-variables-object-to-string';\n\nexport interface ConvertCSSVariablesInput {\n /** Shared CSS variables that should be accessible independent from color scheme */\n variables: CSSVariables;\n\n /** CSS variables available only in dark color scheme */\n dark: CSSVariables;\n\n /** CSS variables available only in light color scheme */\n light: CSSVariables;\n}\n\nexport function convertCssVariables(input: ConvertCSSVariablesInput, selectorOverride?: string) {\n const selectors = selectorOverride ? [selectorOverride] : [':root', ':host'];\n const sharedVariables = cssVariablesObjectToString(input.variables);\n const shared = sharedVariables ? `${selectors.join(', ')}{${sharedVariables}}` : '';\n const dark = cssVariablesObjectToString(input.dark);\n const light = cssVariablesObjectToString(input.light);\n\n const selectorsWithScheme = (scheme: 'light' | 'dark') =>\n selectors\n .map((selector) =>\n selector === ':host'\n ? `${selector}([data-mantine-color-scheme=\"${scheme}\"])`\n : `${selector}[data-mantine-color-scheme=\"${scheme}\"]`\n )\n .join(', ');\n\n const darkForced = dark ? `${selectorsWithScheme('dark')}{${dark}}` : '';\n const lightForced = light ? `${selectorsWithScheme('light')}{${light}}` : '';\n\n return `${shared}\\n\\n${darkForced}\\n\\n${lightForced}`;\n}\n"],"mappings":";;;AAaA,SAAgB,oBAAoB,OAAiC,kBAA2B;CAC9F,MAAM,YAAY,mBAAmB,CAAC,iBAAiB,GAAG,CAAC,SAAS,QAAQ;CAC5E,MAAM,kBAAkBA,uCAAAA,2BAA2B,MAAM,UAAU;CACnE,MAAM,SAAS,kBAAkB,GAAG,UAAU,KAAK,KAAK,CAAC,GAAG,gBAAgB,KAAK;CACjF,MAAM,OAAOA,uCAAAA,2BAA2B,MAAM,KAAK;CACnD,MAAM,QAAQA,uCAAAA,2BAA2B,MAAM,MAAM;CAErD,MAAM,uBAAuB,WAC3B,UACG,KAAK,aACJ,aAAa,UACT,GAAG,SAAS,+BAA+B,OAAO,OAClD,GAAG,SAAS,8BAA8B,OAAO,IACtD,CACA,KAAK,KAAK;AAKf,QAAO,GAAG,OAAO,MAHE,OAAO,GAAG,oBAAoB,OAAO,CAAC,GAAG,KAAK,KAAK,GAGpC,MAFd,QAAQ,GAAG,oBAAoB,QAAQ,CAAC,GAAG,MAAM,KAAK"}