UNPKG

@chakra-ui/layout

Version:

Chakra UI layout components that give you massive speed

1 lines 1.77 kB
{"version":3,"sources":["../src/stack/stack.utils.tsx"],"sourcesContent":["import { ResponsiveValue, SystemProps } from \"@chakra-ui/system\"\nimport { mapResponsive } from \"@chakra-ui/breakpoint-utils\"\n\nexport type StackDirection = ResponsiveValue<\n \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"\n>\n\ninterface Options {\n spacing: SystemProps[\"margin\"]\n direction: StackDirection\n}\n\nexport function getDividerStyles(options: Options) {\n const { spacing, direction } = options\n\n const dividerStyles = {\n column: {\n my: spacing,\n mx: 0,\n borderLeftWidth: 0,\n borderBottomWidth: \"1px\",\n },\n \"column-reverse\": {\n my: spacing,\n mx: 0,\n borderLeftWidth: 0,\n borderBottomWidth: \"1px\",\n },\n row: {\n mx: spacing,\n my: 0,\n borderLeftWidth: \"1px\",\n borderBottomWidth: 0,\n },\n \"row-reverse\": {\n mx: spacing,\n my: 0,\n borderLeftWidth: \"1px\",\n borderBottomWidth: 0,\n },\n }\n\n return {\n \"&\": mapResponsive(\n direction,\n (value: keyof typeof dividerStyles) => dividerStyles[value],\n ),\n }\n}\n"],"mappings":";;;AACA,SAAS,qBAAqB;AAWvB,SAAS,iBAAiB,SAAkB;AACjD,QAAM,EAAE,SAAS,UAAU,IAAI;AAE/B,QAAM,gBAAgB;AAAA,IACpB,QAAQ;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACrB;AAAA,IACA,kBAAkB;AAAA,MAChB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACrB;AAAA,IACA,KAAK;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACrB;AAAA,IACA,eAAe;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACrB;AAAA,EACF;AAEA,SAAO;AAAA,IACL,KAAK;AAAA,MACH;AAAA,MACA,CAAC,UAAsC,cAAc,KAAK;AAAA,IAC5D;AAAA,EACF;AACF;","names":[]}