@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
1 lines • 1.95 kB
Source Map (JSON)
{"version":3,"file":"assign-padding-variables.cjs","names":["isPrimitiveSize","getPaddingValue","getBaseSize","isResponsiveSize"],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.ts"],"sourcesContent":["import { keys } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport { getPaddingValue } from '../get-padding-value/get-padding-value';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignPaddingVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n padding: AppShellProps['padding'] | undefined;\n}\n\nexport function assignPaddingVariables({\n padding,\n baseStyles,\n minMediaStyles,\n}: AssignPaddingVariablesInput) {\n if (isPrimitiveSize(padding)) {\n baseStyles['--app-shell-padding'] = getPaddingValue(getBaseSize(padding));\n }\n\n if (isResponsiveSize(padding)) {\n if (padding.base) {\n baseStyles['--app-shell-padding'] = getPaddingValue(padding.base);\n }\n\n keys(padding).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] || {};\n minMediaStyles[key]['--app-shell-padding'] = getPaddingValue(padding![key]);\n }\n });\n }\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,uBAAuB,EACrC,SACA,YACA,kBAC8B;CAC9B,IAAIA,0BAAAA,gBAAgB,OAAO,GACzB,WAAW,yBAAyBC,0BAAAA,gBAAgBC,sBAAAA,YAAY,OAAO,CAAC;CAG1E,IAAIC,2BAAAA,iBAAiB,OAAO,GAAG;EAC7B,IAAI,QAAQ,MACV,WAAW,yBAAyBF,0BAAAA,gBAAgB,QAAQ,IAAI;EAGlE,aAAA,KAAK,OAAO,EAAE,SAAS,QAAQ;GAC7B,IAAI,QAAQ,QAAQ;IAClB,eAAe,OAAO,eAAe,QAAQ,CAAC;IAC9C,eAAe,KAAK,yBAAyBA,0BAAAA,gBAAgB,QAAS,IAAI;GAC5E;EACF,CAAC;CACH;AACF"}