@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
1 lines • 1.94 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;AAC9B,KAAIA,0BAAAA,gBAAgB,QAAQ,CAC1B,YAAW,yBAAyBC,0BAAAA,gBAAgBC,sBAAAA,YAAY,QAAQ,CAAC;AAG3E,KAAIC,2BAAAA,iBAAiB,QAAQ,EAAE;AAC7B,MAAI,QAAQ,KACV,YAAW,yBAAyBF,0BAAAA,gBAAgB,QAAQ,KAAK;AAGnE,eAAA,KAAK,QAAQ,CAAC,SAAS,QAAQ;AAC7B,OAAI,QAAQ,QAAQ;AAClB,mBAAe,OAAO,eAAe,QAAQ,EAAE;AAC/C,mBAAe,KAAK,yBAAyBA,0BAAAA,gBAAgB,QAAS,KAAK;;IAE7E"}